/**
 * @author christophe
 */
function getColorMenu(item) {
	document.getElementById(item).style.color = '#DCB078';
}

function resetColorMenu(item) {
	document.getElementById(item).style.color = '#FFFFFF';
}

function selectMenu(menu, existe) {
	document.getElementById(menu).className = 'menu_bouton_select';
	if (existe != false) {
		document.getElementById(menu + '-2').style.display = 'block';
	}
}

function deselectMenu(menu, existe) {
	document.getElementById(menu).className = 'menu_bouton';
	if (existe != false) {
		document.getElementById(menu + '-2').style.display = 'none';
		document.getElementById(menu + '-2').style.background = '#ccc';
	}
}


function selectSousMenu(sousmenu) {
	document.getElementById(sousmenu).className = 'sous_menu_liste_select';
}

function deselectSousMenu(sousmenu) {
	document.getElementById(sousmenu).className = 'sous_menu_liste';
}

 function openPopup(page,largeur,hauteur)
{
	window.open(page, "","width="+largeur+",height="+hauteur+",scrollbars=0,resizable=no,left=" +((screen.width - largeur)/2) + ",top=" + ((screen.height - hauteur)/2));
}

function validationLigne()
{
	var Submit = document.getElementById("submitLigne");
	var Telephone = document.construction.telephone.value;
	var Adresse = document.construction.adresse.value;
	var CP = document.construction.code_postal.value;
	var Ville = document.construction.ville.value;
	var check = false;
	var etage = true;
	var degrouperChecked = false;

	// Vérifie si la résidence est checked
	if ((document.construction.maison.checked) || (document.construction.appartement.checked)) {
		
		check = true;
		
		//Si appartement checked on vérifie le champ etage
		if(document.construction.appartement.checked) {
			
			var Etage = document.construction.etage.value;
			if(!Etage){
				etage = false;
			}
			else{
				etage = true;
			}
		}
	}
	
	//Vérifie si degroupage est coché
	if ((document.construction.degrOui.checked) || (document.construction.degrNon.checked)) {
		degrouperChecked = true;
	}
	
	//Vérifie les champs texte
	if ((!Telephone) || Telephone.length != 10 || (!Adresse) || valider() == false || (!CP) || CP.length != 5 || validerCP() == false || (!Ville) || check == false || degrouperChecked == false || etage == false) {
		Submit.innerHTML = '<input type="submit" disabled="true" class="submit_off" value="Valider mes informations" />';
	}
	else
	{
		Submit.innerHTML = '<input type="submit" value="Valider mes informations" class="submit" name="submit" />';
	}
}

function valider()
{	
	//Declaration des variables pour le telephone
	var strTel = document.construction.telephone.value;
	var regexTel = new RegExp('^[0-9]{10}$').test(strTel);
	var Tel = document.getElementById("resultTel");
	Tel.innerHTML = '<img src="/img/2008/formulaire/icon_false.gif" alt="" />';

	//Vérifie si le champ telephone est vide
	if(!strTel)
	{
		document.getElementById("resultTel").style.display = "none";
	}
	else
	{
		document.getElementById("resultTel").style.display = "block";	
	}

	//Test le champ telephone
	if (!regexTel){
		Tel.innerHTML = '<img src="/img/2008/formulaire/icon_false.gif" alt="" />';
		return false;
	}
	else{
		Tel.innerHTML = '<img src="/img/2008/formulaire/icon_true.gif" alt="" />';
		return true;
	}
}

function validerCP()
{
	//Declaration des variables pour le code postal
	var strCP = document.construction.code_postal.value;
	var regexCP = new RegExp('^[0-9]{5}$').test(strCP);
	var CP = document.getElementById("resultCP");
	CP.innerHTML = '<img src="/img/2008/formulaire/icon_false.gif" alt="" />';

	//Vérifie si le champ telephone est vide
	if(!strCP)
	{
		document.getElementById("resultCP").style.display = "none";
	}
	else
	{
		document.getElementById("resultCP").style.display = "block";	
	}

	//Test le champ code postal
	if (!regexCP){
		CP.innerHTML = '<img src="/img/2008/formulaire/icon_false.gif" alt="" />';
		return false;
	}
	else{
		CP.innerHTML = '<img src="/img/2008/formulaire/icon_true.gif" alt="" />';
		return true;
	}
}

function validerDegr()
{
	//Declaration des variables pour le code postal
	var strDegr = document.construction.nDegroupage.value;
	var regexDegr = new RegExp('^[0-9]{10}$').test(strDegr);
	var Degr = document.getElementById("resultDegr");
	Degr.innerHTML = '<img src="/img/2008/formulaire/icon_false.gif" alt="" />';

	//Vérifie si le champ telephone est vide
	if(!strDegr)
	{
		document.getElementById("resultDegr").style.display = "none";
	}
	else
	{
		document.getElementById("resultDegr").style.display = "block";	
	}

	//Test le champ code postal
	if (!regexDegr){
		Degr.innerHTML = '<img src="/img/2008/formulaire/icon_false.gif" alt="" />';
	}
	else{
		Degr.innerHTML = '<img src="/img/2008/formulaire/icon_true.gif" alt="" />';
	}
}

function CheckRes(name) {
	var objs=document.getElementsByName(name);
		if (objs[1].checked == true) {
			return true;
		}
	//Si on arrive ici, aucun radio n'est coché, on renvoie false 
	return false; 
}

function CheckDeg(name) {
	var objs=document.getElementsByName(name);
		if (objs[1].checked == true) {
			return true;
		}
	//Si on arrive ici, aucun radio n'est coché, on renvoie false 
	return false; 
}

function validRes() {

	if (CheckRes('resradio')) {
		document.getElementById("residence").innerHTML = '<input type="text" name="etage" onkeyup="validationLigne();" value="Etage" onfocus="javascript: if(this.value == \'Etage\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'Etage\';"/>';
	}
	else {
		document.getElementById("residence").innerHTML = '';
	}
}

function validRes2() {

	if (CheckRes('resradio')) {
		document.getElementById("residence").innerHTML = '<table class="tblConstructionLigne"><th>Etage<span class="asterix">*</span></th><td colspan="3"><input type="text" name="etage" onkeyup="validationLigne();"/></td></table>';
	}
	else {
		document.getElementById("residence").innerHTML = '';
	}
}

function validDeg(){
	var degroup = document.getElementById("degrouper");
		
	if(CheckDeg('degradio')){
		degroup.innerHTML = '<div><span class="title">T&eacute;l&eacute;phone de l\'ancien occupant</span><input type="text" style="margin: 0 0 5px 0;" name="ancienOccupant" maxlength="10" value="" /><a href="#" class="astucePopup" onclick="openPopup(\'http://www.adsl-facile.com/astuce/\',400,200);">Astuce</a></div><div><span class="title">Le nom de l\'ancien occupant</span><input type="text" name="nomAncienOccupant" value="" />';
	}
	else {
		degroup.innerHTML = '<div><span class="title">Lequel?</span><select name="fai"><option value=""></option><option>Orange</option><option>Alice</option><option>Neuf/SFR</option><option>Numéricable</option><option>Free</option><option>Bouygues-telecom</option><option>Darty</option><option>Autre...</option></select></div><div><span class="title">Votre N° en dégroupage total</span><input type="text" id="nDegroupage" maxlength="10" name="nDegroupage" value="" onkeyup="validerDegr();" /><span id="resultDegr" style="display: none;"><img src="/img/2008/formulaire/icon_false.jpg" alt="" /></span>';
	}
}

function validDeg2(){
	var degroup = document.getElementById("degrouper");
		
	if(CheckDeg('degradio')){
		degroup.innerHTML = '<table class="tblConstructionLigne"><tr><th>Téléphone de l\'ancien occupant</th><td colspan="3"><input type="text" name="ancienOccupant" maxlength="10" /><a href="#" class="astucePopup" onclick="openPopup(\'http://www.adsl-facile.com/astuce/\',400,200);">Astuce</a></td></tr><tr><th>Le nom de l\'ancien occupant</th><td colspan="3"><input type="text" name="nomAncienOccupant" /></td></tr></table>';
	}
	else {
		degroup.innerHTML = '<table class="tblConstructionLigne"><tr><th>Lequel?</th><td colspan="3"><select name="fai"><option value=""></option><option>Orange</option><option>Alice</option><option>Neuf/SFR</option><option>Numéricable</option><option>Free</option><option>Bouygues-telecom</option><option>Darty</option><option>Autre...</option></select></td></tr><tr><th>Votre N° en dégroupage total</th><td colspan="3"><input type="text" id="nDegroupage" maxlength="10" name="nDegroupage" onkeyup="validerDegr();" /><span id="resultDegr" style="display: none;"><img src="/img/2008/formulaire/icon_false.jpg" alt="" /></span></td></tr></table>';
	}
}

/*-----------------------------------------------------------
    Toggles element's display value
    Input: any number of element id's
    Output: none 
    ---------------------------------------------------------*/
function toggleDisp() {
    for (var i=0;i<arguments.length;i++){
        var d = $(arguments[i]);
        if (d.style.display == 'none')
            d.style.display = 'block';
        else
            d.style.display = 'none';
    }
}
/*-----------------------------------------------------------
    Toggles tabs - Closes any open tabs, and then opens current tab
    Input:     1.The number of the current tab
                    2.The number of tabs
                    3.(optional)The number of the tab to leave open
                    4.(optional)Pass in true or false whether or not to animate the open/close of the tabs
    Output: none 
    ---------------------------------------------------------*/
function toggleTab(num,numelems,opennum,animate) {
    if ($('tabContent'+num).style.display == 'none'){
        for (var i=1;i<=numelems;i++){
            if ((opennum == null) || (opennum != i)){
                var temph = 'tabHeader'+i;
                var h = $(temph);
                if (!h){
                    var h = $('tabHeaderActive');
                    h.id = temph;
                }
                var tempc = 'tabContent'+i;
                var c = $(tempc);
                if(c.style.display != 'none'){
                    if (animate || typeof animate == 'undefined')
                        Effect.toggle(tempc,'blind',{duration:0.01, queue:{scope:'menus', limit: 3}});
                    else
                        toggleDisp(tempc);
                }
            }
        }
        var h = $('tabHeader'+num);
        if (h)
            h.id = 'tabHeaderActive';
        h.blur();
        var c = $('tabContent'+num);
        c.style.marginTop = '2px';
        if (animate || typeof animate == 'undefined'){
            Effect.toggle('tabContent'+num,'blind',{duration:0.01, queue:{scope:'menus', position:'end', limit: 3}});
        }else{
            toggleDisp('tabContent'+num);
        }
    }
}

function switchClass(){
	var onglet = document.getElementById("onglet");
	if(onglet.className == "onglet")
		onglet.className = "onglet_fibre";
	else
		onglet.className = "onglet";
}