var cancelHide = false;
var startLink = "";
var startsubLink = "";
var pageloaded = 0 ;
var previoussub="";
var ColorboxObj = mElement('SystemPage1_SM_Colorbox');
var Colorbox2Obj = mElement('SystemPage1_SM_Colorbox2');


var parentLink ="";
var targetLink = "";
var curXPos = 0;

var startcolor= new Array(0,0,0);
var endcolor=new Array(0,0,0); 

var startcolor2= new Array(255,255,255);
var endcolor2=new Array(0,0,0); 

var startcolor3= new Array(0,0,0); 
var endcolor3=new Array(255,255,255);


var selectedItemText = "";
var selectedItemUrl = "";
var selectedContainerName = "";
var rootLinkAtt;
var slowStep;
var moveRight = true;

var slideStep; 
var isSubSlide = false;
var slideLinkId;


var fadecounterArray = new Array(3);

var maxsteps=20;
var stepdelay=0;
var fadetrigger = false;

//EndXPos,EndWidth,EndTextColor,R,G,B,BeginStep,SlowDownStart,SubAlign,MacAdjust
var DefaultAttributes=new Array(-20,0,'#fff',100,100,100,1,2,8,'N',13); 
var ShopLinkAttributes=new Array(2,104,'#fff',247,147,29,30,100,8,'N',0); 
var HotLinkAttributes=new Array(106,135,'#fff',178,187,30,30,100,8,'R',4); 

var PressLinkAttributes=new Array(249,107,'#fff',241,111,145,30,100,8,'R',0); 
var TrendLinkAttributes=new Array(242,136,'#fff',241,111,145,30,100,8,'R',7); 

var ColorLinkAttributes=new Array(378,110,'#fff',178,155,201,30,100,8,'N',10); 
var StoreLinkAttributes=new Array(488,112,'#fff',113,203,210,30,100,8,'N',12); 
var HomeLinkAttributes=new Array(598,80,'#fff',0,0,0,30,100,8,'N',14); 

var RootSingleLinks = new Array("ColorLink","StoreLink","ShopLink"); 
var ParentLinkNames = new Array("HotLink","TrendLink","HomeLink"); 

var SubLinkContainer = new Array("SystemPage1_SM_HotLinks","SystemPage1_SM_PressLinks","SystemPage1_SM_HomeLinks"); 
var SubLinkContainerSafariOffSet = new Array(162,300,518);
var MacTextAdjust = 0;
var defaultShown = "";
var defaultCBShown = false;
var safariAdjust = 0;
var macFireFoxAdjust = 0;

function SetStartLink(){

		StartLinkAtt = eval(startLink+'Attributes');
		if(navigator.userAgent.toLowerCase().indexOf('macintosh')!=-1) {
			StartLinkAtt[0] = StartLinkAtt[0]  + StartLinkAtt[10];


		if(navigator.userAgent.toLowerCase().indexOf('safari')!=-1) {
			safariAdjust = 7;
			MacTextAdjust = 1;
		}else if(navigator.userAgent.toLowerCase().indexOf('firefox')!=-1) {
		Colorbox2Obj.style.paddingTop = "5px";
		macFireFoxAdjust = 2;

		}
		}else if(navigator.userAgent.toLowerCase().indexOf('firefox')!=-1) {
		safariAdjust = 7;
		}


	if (startLink != 'Default'){
	mElement(startLink).style.color = StartLinkAtt[2];		
	}

		ColorboxObj.style.backgroundColor = "rgb(" + StartLinkAtt[3] + ", " + StartLinkAtt[4] + ", " + StartLinkAtt[5] + ")";		

		ColorboxObj.style.left = StartLinkAtt[0] + "px";		
		ColorboxObj.style.width = StartLinkAtt[1] + "px";		
		startcolor= new Array(StartLinkAtt[3],StartLinkAtt[4],StartLinkAtt[5]);
		curXPos = StartLinkAtt[0];

		var finaltextpos = 0;
		if ( startsubLink != ''){
			if (StartLinkAtt[9] == "R"){
				var cOffSet = linkoffset[startsubLink];
				finaltextpos = StartLinkAtt[0] + StartLinkAtt[1] - 6 + safariAdjust ;
				Colorbox2Obj.style.textAlign = "right";
				
			}else{
				finaltextpos = StartLinkAtt[0] - totalPanelWidth[startLink] + safariAdjust;
				
				Colorbox2Obj.style.textAlign = "left";
				
			}
		Colorbox2Obj.style.left = StartLinkAtt[0] + "px";
		Colorbox2Obj.style.width = StartLinkAtt[1] - 12 + "px";
		
		Colorbox2Obj.style.color = "#FFF";
		Colorbox2Obj.style.backgroundColor = "rgb(" + StartLinkAtt[3] + ", " + StartLinkAtt[4] + ", " + StartLinkAtt[5] + ")";
		
		//document.createElement("<a id='CBL' href='test.htm'><BIG>test</BIG></a>");
		//var newA = document.createElement("A");
		//newA.href = "test.htm";
		//newA.innerText = "Textx";
		
			
		Colorbox2Obj.innerHTML = "<a id='CBL' href='" + selectedItemUrl + "'>" + selectedItemText + "</a>" ;
		Colorbox2Obj.style.zIndex = 1;
		
		//alert(newA);
		//Colorbox2Obj.appendChild(newA);
		defaultCBShown = true;
		defaultShown = selectedContainerName;
		//alert(selectedContainerName);
		mElement(selectedContainerName).style.display='block';
		mElement(selectedContainerName).style.marginLeft = finaltextpos + "px";			

		
		}

}

function LoadItUp(tStartLink,tStartSubLink,tselectedItemText,tselectedItemUrl,tselectedContainerName){
	startLink = tStartLink;
	startsubLink = tStartSubLink;
	selectedItemText = tselectedItemText;
	selectedItemUrl = tselectedItemUrl;
	selectedContainerName = tselectedContainerName;
	for (var y=0;y<RootSingleLinks.length;y++){
		addEvent(document.getElementById(RootSingleLinks[y]),'click',initLink);
		addEvent(document.getElementById(RootSingleLinks[y]),'mouseover',hideLast);	
		addEvent(document.getElementById(RootSingleLinks[y]),'mouseover',cancelTO);	
		addEvent(document.getElementById(RootSingleLinks[y]),'mouseout',showDefaultProxy);	
		document.getElementById(RootSingleLinks[y]).ParentLink = RootSingleLinks[y];
	}
	   
  
	   
	   
	for (var y=0;y<SubLinkContainer.length;y++){
		addEvent(document.getElementById(ParentLinkNames[y]),'click',initLink);
		addEvent(document.getElementById(ParentLinkNames[y]),'mouseover',showsub);
		//addEvent(document.getElementById(ParentLinkNames[y]),'mouseout',showDefaultProxy);	
		addEvent(document.getElementById(ParentLinkNames[y]),'mouseout',subhideproxy);					

		addEvent(document.getElementById(SubLinkContainer[y]),'mouseout',hideproxy);	
		addEvent(document.getElementById(SubLinkContainer[y]),'mouseover',cancelTO);
		if(navigator.userAgent.toLowerCase().indexOf('macintosh')!=-1) {
			if(navigator.userAgent.toLowerCase().indexOf('safari')!=-1) {
				document.getElementById(SubLinkContainer[y]).style.marginTop = "1px";
				
				document.getElementById(SubLinkContainer[y]).style.marginLeft = SubLinkContainerSafariOffSet[y] + "px";
				
				//alert("here");
			}else if(navigator.userAgent.toLowerCase().indexOf('firefox')!=-1) {
				document.getElementById(SubLinkContainer[y]).style.marginTop = "5px";
				document.getElementById(SubLinkContainer[y]).style.marginLeft = SubLinkContainerSafariOffSet[y] - 7 + "px";
			}
		
		}

		document.getElementById(ParentLinkNames[y]).SubLinkName = SubLinkContainer[y];

		document.getElementById(ParentLinkNames[y]).ParentLink = ParentLinkNames[y];

		var aAnchors = mElement(SubLinkContainer[y]).getElementsByTagName("A");
		for(var i=0;i<aAnchors.length;i++){
			addEvent(aAnchors[i],'mouseover',cancelTO);	
			addEvent(aAnchors[i],'click',initLink);
			aAnchors[i].ParentLink = ParentLinkNames[y];
			aAnchors[i].ContainerName = SubLinkContainer[y];
		}

	}

 SetStartLink();
	
 var hrefs = document.getElementsByTagName('A');

 for(var i=0;i<hrefs.length;i++){
 
    if (hrefs[i].className == 'newwin')
      hrefs[i].onclick = function() { window.open(this.href); return false; }

	if(hrefs[i].href.toLowerCase().indexOf('huemediacontact.aspx')!=-1){
	
		if(hrefs[i].id == "PL3"){
			removeEvent(hrefs[i],'click',initLink);
		}
		hrefs[i].onclick = function() {mediaWindow(); return false; }    
		
      }
}

if (document.getElementById('SystemPage1_ShopMenu_ShopNav')){
var ShopMenuLeft = 24;
		if(navigator.userAgent.toLowerCase().indexOf('macintosh')!=-1) {
			if(navigator.userAgent.toLowerCase().indexOf('safari')!=-1) {
				ShopMenuLeft = 24;
			}else if(navigator.userAgent.toLowerCase().indexOf('firefox')!=-1) {
				ShopMenuLeft = 24;
			}else if(navigator.userAgent.toLowerCase().indexOf('camino')!=-1) {
				ShopMenuLeft = 24;
			}
		}else if(navigator.userAgent.toLowerCase().indexOf('firefox')!=-1) {
		ShopMenuLeft = 24;
		}
document.getElementById('SystemPage1_ShopMenu_ShopNav').style.marginLeft = ShopMenuLeft + "px";		
}

 /*
 		var aAnchors = document.getElementsByTagName("A");
		for(var i=0;i<aAnchors.length;i++){
		
		if (aAnchors[i].href.toLowerCase().indexOf('mailto')==-1){		
			if (aAnchors[i].href.indexOf('?')!=-1){
				aAnchors[i].href = aAnchors[i].href + "&amp;js=y";
			}else{
				aAnchors[i].href = aAnchors[i].href + "?js=y";		
			}
		}
		}
	*/
}
function showDefaultProxy(){
	cancelTO();
	lastSDTO = setTimeout("showDefault()",500);
	//hideLast();	

}
function showDefault(){
		if (defaultShown != ''){
			mElement(defaultShown).style.display='block';
			Colorbox2Obj.style.display='block';		
		}
//hideLast();		
}
function initLink(tEvent){

	if(tEvent.preventDefault)tEvent.preventDefault();
		isSubSlide = false;
		targetLink = this.id;
		parentLink = this.ParentLink;
		cancelHide = false;
		if (startLink != 'Default'){
		mElement(startLink).style.color = "#000";
		}
		startLinkAtt = eval(startLink+'Attributes');
		rootLinkAtt = eval(parentLink+'Attributes');
		
		if(startLink != parentLink){
		if(navigator.userAgent.toLowerCase().indexOf('macintosh')!=-1) {
			rootLinkAtt[0] = rootLinkAtt[0]  + rootLinkAtt[10];
		}
		}
		
		
		if (rootLinkAtt[0] < startLinkAtt[0]){
			moveRight = false;
		}else{
			moveRight = true;
		}

		if (targetLink != parentLink){
			isSubSlide=true;
			HideLinks(mElement(mElement(targetLink).ContainerName),targetLink);
			mElement(targetLink).style.position = "absolute";
			mElement(targetLink).style.backgroundColor = "transparent";		
			slideLinkId = targetLink;

			
			mElement(targetLink).style.zIndex = 1000;

			var finaltextpos = 0;
			finaltextpos = rootLinkAtt[0] + 4			
			if (rootLinkAtt[9] == "R"){
				var cOffSet = linkoffset[targetLink];
				finaltextpos = rootLinkAtt[0] + rootLinkAtt[1] - cOffSet - (10 - MacTextAdjust);
			}else{
				finaltextpos = rootLinkAtt[0] + 2
			}
			mElement(targetLink).style.left = finaltextpos + "px";;
			mElement(targetLink).style.top = 55 + macFireFoxAdjust + "px";
			cancelHide = true;
		}

		
		endcolor=new Array(rootLinkAtt[3],rootLinkAtt[4],rootLinkAtt[5]); 
		
		endcolor2=new Array(rootLinkAtt[3],rootLinkAtt[4],rootLinkAtt[5]); 


		Colorbox2Obj.style.left = rootLinkAtt[0] + "px";
		Colorbox2Obj.style.width = rootLinkAtt[1] - 12  + "px";
		//Colorbox2Obj.style.width = "96px";
		//alert(Colorbox2Obj.style.width);

		//Change Color
		if (location.href.toLowerCase().lastIndexOf("default.aspx") > -1){
		Colorbox2Obj.style.backgroundColor = "#fff";				
		}else{
		Colorbox2Obj.style.backgroundColor = "#fff";				
		}
		

		Colorbox2Obj.innerHTML = "";
		
		//Colorbox2Obj.style.position='absolute';
		
		Colorbox2Obj.style.display='block';
		
		Colorbox2Obj.style.zIndex = -1;
		
		slideStep =  rootLinkAtt[6];
		slowStep =  rootLinkAtt[8];

		globalColorFade(1,true,'SystemPage1_SM_Colorbox',startcolor,endcolor,20,1);
		
		ColorboxObj.style.width = rootLinkAtt[1] + "px";		
		if(navigator.userAgent.toLowerCase().indexOf('mac')!=-1) {
			if(navigator.userAgent.toLowerCase().indexOf('safari')!=-1) {
				//slideStep = 20;
				slowStep = 2;
				//alert("here");
			}else if(navigator.userAgent.toLowerCase().indexOf('opera')!=-1) {
				slowStep = 2;
			}
		
		}

		setTimeout("slideit()",0);
		tEvent.returnValue = false;
		tEvent.cancel = true;

    if(navigator.userAgent.toLowerCase().indexOf('safari')!=-1) {
      window.templink = this;
      window.temphref = this.href;
      this.href='javascript:void(0);';
      setTimeout('templink.href=temphref;temphref=null;templink=null;',100);
    }		

}

function HideLinks(ParentEl,TargetEl){
		ParentEl.innerHTML = ParentEl.innerHTML.replace(new RegExp(/\|/g),'');
		var aAnchors = ParentEl.getElementsByTagName("A");
		for(var i=0;i<aAnchors.length;i++){
			if (aAnchors[i].id != TargetEl){
				aAnchors[i].style.display = 'none';
			}
		}
}
function slideit(){

	if (moveRight){
		curXPos+= slideStep;
		ColorboxObj.style.left = curXPos +"px";

		if (curXPos < rootLinkAtt[0] - slideStep){
			if (curXPos > (rootLinkAtt[0] - rootLinkAtt[7])){
				slideStep -= slowStep;
				if (slideStep<2){
				slideStep = 2;
				}
				if (!fadetrigger){
					if (isSubSlide){
						globalColorFade(2,true,'SystemPage1_SM_Colorbox2',startcolor2,endcolor2,20,1);
						globalColorFade(3,false,slideLinkId,startcolor3,endcolor3,20,1);						
					}
					fadetrigger = true;
				}
			}
			setTimeout("slideit()",0);
		}else{
				if (!fadetrigger){
					if (isSubSlide){
						globalColorFade(2,true,'SystemPage1_SM_Colorbox2',startcolor2,endcolor2,20,1);
						globalColorFade(3,false,slideLinkId,startcolor3,endcolor3,20,1);						
					}
				}
		
			finalPos();
			fadetrigger = false;			
		}
	}else{
		curXPos-= slideStep;
		ColorboxObj.style.left = curXPos +"px";

		if (curXPos > rootLinkAtt[0] + slideStep){
			if (curXPos < (rootLinkAtt[0] + rootLinkAtt[7])){
				slideStep -= slowStep;
				if (slideStep<2){
				slideStep = 2;
				}
				if (!fadetrigger){
					if (isSubSlide){
						globalColorFade(2,true,'SystemPage1_SM_Colorbox2',startcolor2,endcolor2,20,1);
						globalColorFade(3,false,slideLinkId,startcolor3,endcolor3,20,1);						
					}
					fadetrigger = true;
				}
			}
			setTimeout("slideit()",0);
			
		}else{
				if (!fadetrigger){
					if (isSubSlide){
						globalColorFade(2,true,'SystemPage1_SM_Colorbox2',startcolor2,endcolor2,20,1);
						globalColorFade(3,false,slideLinkId,startcolor3,endcolor3,20,1);						
					}
				}
		
			finalPos();
			fadetrigger = false;			

		}
	}

}
function finalPos(){
//alert(rootLinkAtt[0]);
		ColorboxObj.style.left = rootLinkAtt[0] + "px";
		mElement(parentLink).style.color = rootLinkAtt[2];
		var targetHref = mElement(targetLink).href;
		setTimeout("location.href=(mElement(targetLink).href)",500);

}

function showsub(){
	cancelTO();
	
	var mTarget = this.SubLinkName;
			if (previoussub!=mTarget ){
				hideLast();
			}

	if (defaultShown != mTarget){
			mElement(mTarget).style.display='block';
				
			if (defaultShown != ''){
				mElement(defaultShown).style.display='none';
				if (defaultShown != 'SystemPage1_SM_ShopLinks'){
					Colorbox2Obj.style.display='none';
				}
			}
			previoussub = mTarget;

	}else{
			mElement(mTarget).style.display='block';
			Colorbox2Obj.style.display='block';

	}

}


var lastTO;
var lastSDTO;
var lastTOId;

function hideLast(){
	if (previoussub!=""){
	mElement(previoussub).style.display='none';	
		/*
		*/
	}

		if (defaultShown != ''){
			mElement(defaultShown).style.display='none';
				if (defaultShown != 'SystemPage1_SM_ShopLinks'){
					Colorbox2Obj.style.display='none';
				}

		}

}

function hidesub(hId){

	if (!cancelHide){
		mElement(hId).style.display='none';	


		if (defaultShown != ''){
			mElement(defaultShown).style.display='block';
			Colorbox2Obj.style.display='block';		
		}
		
	}		
	
}

function subhideproxy(){
	cancelTO();
	//mElement("DebugOutput").innerHTML = cancelHide + '<BR>' + mElement("DebugOutput").innerHTML ;	
	lastTO = setTimeout("hidesub('" + this.SubLinkName + "')",500);
	lastTOId = this.id;
}

function hideproxy(){
	cancelTO();
	lastTO = setTimeout("hidesub('" + this.id + "')",500);
	lastTOId = this.id;
}

function cancelTO(){
		lastTOId = this.id;
		clearTimeout(lastTO);
		clearTimeout(lastSDTO);
		
}



function globalColorFade(lFadeCounter,isBgColor,elTarget,lStartColor,lEndColor,lMaxSteps,step) {
  if(step<=lMaxSteps) {	
	if (isBgColor){
		document.getElementById(elTarget).style.backgroundColor=GlobalGetStepColor(lStartColor,lEndColor,lMaxSteps,step);
	}else{
		document.getElementById(elTarget).style.color=GlobalGetStepColor(lStartColor,lEndColor,lMaxSteps,step);	
    }
    step++;
    fadecounterArray[lFadeCounter]=setTimeout("globalColorFade("+lFadeCounter+","+isBgColor+",'"+elTarget+"',new Array("+lStartColor+"),new Array("+lEndColor+"),"+lMaxSteps+","+step+")",stepdelay);
  }else{
    clearTimeout(fadecounterArray[lFadeCounter]);
  }   
}

function GlobalGetStepColor(lStartColor,lEndColor,lMaxSteps,step) {
  var diff
  var newcolor=new Array(3);
  for(var i=0;i<3;i++) {
    diff = (lStartColor[i]-lEndColor[i]);
    if(diff > 0) {
      newcolor[i] = lStartColor[i]-(Math.round((diff/lMaxSteps))*step);
    } else {
      newcolor[i] = lStartColor[i]+(Math.round((Math.abs(diff)/lMaxSteps))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
//alert(navigator.userAgent.toLowerCase());

function HueWindow(url,winWidth,winHeight) {
popWin=window.open(url,"win",'titlebar=no,minimize=no,maximize=no,systemMenu=no,top=120,left=200,center=yes,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width='+winWidth+',height='+winHeight)
return false;
}
function mediaWindow(){
HueWindow("/HueMediaContact.aspx",430,236)
}