// JavaScript Document

var mainArray = new Array();

var subArray = new Array();

var subSubArray = new Array();

var idArray = new Array();

var nameArray = new Array();

var collectionArray = new Array();

var typeArray = new Array();

var specsArray = new Array();

var directLinkArray = new Array();

var directSubLinkArray = new Array();

IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;

IE = (navigator.appName.indexOf("Microsoft Internet Explorer")==-1) ? false : true;

// cookies!

function createCookie(name,value,days) {

	if (days) {

		var date = new Date();

		date.setTime(date.getTime()+(days*24*60*60*1000));

		var expires = "; expires="+date.toGMTString();

	}

	else var expires = "";

	document.cookie = name+"="+value+expires+"; path=/";

}

/*ORIGINAL

function readCookie(name) {

	var nameEQ = name + "=";

	var ca = document.cookie.split(';');

	for(var i=0;i < ca.length;i++) {

		var c = ca[i];

		while (c.charAt(0)==' ') c = c.substring(1,c.length);

		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

	}

	//return null;

	return "please enter your enquiry here";

}

*/

function readCookie(name) {

	var nameEQ = name + "=";

	var ca = document.cookie.split(';');

	for(var i=0;i < ca.length;i++) {

		var c = ca[i];

		while (c.charAt(0)==' ') c = c.substring(1,c.length);

		var returnCookieString = c.substring(nameEQ.length,c.length);

		if (c.indexOf(nameEQ) == 0) {

			var cookieArray = returnCookieString.split(',');

			var newReturnCookieString = "";

			for(var j=0;j<cookieArray.length;j++) {

				newReturnCookieString = newReturnCookieString+cookieArray[j]+"\n";

			}

			return newReturnCookieString;

		}

	}

	//return null;

	return "please enter your enquiry here";

}

function readCookieSub(name) {

	var nameEQ = name + "=";

	var ca = document.cookie.split(';');

	for(var i=0;i < ca.length;i++) {

		var c = ca[i];

		while (c.charAt(0)==' ') c = c.substring(1,c.length);

		var returnCookieString = c.substring(nameEQ.length,c.length);

		if (c.indexOf(nameEQ) == 0) {

			var cookieArray = returnCookieString.split(',');

			var newReturnCookieString = "";

			for(var j=0;j<cookieArray.length;j++) {

				newReturnCookieString = newReturnCookieString+cookieArray[j]+"\n";

			}

			return newReturnCookieString;

		}

	}

	return false;

}

function eraseCookie(name) {

	createCookie(name,"",-1);

}

/*

function ReplaceContentInContainer(id,content) {

var container = document.getElementById(id);

container.innerHTML = content;

}

*/

////////////////////////////////////////////////////////////////////////////////

//ATARASHI

////////////////////////////////////////////////////////////////////////////////

function transitionOut(name1,value1,days, optName2, optValue2) {

	createCookie(name1,value1,days);

	if(optName2 != undefined) {

		createCookie(optName2,optValue2,days);

	}

	parent.window.location = 'products.php';

}

function mainClick(mClick, numM, numS, linkURL) {

	document.getElementById("ipadCss").style.display= "none";

	document.getElementById("ipadCss2").style.display= "none";

	document.getElementById("ipadCss").style.width= "1000px";

	if (IE) {

		document.getElementById("ipadCss").style.width = "980px";

	}

	if (IE7) {

		document.getElementById("ipadCss").style.width = "980px";

	}

	document.getElementById("ipadFrameCss").style.width= "1000px";

	document.getElementById("ipadCss").style.display= "block";

	// if not expanded

	if(document.getElementById(mClick).className == "style8") {

		resetMain();

		document.getElementById(mClick).className = "style8b";

		for(var i=1; i<=numS; i++) {

			document.getElementById("div"+numM+"."+i).style.display= "block";

		}

	}

	// else expanded

	else {

		resetMain();

	}

	document.getElementById("ipadFrameCss").src = "products-"+linkURL+".htm";

}

function subClick(mClick, linkURL, toSS, numSS) {

	document.getElementById("ipadCss").style.display= "none";

	document.getElementById("ipadCss2").style.display= "none";

	document.getElementById("ipadCss").style.width= "1000px";

	if (IE) {

		document.getElementById("ipadCss").style.width = "980px";

	}

	if (IE7) {

		document.getElementById("ipadCss").style.width = "980px";

	}

	if(!toSS) {

		if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i)) {

			var U1 = document.getElementById('upStyle1').style.top;

			// to make U1 into number, divide by 1

			U1 = U1.substr(0,(U1.length-2))/1;

			var U2 = U1 - 90;

			var U3 = U2;

			//rect

			var U4 = U3 - 90;

			switch(linkURL) {

			// long version

			case "echopanel":

			if(U1 != 1130) {

				t1 = new Tween(document.getElementById('upStyle1').style,'top',Tween.regularEaseOut,U1,1130,0.5,'px');

				t1.start();

				t2 = new Tween(document.getElementById('upStyle2').style,'height',Tween.regularEaseOut,U2,1040,0.5,'px');

				t2.start();

				t3 = new Tween(document.getElementById('upStyle3').style,'height',Tween.regularEaseOut,U3,1040,0.5,'px');

				t3.start();

				t4 = new Tween(document.getElementById('rect').style,'height',Tween.regularEaseOut,U4,930,0.5,'px');

				t4.start();

			}

			break;

			//short version

			case "basins":

			if(U1 != 550) {

				t1 = new Tween(document.getElementById('upStyle1').style,'top',Tween.regularEaseOut,U1,550,0.5,'px');

				t1.start();

				t2 = new Tween(document.getElementById('upStyle2').style,'height',Tween.regularEaseOut,U2,460,0.5,'px');

				t2.start();

				t3 = new Tween(document.getElementById('upStyle3').style,'height',Tween.regularEaseOut,U3,460,0.5,'px');

				t3.start();

				t4 = new Tween(document.getElementById('rect').style,'height',Tween.regularEaseOut,U4,350,0.5,'px');

				t4.start();

			}

			break;

			default:

			if(U1 != 710) {

				t1 = new Tween(document.getElementById('upStyle1').style,'top',Tween.regularEaseOut,U1,710,0.5,'px');

				t1.start();

				t2 = new Tween(document.getElementById('upStyle2').style,'height',Tween.regularEaseOut,U2,620,0.5,'px');

				t2.start();

				t3 = new Tween(document.getElementById('upStyle3').style,'height',Tween.regularEaseOut,U3,620,0.5,'px');

				t3.start();

				t4 = new Tween(document.getElementById('rect').style,'height',Tween.regularEaseOut,U4,510,0.5,'px');

				t4.start();

			}

			break;

			//alert("halo la"+document.getElementById('ipadFrameCss2').body.clientHeight);

			//alert(window.innerHeight);

			}

		}

	} else {

		var U1 = document.getElementById('upStyle1').style.top;

		// to make U1 into number, divide by 1

		U1 = U1.substr(0,(U1.length-2))/1;

		var U2 = U1 - 90;

		var U3 = U2;

		//rect

		var U4 = U3 - 90;

		//return to normal

		if(U1 != 550) {

			t1 = new Tween(document.getElementById('upStyle1').style,'top',Tween.regularEaseOut,U1,550,0.5,'px');

			t1.start();

			t2 = new Tween(document.getElementById('upStyle2').style,'height',Tween.regularEaseOut,U2,460,0.5,'px');

			t2.start();

			t3 = new Tween(document.getElementById('upStyle3').style,'height',Tween.regularEaseOut,U3,460,0.5,'px');

			t3.start();

			t4 = new Tween(document.getElementById('rect').style,'height',Tween.regularEaseOut,U4,350,0.5,'px');

			t4.start();

		}

	}

	document.getElementById("ipadFrameCss").style.width= "1000px";

	document.getElementById("ipadCss").style.display= "block";

	// if not expanded

	if(document.getElementById(mClick).className == "style8c") {

		resetSub();

		document.getElementById(mClick).className = "style8d";

	}

	// if sub cat has sub sub cats

	if(toSS) {

		document.getElementById("ipadFrameCss").src = "products-"+linkURL+".htm";

		document.getElementById("transMenu").style.display= "block";

		document.getElementById("transMenu2").style.display= "block";

		// if browser is IE7 or others (short right scroll)

		document.getElementById("ipadCss2").style.top = "206px";

		document.getElementById("ipadCss2").style.height = "321px";

		document.getElementById("ipadFrameCss2").style.height = "323px";

		for(var i=1; i<=numSS; i++) {

			document.getElementById("div"+(mClick.substring((mClick.indexOf(".")-1)))+"."+i).style.display= "block";

		}

	} else {

		document.getElementById("ipadCss").style.width= "270px";

		document.getElementById("ipadFrameCss").style.width= "300px";

		// longer right scroll (no panel to block)

		document.getElementById("ipadCss2").style.top = "178px";

		document.getElementById("ipadCss2").style.height = "349px";

		document.getElementById("ipadFrameCss2").style.height = "349px";

		// if browser is IE7 

		if (IE7) {

			//alert(2);

			document.getElementById("ipadCss").style.top = "178px";

			document.getElementById("ipadCss").style.margin = "auto auto auto -489px";

		} else {

			document.getElementById("ipadCss").style.top= "178px";

			document.getElementById("ipadCss").style.margin= "auto auto auto -489px";

		}

		document.getElementById("ipadFrameCss").src = linkURL+"1a.php";

		document.getElementById("ipadFrameCss2").src = linkURL+"1b.php";

		document.getElementById("ipadCss2").style.display= "block";

	}

}

function subsubClick(mClick, linkURL) {

	// if not expanded

	if(document.getElementById(mClick).className == "style8c2") {

		resetSubSub();

		document.getElementById(mClick).className = "style8d2";

	}

	// else expanded

	else {

		resetSubSub();

	}

	document.getElementById("ipadCss").style.width= "300px";

	document.getElementById("ipadFrameCss").style.width= "300px";

	// if browser is IE7

	if (IE7) {

		//alert(3);

		document.getElementById("ipadCss").style.top = "178px";

		document.getElementById("ipadCss").style.margin = "auto auto auto -489px";

	} else {

		document.getElementById("ipadCss").style.top= "178px";

		document.getElementById("ipadCss").style.margin= "auto auto auto -489px";

	}

	if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i)) {

			var U1 = document.getElementById('upStyle1').style.top;

		// to make U1 into number, divide by 1

		U1 = U1.substr(0,(U1.length-2))/1;

		var U2 = U1 - 90;

		var U3 = U2;

		//rect

		var U4 = U3 - 90;

		if(U1 != 710) {

			t1 = new Tween(document.getElementById('upStyle1').style,'top',Tween.regularEaseOut,U1,710,0.5,'px');

			t1.start();

			t2 = new Tween(document.getElementById('upStyle2').style,'height',Tween.regularEaseOut,U2,620,0.5,'px');

			t2.start();

			t3 = new Tween(document.getElementById('upStyle3').style,'height',Tween.regularEaseOut,U3,620,0.5,'px');

			t3.start();

			t4 = new Tween(document.getElementById('rect').style,'height',Tween.regularEaseOut,U4,510,0.5,'px');

			t4.start();

		}

	}

	document.getElementById("ipadFrameCss").src = linkURL+"a.php";

	document.getElementById("ipadFrameCss2").src = linkURL+"b.php";

	document.getElementById("ipadCss2").style.display= "block";

}

function resetMain() {

	// reset all using array

	for(var i=1; i<=4; i++) {

		document.getElementById("span"+i).className = "style8";

	}

	document.getElementById("div1.1").style.display= "none";

	document.getElementById("div1.2").style.display= "none";

	document.getElementById("div1.3").style.display= "none";

	document.getElementById("div2.1").style.display= "none";

	document.getElementById("div2.2").style.display= "none";

	document.getElementById("div3.1").style.display= "none";

	document.getElementById("div3.2").style.display= "none";

document.getElementById("div3.3").style.display= "none"; 

	document.getElementById("div3.4").style.display= "none";

	document.getElementById("div4.1").style.display= "none";

	resetSub();

	if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i)) {

		var U1 = document.getElementById('upStyle1').style.top;

		// to make U1 into number, divide by 1

		U1 = U1.substr(0,(U1.length-2))/1;

		var U2 = U1 - 90;

		var U3 = U2;

		//rect

		var U4 = U3 - 90;

		if(U1 != 550) {

			t1 = new Tween(document.getElementById('upStyle1').style,'top',Tween.regularEaseOut,U1,550,0.5,'px');

			t1.start();

			t2 = new Tween(document.getElementById('upStyle2').style,'height',Tween.regularEaseOut,U2,460,0.5,'px');

			t2.start();

			t3 = new Tween(document.getElementById('upStyle3').style,'height',Tween.regularEaseOut,U3,460,0.5,'px');

			t3.start();

			t4 = new Tween(document.getElementById('rect').style,'height',Tween.regularEaseOut,U4,350,0.5,'px');

			t4.start();

		}

	}

}

function resetSub() {

	// if browser is IE7

	if (IE7) {

		//alert(1);

		document.getElementById("ipadCss").style.top = "178px";

		document.getElementById("ipadCss").style.margin = "auto auto auto -489px";

	} else {

		document.getElementById("ipadCss").style.top= "178px";

		document.getElementById("ipadCss").style.margin= "auto auto auto -489px";

	}

	// reset all using array

	document.getElementById("subSpan1.1").className = "style8c";

	document.getElementById("subSpan1.2").className = "style8c";

	document.getElementById("subSpan1.3").className = "style8c";

	document.getElementById("subSpan2.1").className = "style8c";

	document.getElementById("subSpan2.2").className = "style8c";

	document.getElementById("subSpan3.1").className = "style8c";

	document.getElementById("subSpan3.2").className = "style8c";

	 document.getElementById("subSpan3.3").style.display= "none";

	document.getElementById("subSpan3.4").className = "style8c";

	document.getElementById("subSpan4.1").className = "style8c";

	document.getElementById("transMenu").style.display= "none";

	document.getElementById("transMenu2").style.display= "none";

	resetSubSubDisplay();

	resetSubSub();

}

function resetSubSubDisplay() {

	// reset all using array

	document.getElementById("div1.1.1").style.display= "none";

	document.getElementById("div1.1.2").style.display= "none";

	document.getElementById("div1.1.3").style.display= "none";

	document.getElementById("div1.1.4").style.display= "none";
	
	document.getElementById("div1.1.5").style.display= "none";

	document.getElementById("div1.2.1").style.display= "none";

	document.getElementById("div1.2.2").style.display= "none";
	
	document.getElementById("div1.2.3").style.display= "none";
	
	document.getElementById("div1.3.1").style.display= "none";

}

function resetSubSub() {

	// reset all using array

	document.getElementById("subsubSpan1.1.1").className = "style8c2";

	document.getElementById("subsubSpan1.1.2").className = "style8c2";

	document.getElementById("subsubSpan1.1.3").className = "style8c2";

	document.getElementById("subsubSpan1.1.4").className = "style8c2";

	document.getElementById("subsubSpan1.1.5").className = "style8c2";

	document.getElementById("subsubSpan1.2.1").className = "style8c2";

	document.getElementById("subsubSpan1.2.2").className = "style8c2";

	document.getElementById("subsubSpan1.2.3").className = "style8c2";

	document.getElementById("subsubSpan1.3.1").className = "style8c2";

}

////////////////////////////////////////////////////////////////////////////////

function resetDivs(exceptMain, exceptSub) {

	//main divs

	for(var i=1; i<=mainArray.length; i++) {

		if(i!=exceptMain) {

			document.getElementById("div"+i).style.height= 16+"px";

			document.getElementById("link"+i).className= "style8";

		}

	}

	//sub divs

	for(var j=0;j<subArray.length;j++) {

		var tempArray = new Array();

		var tempContent = subArray[j];

		tempArray = tempContent.split('.');

		if(tempArray[tempArray.length-1] == 1) {

			eval('document.getElementById("div'+tempContent+'").style.height= 35+"px";');

		} else {

			eval('document.getElementById("div'+tempContent+'").style.height= 15+"px";');

		}			

		eval('document.getElementById("subHead'+tempContent+'").className="style9";');

		if(document.getElementById("subLinksSpan"+tempContent)) {

			eval('document.getElementById("subLinksSpan'+tempContent+'").className="style10";');

		}

	}

	//subsub divs

	for(var k=0; k<subSubArray.length; k++) {

		document.getElementById("subsubLinksSpan"+subSubArray[k]).className="style10";

	}

}



function changeHeight(whichDiv, newHeight, mainLink) { 

	resetDivs(whichDiv);

	for(var i=1; i<=mainArray.length; i++) {

		if(i==whichDiv) {

			if(document.getElementById("div"+i).style.height!=(newHeight+"px")) {

				//alert("new height "+i);

				document.getElementById("div"+i).style.height= newHeight+"px";

				document.getElementById("link"+i).className= "style8a";

				break;

			} else {

				//alert("reset all");

				resetDivs();

			}

		}

	}

	if(mainLink){

		ReplaceContentInContainerLink("productsContent",mainLink);

	}

}



function changeHeightInnerDiv(whichDiv, newHeight, newMainHeight, numofInnerDivs, mainDiv, anySubLinksSpan, totalSubSub, content) { 

	resetDivs();

	for(var j=1; j<=numofInnerDivs; j++) {

		if(j==whichDiv) {

			//open up main div

			changeHeight(mainDiv, newMainHeight);

			//highlight the subhead eg. ACCENT, MARBLO

			document.getElementById("subHead"+mainDiv+"."+j).className="style9a";

				document.getElementById("div"+mainDiv+"."+j).style.height= newHeight+"px";

				if(anySubLinksSpan) {

					document.getElementById("subLinksSpan"+mainDiv+"."+j).className="style10a";

					for(var k=1; k<=totalSubSub; k++) {

						document.getElementById("subsubLinksSpan"+mainDiv+"."+j+"."+k).className="style10a";

					}

				}

		}

	}

	//**// in case this is triggered from other pages, highlight the products eg. walls, floors, panels

	//**document.getElementById("link"+mainDiv).className= "style8a";

	if(content!="undefined"){

		ReplaceContentInContainer("productsContent",content.toString());

	} 

}

function changeSubSubStyle(whichStyle, whichsubLinksSpan, whichSubSub, totalSubSub) {

	if(typeof whichStyle == 'string') {

		whichStyle = document.getElementById(whichStyle);

	}

	if(whichStyle.className=="style10a") {

		whichStyle.className="style10b"; 

	}	else {

		whichStyle.className="style10a";

	}

	for(var k=1; k<=totalSubSub; k++) {

		if(k!=whichSubSub) {

			document.getElementById("subsubLinksSpan"+whichsubLinksSpan+"."+k).className="style10a";

		}		

	}

}

// always return 1, except at non-default zoom levels in IE before version 8

function GetZoomFactor () {

	var factor = 1;

	if (document.body.getBoundingClientRect) {

			// rect is only in physical pixel size in IE before version 8 

		var rect = document.body.getBoundingClientRect ();

		var physicalW = rect.right - rect.left;

		var logicalW = document.body.offsetWidth;



			// the zoom level is always an integer percent value

		factor = Math.round ((physicalW / logicalW) * 100) / 100;

	}

	return factor;

}



function GetWindowSize () {

	var zoomFactor = GetZoomFactor ();

	var w = Math.round (document.documentElement.clientWidth / zoomFactor);

	var h = Math.round (document.documentElement.clientHeight / zoomFactor);



	if(h>640) {

		addCss("html {overflow-y: hidden;}");

	}

	if(w>1024) {

		addCss("html {overflow-x: hidden;}");

	}

}

function addCss(cssCode) {

var styleElement = document.createElement("style");

  styleElement.type = "text/css";

  if (styleElement.styleSheet) {

    styleElement.styleSheet.cssText = cssCode;

  } else {

    styleElement.appendChild(document.createTextNode(cssCode));

  }

  document.getElementsByTagName("head")[0].appendChild(styleElement);

}