// JavaScript Document

function readPhotoCookie(name) {
	var cookieNameIs = name + "=";
	var spl = document.cookie.split(';');
	for(var i=0;i<spl.length;i++) {
		var c = spl[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(cookieNameIs) == 0) {
			return c.substring(cookieNameIs.length,c.length);
		}	
	}
	return null;
	
}


//change box content on qtree page

function showhabits() {
	document.getElementById("qtree1").style.display="block";	
	document.getElementById("qtree2").style.display="none";	
}

function showproblems() {
	document.getElementById("qtree2").style.display="block";	
	document.getElementById("qtree1").style.display="none";	
	
}



function changeColor(text){
	
	if (text=="habit_list_text1") {
		document.getElementById(text).style.color=(document.qtree1.qtree1a.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree1.qtree1a.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="habit_list_text2") {
		document.getElementById(text).style.color=(document.qtree1.qtree1b.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree1.qtree1b.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="habit_list_text3") {
		document.getElementById(text).style.color=(document.qtree1.qtree1c.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree1.qtree1c.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="habit_list_text4") {
		document.getElementById(text).style.color=(document.qtree1.qtree1d.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree1.qtree1d.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="habit_list_text5") {
		document.getElementById(text).style.color=(document.qtree1.qtree1e.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree1.qtree1e.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="habit_list_text6") {
		document.getElementById(text).style.color=(document.qtree1.qtree1f.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree1.qtree1f.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text1") {
		document.getElementById(text).style.color=(document.qtree2.qtree2a.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2a.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text2") {
		document.getElementById(text).style.color=(document.qtree2.qtree2b.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2b.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text3") {
		document.getElementById(text).style.color=(document.qtree2.qtree2c.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2c.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text4") {
		document.getElementById(text).style.color=(document.qtree2.qtree2cc.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2cc.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text5") {
		document.getElementById(text).style.color=(document.qtree2.qtree2d.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2d.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text6") {
		document.getElementById(text).style.color=(document.qtree2.qtree2e.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2e.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text7") {
		document.getElementById(text).style.color=(document.qtree2.qtree2f.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2f.checked)?'#FFCE05':'#F6F6F6';
	} else if (text=="do_list_text8") {
		document.getElementById(text).style.color=(document.qtree2.qtree2g.checked)?'#8F0000':'#555555';
		document.getElementById(text).style.backgroundColor=(document.qtree2.qtree2g.checked)?'#FFCE05':'#F6F6F6';
	} 
}

function photoCookie(name,value) {
 document.cookie = name+"="+escape(value);
}

function readPhotoCookie(name) {
	var cookieNameIs = name + "=";
	var spl = document.cookie.split(';');
	for(var i=0;i<spl.length;i++) {
		var c = spl[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(cookieNameIs) == 0) {
			return c.substring(cookieNameIs.length,c.length);
		}	
	}
	return null;
	
}


var l = 0;
var useRand = 0;
var ChangeDiv = "pagebox_index";

var images = new Array;
images[1] = new Image();
images[1].src = "/content/en/us/home_homeoffice/images/support/ver1/premium_services/b_background1.gif";
images[2] = new Image();
images[2].src = "/content/en/us/home_homeoffice/images/support/ver1/premium_services/b_background2.gif";
images[3] = new Image();
images[3].src = "/content/en/us/home_homeoffice/images/support/ver1/premium_services/b_background3.gif";
images[4] = new Image();
images[4].src = "/content/en/us/home_homeoffice/images/support/ver1/premium_services/b_background4.gif";



function swapPhoto() {
	var backgroundphoto = readPhotoCookie("premiumimageb");
	
	if (backgroundphoto == null || backgroundphoto == "") {

		var imagecount = images.length - 1;
		do {
			var randomnumber = Math.random();
			l = Math.round((imagecount - 1) * randomnumber) + 1;
		} while (l == useRand);
		useRand = l;
		var imgsrc=images[useRand].src;
		document.getElementById(ChangeDiv).style.backgroundImage = "url('"+imgsrc + "')";
		photoCookie("premiumimageb",imgsrc);
	
	} else {
		backgroundphoto = backgroundphoto.replace(/%3A/g, ":");
		imagepath = backgroundphoto;
		document.getElementById(ChangeDiv).style.backgroundImage = "url('"+imagepath + "')";
	}
}

function swapText() {
	var backgroundphoto = readPhotoCookie("premiumimageb");
	var x = backgroundphoto.length;
	var y = x - 15;
	var imagestring = backgroundphoto.substring(y,x);
	if (imagestring  == "background1.gif") {
		document.getElementById("center1").className = "centershow";
	} else if (imagestring == "background2.gif") {
		document.getElementById("center2").className = "centershow";
	} else if (imagestring == "background3.gif") {
		document.getElementById("center3").className = "centershow";
	} else {
		document.getElementById("center4").className = "centershow";
	}

}