// for checking Rechercher
var InitInputValue = "Rechercher dans notre site";
function FocusInput(input) {
	if (input.value == InitInputValue) {
		input.value = "";
	}
}
function BlurInput(input) {
	if (input.value == "") {
		input.value = InitInputValue;
	}
}

// for fixing the height of columns
function fixLayout() {
	var mainContent = document.getElementById("mainContent");
	var innerContent = document.getElementById("innerContent");
	var nav = document.getElementById("nav");
	if (nav) {
		if (mainContent.clientHeight < nav.clientHeight) {
			innerContent.style.height = (nav.clientHeight -  mainContent.clientHeight + innerContent.clientHeight) + "px";
		}
		else {
			nav.style.height = mainContent.clientHeight + "px";
		}
	}
}

// for overlayer 'n message box
function overlayer() {
	var overlayer = document.getElementById("overlayer");
	var mainContent = document.getElementById("mainContent");
	var infoBox = document.getElementById("infoBox");
	if (overlayer) {
		overlayer.style.height = mainContent.clientHeight + "px";
		overlayer.style.width = mainContent.clientWidth + "px";
		
		mainContent.style.position = "relative";
		overlayer.style.position = "absolute";
		overlayer.style.left = "0px";
		overlayer.style.top = "0px";
		overlayer.style.zIndex = "50";
		
		infoBox.style.width = mainContent.clientWidth/2 + "px";
		infoBox.style.left = mainContent.clientWidth/4 + "px";
		infoBox.style.top = mainContent.clientHeight/4 + "px";
	}
}

// hiding message box
function hideMsg() {
	var overlayer = document.getElementById("overlayer");
	var infoBox = document.getElementById("infoBox");
	overlayer.style.display = "none";
	infoBox.style.display = "none";
}

// jcarousel box
function mycarouselBox() {
	var mycarousel = document.getElementById("mycarousel");
	if (mycarousel) {
		var spanEle = mycarousel.getElementsByTagName("SPAN");
		var listEle = mycarousel.getElementsByTagName("LI");
		var i, j;
		for (i = 0; i < spanEle.length; i++) {
			spanEle[i].style.zoom = "1";
			if (spanEle[i].clientHeight <= 13) {
				spanEle[i].style.height = "27px";
				spanEle[i].style.lineHeight = "27px";
			}
			else spanEle[i].style.height = "27px";
		}
		for (i = 0; i < listEle.length; i++) {
			if (listEle[i].className.slice(0, 6) == "Active") {
				var activeSpanEle = listEle[i].getElementsByTagName("SPAN");
				for (j = 0; j < activeSpanEle.length; j++) {
					if (activeSpanEle[j].className == "PersonalInfo") {
						activeSpanEle[j].style.height = "auto";
						activeSpanEle[j].style.lineHeight = "normal";
						
						if (activeSpanEle[j].clientHeight <= 13) {
							activeSpanEle[j].style.height = "48px";
							activeSpanEle[j].style.lineHeight = "48px";
						}
						else {
							activeSpanEle[j].style.height = "38px";
							activeSpanEle[j].style.paddingTop = "10px";
						}
					}
				}
			}
		}
	}
}

window.onload = function loadingFunc(){
	fixLayout();
	overlayer();
	mycarouselBox();
}