// JavaScript Document
var incTime=10;
var myTimeout;
var nextFlag=true;
var preFlag=true;


function getStyleObject(objectId) {
		// cross-browser function to get an object's style object given its
			if(document.getElementById && document.getElementById(objectId)) {
			// W3C DOM
			return document.getElementById(objectId).style;
			} else if (document.all && document.all(objectId)) {
			// MSIE 4 DOM
			return document.all(objectId).style;
			} else if (document.layers && document.layers[objectId]) {
			// NN 4 DOM.. note: this won't find nested layers
			return document.layers[objectId];
			} else {
			return false;
			}
}

	function insidePop(sLinkage)
	{
		showPop();
		var currentItem=xmlDoc.getElementsByTagName(sLinkage);
		var heroImg=document.getElementById("mainImg");
		var tr1=document.getElementById("tr1");
		var tr2=document.getElementById("tr2");
		var popTitle=document.getElementById("popTitle");
		var popSubtitle=document.getElementById("popSubtitle");
		var popTxt=document.getElementById("popTxt");
		var colorList=document.getElementById("colorList");

		heroImg.style.backgroundImage="url(images/"+currentItem[0].childNodes[0].firstChild.nodeValue+")";
		for (i=0; i<currentItem[0].childNodes[1].firstChild.childNodes.length; i++)
		{
			var newCellTop=document.createElement("td");
			newCellTop.innerHTML=currentItem[0].childNodes[1].firstChild.childNodes[i].firstChild.nodeValue;
			var newCellBot=document.createElement("td");
			newCellBot.innerHTML=currentItem[0].childNodes[1].childNodes[1].childNodes[i].firstChild.nodeValue;
			tr1.appendChild(newCellTop);
			tr2.appendChild(newCellBot);
		}
		popTitle.innerHTML=currentItem[0].childNodes[2].firstChild.nodeValue;
		popSubtitle.innerHTML=currentItem[0].childNodes[3].firstChild.nodeValue;
		popTxt.innerHTML=currentItem[0].childNodes[4].firstChild.nodeValue;
	}
		
		
		function shift(myObj,step,destination,timeIncrement,total,linkName)
		{	
			clearTimeout(myTimeout);
			nextFlag=false;
			preFlag=false;
			var myDiv=getStyleObject(myObj);
			var start = parseInt(myDiv.left);
			
			if(destination==start)
			{
				nextFlag=true;
				preFlag=true;
				return;
			}
			
			else if(destination>start)
			{
				var dir=1
			}
			else
			{
				var dir=-1;
			}
			
			var new_left=start+step*dir;
			
			if (document.layers) 
    			{
     			 myDiv.left = new_left;
    			}
    		else 
    		{  
      			myDiv.left = new_left + "px";
    		}
			
			incTime+=timeIncrement;
			
			
			
			if (new_left==destination){
				clearTimeout(myTimeout);
				nextFlag=true;
				preFlag=true;
				var imageIndex1=destination/-350+1;
				var imageIndex2=imageIndex1+1;

				var totalNumber= parseInt(total)+1;

				for(i=1; i<totalNumber; i++)
				{
					var currentLoop=document.getElementById("prdBt"+i.toString());
					currentLoop.style.textDecoration="underline";
					currentLoop.firstChild.style.display="none";
				}
				
				var currentPair1=document.getElementById("fruStuw"+imageIndex1.toString());
				currentPair1.style.backgroundImage="url("+linkName.toString()+imageIndex1.toString()+".jpg)";
				
				
				var currentBt1=document.getElementById("prdBt"+imageIndex1.toString());
				currentBt1.style.textDecoration="none";
				currentBt1.firstChild.style.display="inline";
				
				var currentPair2=document.getElementById("fruStuw"+imageIndex2.toString());
				if (currentPair2)
				{
				currentPair2.style.backgroundImage="url("+linkName.toString()+imageIndex2.toString()+".jpg)";
				}
				return;
			}

				
			myTimeout=setTimeout("shift('"+myObj+"',"+step+","+ destination+","+ timeIncrement +","+total+",'"+linkName+"'"+")");
		}
		
		function nextCol(myObj,maxL,total,linkName)
		{
			if(nextFlag==false)
			{
				return;
			}
			nextFlag=false;
			var myDiv=getStyleObject(myObj);
			var start = parseInt(myDiv.left);
			if(start==maxL)
			{
				return;
			}
			else
			{
				var des=start-350;
			}
	
			shift(myObj,35,des,0,total,linkName);
		}
		
		function prevCol(myObj,total,linkName)
		{
			if(preFlag==false)
			{
				return;
			}
			
			preFlag=false;
			var myDiv=getStyleObject(myObj);
			var start = parseInt(myDiv.left);
	
			if(start==0)
			{
				return;
			}
			else
			{
				des=start+350;
			}
			shift(myObj,35,des,0,total,linkName);
			
		}

function prdBtOver(sLinkage)
{
	var CurrBt=document.getElementById(sLinkage);
	CurrBt.style.color="#fff";
	CurrBt.style.cursor="pointer";
}

function prdBtOut(sLinkage)
{
	var CurrBt=document.getElementById(sLinkage);
	CurrBt.style.color="#DDD";
}

function pop(sLinkage)
{
	mywindow = window.open (sLinkage, "","location=1,status=1,scrollbars=1,width=330,height=520");
  	mywindow.moveTo(0,0);
}

function pop2(sLinkage)
{
	mywindow = window.open (sLinkage, "","location=1,status=1,scrollbars=1,width=400,height=450");
  	mywindow.moveTo(0,0);
}

function removeChildN(sLinkage){
	var holder = document.getElementById(sLinkage);
	var myLength=holder.childNodes.length;
	for (i=0; i<=myLength-2; i++)
	{
		holder.removeChild(holder.lastChild);
	}
}

function hideColors(myNum)
{
	for (i=1; i<=myNum; i++)
	{
		var myRef="c"+i.toString();
		var myColor=document.getElementById(myRef);
		myColor.style.display="none";
	}
}

function showPop()
{
	var myTop;
	if(window.pageYOffset)
	{
		myTop=Math.max(document.documentElement.scrollTop, window.pageYOffset);
		

	}
	else
	{
		myTop=Math.max(document.documentElement.scrollTop, document.body.scrollTop);
	}
	var myPop=document.getElementById("pop");
	var myCover=document.getElementById("cover");
	var newTop=100+parseInt(myTop);
	var myValue=newTop.toString()+"px";
	//myPop.style.margin-top=100+phaseInt(myTop)	
	disBodyScrol();
	showBlock("cover");
	showBlock("wrapper");
	showBlock("pop");
	myPop.style.marginTop=myValue;
	myValue="100px";
	//myCover.style.marginTop=myTop.toString()+"px";
}

function hidePop()
{
	
	hideBlock("pop");
	hideBlock("wrapper");
	hideBlock("cover");
	enableBodyScrol();
}

function showSitemap()
{

	showBlock("cover");
	showBlock("wrapper");
	showBlock("sitemap");
	disBodyScrol();
}

function hideSitemap()
{
	enableBodyScrol();
	hideBlock("sitemap");
	hideBlock("wrapper");
	hideBlock("cover");
}

function showContact()
{
	disBodyScrol();
	showBlock("cover");
	showBlock("wrapper");
	showBlock("contact");
}

function hideContact()
{
	enableBodyScrol();
	hideBlock("contact");
	hideBlock("wrapper");
	hideBlock("cover");
}

function showBlock(blockID)
{
	var myBlock=document.getElementById(blockID);
	myBlock.style.display="block";
}

function showClass(className)
{
	var myWrapper=document.getElementsByClassName(className);
	myWrapper[0].style.display="block";
}

function hideClass(className)
{
	var myWrapper=document.getElementsByClassName(className);
	myWrapper[0].style.display="none";
}

function hideBlock(blockID)
{
	var myBlock=document.getElementById(blockID);
	myBlock.style.display="none";
}

function enableBodyScrol()
{
	//document.body.style.overflow="scroll";
	
	document.documentElement.style.overflow="scroll";
}

function disBodyScrol()
{
	
	//document.body.style.overflow="hidden";
	document.documentElement.style.overflow="hidden";
	
}

function shift2(myObj, step, destination, timeIncrement)
		{	
			clearTimeout(myTimeout);
			nextFlag=false;
			preFlag=false;
			var myDiv=getStyleObject(myObj);
			var start = parseInt(myDiv.left);
			if(destination==start)
			{
				return;
			}
			else if(destination>start)
			{
				var dir=1
			}
			else
			{
				var dir=-1;
			}
			
			var new_left=start+step*dir;
			
			if (document.layers) 
    			{
     			 myDiv.left = new_left;
    			}
    		else 
    		{  
      			myDiv.left = new_left + "px";
    		}
			
			incTime+=timeIncrement;
			
			if (new_left==destination){
				clearTimeout(myTimeout);
				nextFlag=true;
				preFlag=true;
				
				return;
			}
			myTimeout=setTimeout("shift2('"+myObj+"',"+step+","+ destination+","+ timeIncrement +")", incTime);
		}

function ieTurnRed(sLinkage)
{
	var myObj=document.getElementById(sLinkage);
	myObj.style.color="#ff4600";
}
function ieTurnGrey(sLinkage)
{
	var myObj=document.getElementById(sLinkage);
	myObj.style.color="#333";
	
}