// popDivS CSS

/*function hideLayer(show) {
	var popDiv = window.document.getElementById("helpPopups").getElementsByTagName("div");
	for(var i=0; i<popDiv.length; i++) {
		if(popDiv[i].style.display != "none") {
			if(show) {
				if(popDiv[i] != show.popProperty) popDiv[i].style.display = "none";
			} else popDiv[i].style.display = "none";
		}
	}
}*/

function hideLayer(show) {

	var divs = window.document.getElementsByTagName('div');	
	for(var i=0; i<divs.length; i++) {		
		if(divs[i].className == "helpPopups" ) {
			var popupDivs = divs[i].getElementsByTagName("div");				
			for(var ii=0; ii<popupDivs.length; ii++) {
				if(popupDivs[ii].style.display != "none") {
					if(show) {
						if(popupDivs[ii] != show.popProperty) popupDivs[ii].style.display = "none";
					} else popupDivs[ii].style.display = "none";
				}
			}
		}
	}
}

function showLayer(obj) {
	if (obj.popProperty) {
		obj.popProperty.style.display = "block";
	} else {
		document.getElementById(obj).style.display = "block";
	}
}

function displayPops() {

	var divs = window.document.getElementsByTagName('div');
	
	for(var i=0; i<divs.length; i++) {
		
		if(divs[i].className == "centralForm" ) {
		
			var linkArea = divs[i].getElementsByTagName("a");
				
			for(var ii=0; ii<linkArea.length; ii++) {
				// obj popUp
				linkArea[ii].popProperty = window.document.getElementById("pop_"+linkArea[ii].parentNode.id);
				linkArea[ii].close = linkArea[ii].popProperty;
				
				if(linkArea[ii].popProperty) {
				
					// Gestion des evenements
					linkArea[ii].onclick = function() {
						hideLayer(this);
						showLayer(this);
						return false;
					}
					
					// close popUps
					linkArea[ii].close.onclick = function() {
						hideLayer();
					}
				}
			}
		}
	}
}

function displayPop(el,ps_popId) {
	el.popProperty = window.document.getElementById(ps_popId);
	el.close = el.popProperty;

	if(el.popProperty) {
		// Gestion des evenements
		if (true == el.checked) {
			hideLayer(el);
			showLayer(el);
		}
		// close popUps
		el.close.onclick = function() {
			hideLayer();
		}
	}
}

addToStart(displayPops);

function selectOnChange() {

	var mainDiv = document.getElementById('centralContent');
	
	if (mainDiv ) {
		var lesSelect = mainDiv.getElementsByTagName('select');
		if (lesSelect) {
			for (var i = 0; i<lesSelect.length; i++) {
				var leSelect = lesSelect[i];
				
				if (leSelect.className == 'needHelp') {
					var leSelectId = leSelect.parentNode.id;
					
					leSelect.popProperty = document.getElementById("pop_"+leSelectId);
					
					hideTheP(leSelect);
					
					if(leSelect.popProperty) {
						var helpToShow = leSelect.popProperty.id+'_value_'+leSelect.options[leSelect.selectedIndex].value;
						showLayer(helpToShow);
						
						leSelect.onchange = function() {
					
							hideTheP(this);		
							var newHelpToShow = this.popProperty.id+'_value_'+this.options[this.selectedIndex].value;
							showLayer(newHelpToShow);
						}
					}
				}
			}
		}
	}
}

function hideTheP(leSelect) {
	
	var pToHide = leSelect.popProperty.getElementsByTagName('p');
	for (var p = 0; p<pToHide.length; p++) {
		pToHide[p].style.display = 'none';
	}
}

addToStart(selectOnChange);

// PAYEMENT BOX

function paymentMethod(display) {

	var paymentBox = window.document.getElementById('paymentBox');
	var cards = paymentBox.getElementsByTagName('li');
	var tableCards = paymentBox.getElementsByTagName('table');
	var paymentMethod = window.document.getElementById('paymentMethod');
	var inputCards = paymentMethod.getElementsByTagName('input');
	var imgCards = paymentMethod.getElementsByTagName('label');
	var infoCard = window.document.getElementById('info_card');
	
	for(var i=0; i < tableCards.length; i++) {
		tableCards[i].className = 'displayNone';
	}
	var initCard = window.document.getElementById('table_' + display);
	var initInput = window.document.getElementById('select_' + display);
	initCard.className = 'displayBlock';
	initInput.setAttribute('checked', 'checked');
	
	for(var a=0; a < imgCards.length; a++) {
		var imgCard = imgCards[a];
		imgCard.onmouseover=function() {
			var imgId = this.parentNode.id;
			var imgCardInfo = window.document.getElementById('info_' + imgId);
			infoCard.className = 'cardInfo displayNone';
			imgCardInfo.className = 'cardInfo displayBlock';
		}
		imgCard.onmouseout=function() {
			var imgId = this.parentNode.id;
			var imgCardInfo = window.document.getElementById('info_' + imgId);
			imgCardInfo.className = 'cardInfo displayNone';
			infoCard.className = 'cardInfo displayBlock';
		}
	}
	
	for(var b=0; b < inputCards.length; b++) {
		var inputCard = inputCards[b];
		inputCard.onclick=function() {
			for(var bb=0; bb < tableCards.length; bb++) {
				try {
					if(tableCards[bb].id != 'detailDD') tableCards[bb].style.display ="none";
				}
				catch (e) {
					tableCards[bb].style.display ="none";
				}
			}
			var tableDisplay = window.document.getElementById('table_' + this.parentNode.id);
			tableDisplay.className = 'displayBlock';
		}	
	}
}
function paymentMethod2(display, val) {

	var paymentBox = window.document.getElementById('paymentBox');
	var cards = paymentBox.getElementsByTagName('li');
	var tableCards = paymentBox.getElementsByTagName('table');
	var paymentMethod = window.document.getElementById('paymentMethod');
	var inputCards = paymentMethod.getElementsByTagName('input');
	var imgCards = paymentMethod.getElementsByTagName('label');
	var infoCard = window.document.getElementById('info_card');
	
	for(var i=0; i < tableCards.length; i++) {
				try {
					if(tableCards[i].id != 'detailDD') tableCards[i].style.display ="none";
				}
				catch (e) {
					tableCards[i].style.display ="none";
				}
			}
	
	for(var i=0; i < inputCards.length; i++) {
		if(inputCards[i].getAttribute("value")== val){
			inputCards[i].getAttribute("checked","checked");
			var p= inputCards[i].parentNode;
			var p1 = p.parentNode;
			var tableDisplay = window.document.getElementById('table_' + p1.id);
			for(var bb=0; bb < tableCards.length; bb++) {
				try {
					if(tableCards[bb].id != 'detailDD') tableCards[bb].style.display ="none";
				}
				catch (e) {
					tableCards[bb].style.display ="none";
				}
			}
			tableDisplay.style.display = "block";
			
		}
	}
	
	
	
	for(var a=0; a < imgCards.length; a++) {
		var imgCard = imgCards[a];
		imgCard.onmouseover=function() {
			var imgId = this.parentNode.id;
			var imgCardInfo = window.document.getElementById('info_' + imgId);
			
		}
		imgCard.onmouseout=function() {
			var imgId = this.parentNode.id;
			var imgCardInfo = window.document.getElementById('info_' + imgId);
			
		}
	}
	
	for(var b=0; b < inputCards.length; b++) {
		var inputCard = inputCards[b];
		inputCard.onclick=function() {
			for(var bb=0; bb < tableCards.length; bb++) {
				try {
					if(tableCards[bb].id != 'detailDD') tableCards[bb].style.display ="none";
				}
				catch (e) {
					tableCards[bb].style.display ="none";
				}
			}
			var p= this.parentNode;
			var p1 = p.parentNode;
			var tableDisplay = window.document.getElementById('table_' + p1.id);
			tableDisplay.style.display = "block";
		}	
	}
	window.document.getElementById('errors').style.display = "block";
	
}



// FAQ

function manageFaq(display) {

	var selectFaq = window.document.getElementById('selectFaq');
	var faqOptions = selectFaq.getElementsByTagName('option');
	var infosContent = window.document.getElementById('infosContent');
	var faqElements = infosContent.getElementsByTagName('div');
	
	for(var a=0; a < faqElements.length; a++) {
		faqElements[a].className = 'displayNone';		
	}
	if(display) {	
		var initElement = window.document.getElementById('faq_' + display);
		initElement.className = 'displayBlock';
	}
	
	for(var b=0; b < faqOptions.length; b++) {
		var faqOption = faqOptions[b];
		selectFaq.onchange=function() {
			if(this.value != "") {
				for(var bb=0; bb < faqElements.length; bb++) {
					faqElements[bb].className = 'displayNone';
				}
				var selectElement = window.document.getElementById('faq_' + this.value);
				selectElement.className = 'displayBlock';
			}
		}
	}
}

// SELECT 

function createOption(obj,min,max,tabVal) {	
	var opt = window.document.createElement("option");
	opt.setAttribute("value", "");
	obj.appendChild(opt);
	
	for(var i=min; i<=max; i++) {
		var opt = window.document.createElement("option");
		opt.setAttribute("value", i);
		
	// si les valeurs appartiennent a un tableau
	if(tabVal) {
		var textOption = window.document.createTextNode(tabVal[i]);
	} else var textOption = window.document.createTextNode(i);
		
		opt.appendChild(textOption);
		obj.appendChild(opt);
	}
}

function initSelect() {
	
	// JOURS
	var day = window.document.getElementById("birth_day");
	if(day)
	createOption(day,1,31);
	
	// ANNEES
	var year = window.document.getElementById("birth_year");
	if(year)
	createOption(year,2006,2012);
}

addToStart(initSelect);