setDateCookie();

function setDateCookie() {
	var expire_date = new Date("December 31, 2022");
	var expire_date_cookie = expire_date.toGMTString();
	var screen_cookie = "screen_width="+ screen.width;
	var screen_cookie = screen_cookie + ";expires=" + expire_date_cookie + ";path=/";
	document.cookie=screen_cookie
}

var brancheStr="1";
var brancheArr=brancheStr.split(",");

var truncate = function (str, limit) {
	var bits, i;
	//if (String !== typeof str) {
	//	return '';
	//}
	bits = str.split(' ');
	var currLen=0;
	if (str.length > limit) {
		for (i = 0; i <  bits.length; i++) {
			currLen += bits[i].length;
			if (currLen > limit) {
				bits.length = i;
				bits.push('...');
				break;
			}
			else if (' ' === bits[i]) {
				bits.length = i;
				bits.push('...');
				break;
			}
		}
	
	}
	return bits.join(' ');
};	

function activateOption(id, bActivate) {
	var liBranche = document.getElementById(id);
	if (liBranche) {
		if (!bActivate) {
			//liBranche.style.backgroundColor="#ffffff";
			//liBranche.style.backgroundImage="url(/shops/images/box.gif) no-repeat scroll right center";
			liBranche.style.background="#ffffff url(/shops/images/box.gif) no-repeat scroll right center";
			liBranche.style.fontWeight="normal";				
		}
		else {
			liBranche.style.background="#dddddd url(/shops/images/selected.gif) no-repeat scroll right center";
			liBranche.style.fontWeight="bold";			
		}
	}
	//else {
	//	alert("liBranche: "+liBranche+" not found!");
	//}		
}

function activateBranche(brancheId, bActivate) {
	return activateOption("li"+brancheId,bActivate);
}

function updateBrancheText() {
	var brancheText="";
	for (var i = 0; i < brancheArr.length; ++i) {
		var brancheLi=document.getElementById('li'+brancheArr[i]);
		if (brancheLi) {
			if (brancheText.length>0)
				brancheText+=', ';
			brancheText+=brancheLi.innerHTML;
		}
	}	
	if(brancheText.length==0) {
		brancheArr=new Array("1");
		var inputBranche = document.getElementById("inputbranche");
		if (inputBranche) {
			inputBranche.value="1";
		}
		var brancheLi=document.getElementById('li1');
		if (brancheLi) {
			brancheText+=brancheLi.innerHTML;
		}
	}
	brancheText="<b>"+brancheText+"</b>";
	brancheText=truncate(brancheText,27);
	var titleBranche=document.getElementById("titleBranche")
	if (titleBranche) {
		titleBranche.innerHTML=brancheText;
	}		
}

function switchBranche(brancheId, brancheText) {
	var brancheChecked=false;
	var brancheStr="";
	var brancheCheckedCount=0;
	for (var i = 0; i < brancheArr.length; ++i) {
		 if (brancheArr[i]==brancheId) {
		 	brancheArr[i]=null;
		 	brancheChecked=true;
		 }
		 else if (brancheId>1 && (brancheArr[i]=='-1' || brancheArr[i]=='1')) {
		 	activateBranche(brancheArr[i],false);
		 	brancheArr[i]=null;
		 }
		 else if (brancheId<2 && brancheArr[i]!=null) {
		 	activateBranche(brancheArr[i],false);
		 	brancheArr[i]=null;
		 }
	 	if (brancheArr[i]) {
	 		if (brancheStr.length>0) {
	 			brancheStr+=','
	 		}
	 		brancheStr+=brancheArr[i];
	 		brancheCheckedCount++;
	 	}
	}
	if (!brancheChecked) {
		brancheArr.push(brancheId);
 		if (brancheStr.length>0) {
 			brancheStr+=','
 		}
 		brancheStr+=brancheArr[i];
 		brancheCheckedCount++;
	}
	
	var inputBranche = document.getElementById("inputbranche");
	if (inputBranche) {
		inputBranche.value=brancheStr;
	}
	updateBrancheText();
	
	activateBranche(brancheId,!brancheChecked);
}

function switchNew(newId,newText) {
	var inputnew=document.getElementById("inputnew");
	if (inputnew) {
		if (inputnew.value!=null) {
				activateOption("liNew"+inputnew.value, false);
		}
		else if (newId!=0) {
				activateOption("liNew0", false);
		}
		inputnew.value=newId;
	}
	var titleNew=document.getElementById("titleNew")
	if (titleNew) {
		titleNew.innerHTML="<b>"+newText+"</b>";
	}
	activateOption("liNew"+newId, true);
}