window.onload=function(){    
    var viewport=document.viewport.getDimensions();
    var width=viewport.width;
    var height=viewport.height;
    if(width < 1024 && screen.width>=1024){
        window.resizeTo(1024,height);
        width = 1024;
    }

    if(height < 400 && screen.height>=768){
        window.resizeTo(width,768);
    }
};             

function change_group(child_id, parent_id)
{
	var options = {
		parameters: {child_id: child_id},
		onSuccess: function(rtn)
		{
			document.getElementById('group_container_'+parent_id).innerHTML = rtn.responseText;
			mainOpts();
    	}
	}
	new Ajax.Request('ajax/change_group.php', options);
}

function add_script (uri) {
  var fileref=document.createElement('script')
  script.setAttribute("type","text/javascript")
  script.setAttribute("src", uri)
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(script)
  
}

function add_css(uri){
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", uri)
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

function add_fields(iddiv){
	switch(iddiv)
	{
	case "form_part_website":
		$(iddiv).innerHTML = "<h2>Site Internet</h2> \
													<label for='siteactuel'>Poss&eacute;dez-vous un site Internet?</label><br /> \
													<input type='text' name='Site Actuel' id='siteactuel' /><br />	\
													<label for='domaineactuel'>Poss&eacute;dez-vous un nom de domaine, si oui, lequel?</label><br /> \
													<input type='text' name='Domaine actuel' id='domaineactuel' /><br /><br /> \
													<label for='logo'>Avez-vous un logo?</label><br /> \
														<input type='radio' name='Logo' value='Oui' checked='checked' />Oui<br />	\
														<input type='radio' name='Logo' value='Non' />Non<br /><br />	\
													<label for='Langues'>Langues du site?</label><br /> \
														<input type='checkbox' name='Langues[]' value='Francais' id='francais' checked='checked' />Fran&ccedil;ais<br /> \
														<input type='checkbox' name='Langues[]' value='Anglais' id='anglais' />Anglais<br />	\
														<input type='checkbox' name='Langues[]' value='Espagnol' id='espagnol' />Espagnol<br /><br />		\
													<label for='modules'>Quels sont les modules d&eacute;sir&eacute;s</label><br /> \
														<input type='checkbox' name='Modules[]' value='Flash' />Ent&ecirc;te avec animation flash<br />	\
														<input type='checkbox' name='Modules[]' value='Carrousel' />Carrousel<br />	\
														<input type='checkbox' name='Modules[]' value='Calendrier' />Calendrier<br /> \
														<input type='checkbox' name='Modules[]' value='Boite Nouvelle' />Bo&icirc;te de nouvelles<br /> \
														<input type='checkbox' name='Modules[]' value='Boite Temoignages' />Bo&icirc;te de t&eacute;moignages<br />	\
														<input type='checkbox' name='Modules[]' value='Formulaire' />Formulaire<br />	\
														<input type='checkbox' name='Modules[]' value='Google Map' />Carte Google<br />	\
														<input type='checkbox' name='Modules[]' value='Fond Gerable' />Fonds g&egrave;rable<br /> \
														<input type='checkbox' name='Modules[]' value='Boutique' />Boutique en ligne<br />	\
														<input type='checkbox' name='Modules[]' value='Blogue' />Blogue<br />	\
														<input type='checkbox' name='Modules[]' value='Aucun' />Aucun<br />	\
														<input type='checkbox' name='Modules[]' value='Autre' onchange='if(this.checked){$(\"modulesautre\").setStyle({display:\"block\"})}else{$(\"modulesautre\").setStyle({display:\"none\"})}' />Autre<br />	\
														<div id='modulesautre' style='display:none'><label for='Autre_Modules'>Sp&eacute;cifiez </label><input type='text' name='Autre_modules'/><br /></div>";
		break;
	case "form_part_optimisation":
		$(iddiv).innerHTML = "<h2>Optimisation</h2> \
													<label for='urlsite'>Quelle est l\'URL du site Internet?</label><br /> \
														<input type='text' name='URL_du_site' id='urlsite' /><br /><br /> \
													<label for='optimisationrapport'>D&eacute;sirez-vous un rapport d\'optimisation sur votre site actuel?</label><br />	\
														<input type='radio' name='Rapport_Optimisation' value='Oui' onchange='if(this.checked){$(\"frequence\").setStyle({display:\"block\"})}else{$(\"frequence\").setStyle({display:\"none\"})}' checked='checked' />Oui<br />	\
														<input type='radio' name='Rapport_Optimisation' value='Non' onchange='if(this.checked){$(\"frequence\").setStyle({display:\"none\"})}'/>Non<br /><br /> \
													<div id='frequence'> \
														<label for='optimisationrapportfrequence'>&Agrave; quelle fr&eacute;quence d&eacute;sirez-vous votre rapport d'optimisation?</label><br />	\
															<input type='radio' name='Frequence_Rapport_Optimisation' value='Mensuel' checked='checked' />Mensuel<br />	\
															<input type='radio' name='Frequence_Rapport_Optimisation' value='Trimestriel' />Trimestriel<br /> \
															<input type='radio' name='Frequence_Rapport_Optimisation' value='Annuel' />Annuel<br /><br /> \
													</div> \
													<label for='optimisationmodif'>D&eacute;sirez-vous que nous soyons responsables des modifications &agrave; faire suite au rapport d\'optimisation de votre site?</label><br />	\
														<input type='radio' name='Modif_Apres_Rapport' value='Oui' checked='checked' />Oui<br /> \
														<input type='radio' name='Modif_Apres_Rapport' value='Non' />Non<br /><br /> \
													<label for='progtype'>Si oui quel type de programmation utilisez-vous pour votre site?</label><br /> \
														<input type='checkbox' name='Type_de_prog[]' value='html' />HTML<br /> \
														<input type='checkbox' name='Type_de_prog[]' value='cms' />CMS<br /> \
														<input type='checkbox' name='Type_de_prog[]' value='autre' onchange='if(this.checked){$(\"progtypeautre\").setStyle({display:\"block\"})}else{$(\"progtypeautre\").setStyle({display:\"none\"})}' />Autre<br />	\
														<div id='progtypeautre' style='display:none'><label for='progtypeautre'>Sp&eacute;cifiez </label><input type='text' name='Autre_type_de_prog'/><br /></div>"
		break;												
	case "form_part_impression":
		$(iddiv).innerHTML = "<h2>Impression</h2> \
													<label for='typedocprint'>Type de document &agrave; imprimer</label><br /> \
													<input type='text' name='Type_de_document_impression' id='typedocprint' /><br />	\
													<label for='formats'>Formats</label><br /> \
													<input type='text' name='Formats_impression' id='formats' /><br />	\
													<label for='quantite'>Quantit&eacute;s</label><br /> \
													<input type='text' name='Quantite' id='quantite' /><br /><br />	\
													<label for='typepapier'>Type de papier</label><br /> \
														<input type='checkbox' name='Type_de_papier[]' value='120m' onchange='if(this.checked){$(\"typepapierautre\").setStyle({display:\"none\"})}' />120 M<br />	\
														<input type='checkbox' name='Type_de_papier[]' value='160m' onchange='if(this.checked){$(\"typepapierautre\").setStyle({display:\"none\"})}' />160 M<br />	\
														<input type='checkbox' name='Type_de_papier[]' value='200m' onchange='if(this.checked){$(\"typepapierautre\").setStyle({display:\"none\"})}' />200 M<br />	\
														<input type='checkbox' name='Type_de_papier[]' value='Enviro100' onchange='if(this.checked){$(\"typepapierautre\").setStyle({display:\"none\"})}' />Enviro 100<br /> \
														<input type='checkbox' name='Type_de_papier[]' value='Autre' onchange='if(this.checked){$(\"typepapierautre\").setStyle({display:\"block\"})}else{$(\"typepapierautre\").setStyle({display:\"none\"})}' />Autre<br /> \
														<div id='typepapierautre' style='display:none'><label for='typepapierautre'>Sp&eacute;cifiez </label><input type='text' name='Autre_type_de_papier'/><br /></div> \
														<br /> \
													<label for='typecarton'>Type de carton</label><br /> \
														<input type='checkbox' name='Type_de_carton[]' value='10pt' onchange='if(this.checked){$(\"typecartonautre\").setStyle({display:\"none\"})}' />10 pt<br />	\
														<input type='checkbox' name='Type_de_carton[]' value='12pt' onchange='if(this.checked){$(\"typecartonautre\").setStyle({display:\"none\"})}' />12 pt<br /> \
														<input type='checkbox' name='Type_de_carton[]' value='14pt' onchange='if(this.checked){$(\"typecartonautre\").setStyle({display:\"none\"})}' />14 pt<br />	\
														<input type='checkbox' name='Type_de_carton[]' value='Enviro100' onchange='if(this.checked){$(\"typecartonautre\").setStyle({display:\"none\"})}' />Enviro 100<br /> \
														<input type='checkbox' name='Type_de_carton[]' value='Autre' onchange='if(this.checked){$(\"typecartonautre\").setStyle({display:\"block\"})}else{$(\"typecartonautre\").setStyle({display:\"none\"})}' />Autre<br /> \
														<div id='typecartonautre' style='display:none'><label for='typecartonautre'>Sp&eacute;cifiez </label><input type='text' name='Autre_type_de_carton' /><br /></div> \
														<br />		\
													<label for='fini'>Fini</label><br /> \
														<input type='radio' name='Fini_impression' value='Glac&eacute;' />Glac&eacute;<br />	\
														<input type='radio' name='Fini_impression' value='Mat' checked='checked' />Mat<br /><br /> \
													<label for='rectoverso'>Recto/Verso</label><br /> \
														<input type='radio' name='Recto_verso_impression' value='Oui' />Oui<br />	\
														<input type='radio' name='Recto_verso_impression' value='Non' checked='checked' />Non<br /><br />	\
													<label for='bleed'>Bleed</label><br /> \
														<input type='radio' name='Bleed' value='Oui' />Oui<br />	\
														<input type='radio' name='Bleed' value='Non' checked='checked' />Non<br /><br /> \
													<label for='couleur'>Couleur</label><br /> \
														<input type='radio' name='Couleur' value='Couleur' checked='checked' />Couleur<br />	\
														<input type='radio' name='Couleur' value='Noir Et Blanc' />Noir et blanc<br /><br /> \
													<label for='reliure'>Reliure</label><br /> \
														<input type='radio' name='Reliure' value='Coup&eacute;' checked='checked'/>Coup&eacute;<br />	\
														<input type='radio' name='Reliure' value='Pli&eacute;' />Pli&eacute;<br /> \
														<input type='radio' name='Reliure' value='Broch&eacute;' />Broch&eacute;<br />	\
														<input type='radio' name='Reliure' value='Boudin&eacute;' />Boudin&eacute;<br /><br />	\
													<label for='specs'>Sp&eacute;cifications suppl&eacute;mentaires</label><br /> \
														<input type='textarea' name='Sp&eacute;cifications_impression' id='specs'/><br />"
		break;
	case "form_part_papetrie":
		$(iddiv).innerHTML = "<h2>Papetrie</h2> \
													<label for='typedocpape'>Quel type de document avez-vous besoin?</label><br /> \
														<input type='checkbox' name='Type_de_document_papetrie[]' value='Carte d\'affaire' onchange='if(this.checked){add_fields(\"papetrie_carte\")}else{rem_fields(\"papetrie_carte\")}' />Cartes d\'affaire<br />	\
														<input type='checkbox' name='Type_de_document_papetrie[]' value='Papier ent&ecirc;te' onchange='if(this.checked){add_fields(\"papetrie_entete\")}else{rem_fields(\"papetrie_entete\")}'/>Papier ent&ecirc;te<br /> \
														<input type='checkbox' name='Type_de_document_papetrie[]' value='Enveloppes' onchange='if(this.checked){add_fields(\"apetrie_enveloppe\")}else{rem_fields(\"papetrie_enveloppe\")}'/>Enveloppes<br /> \
														<input type='checkbox' name='Type_de_document_papetrie[]' value='Pochettes' onchange='if(this.checked){add_fields(\"papetrie_pochette\")}else{rem_fields(\"papetrie_pochette\")}'/>Pochettes corporatives<br /> \
														<input type='checkbox' name='Type_de_document_papetrie[]' value='Bon de Commande' onchange='if(this.checked){add_fields(\"papetrie_bdc\")}else{rem_fields(\"papetrie_bdc\")}'/>Bons de commande, de livraison ou autre<br />	\
														<input type='checkbox' name='Type_de_document_papetrie[]' value='Autre' onchange='if(this.checked){$(\"typedocpapeautre\").setStyle({display:\"block\"})}else{$(\"typedocpapeautre\").setStyle({display:\"none\"})}' />Autre<br /> \
														<div id='typedocpapeautre' style='display:none'><label for='typedocpapeautre'>Sp&eacute;cifiez </label><input type='text' name='Autre_type_de_document_impression'/><br /></div> \
													<div id='papetrie_carte'></div> \
													<div id='papetrie_entete'></div> \
													<div id='papetrie_enveloppe'></div>\
													<div id='papetrie_pochette'></div> \
													<div id='papetrie_bdc'></div>"
		break;
	case "papetrie_carte":
		$(iddiv).innerHTML = "<br /> \
													<h3>Cartes d\'affaire</h3> \
													<label for='papetrie_carte_quantite'>Quantit&eacute;s</label><br /> \
													<input type='text' name='papetrie_carte_quantite' id='papetrie_carte_quantite' /><br /><br /> \
													<label for='papetrie_carte_rectoverso'>Recto/Verso</label><br /> \
														<input type='radio' name='papetrie_carte_rectoverso' value='Oui' />Oui<br /> \
														<input type='radio' name='papetrie_carte_rectoverso' value='Non' checked='checked'/>Non<br /><br /> \
													<label for='fini'>Fini</label><br /> \
														<input type='radio' name='papetrie_carte_fini' value='Glac&eacute;' />Glac&eacute;<br />	\
														<input type='radio' name='papetrie_carte_fini' value='Mat' checked='checked' />Mat<br /> \
														<input type='radio' name='papetrie_carte_fini' value='Lamin&eacute;' />Lamin&eacute;<br />	\
														<input type='radio' name='papetrie_carte_fini' value='Recycl&eacute;' />Recycl&eacute;<br /><br /> \
														"
		break;
	case "papetrie_entete":
		$(iddiv).innerHTML = "<br /> \
													<h3>Papier ent&ecirc;te</h3> \
													<label for='papetrie_entete_quantite'>Quantit&eacute;s</label><br /> \
													<input type='text' name='papetrie_entete_quantite' id='papetrie_entete_quantite' /><br /><br /> \
													<label for='papetrie_entete_couleur'>Couleur</label><br /> \
														<input type='radio' name='papetrie_entete_couleur' value='couleur' checked='checked'/>Couleur<br />	\
														<input type='radio' name='papetrie_entete_couleur' value='noiretblanc' />Noir et blanc<br />"
		break;
	case "papetrie_enveloppe":
		$(iddiv).innerHTML = "<br /> \
													<h3>Enveloppes</h3> \
													<label for='papetrie_enveloppe_quantite'>Quantit&eacute;s</label><br /> \
													<input type='text' name='papetrie_enveloppe_quantite' id='papetrie_enveloppe_quantite' /><br /><br />	\
													<label for='papetrie_enveloppe_format'>Format</label><br />	\
														<input type='radio' name='papetrie_enveloppe_format' value='lettre' checked='checked' onchange='if(this.checked){$(\"papetrie_enveloppe_format_autre\").setStyle({display:\"none\"})}' />Lettre<br />	 \
														<input type='radio' name='papetrie_enveloppe_format' value='legale' onchange='if(this.checked){$(\"papetrie_enveloppe_format_autre\").setStyle({display:\"none\"})}' />L&eacute;gale<br /> \
														<input type='radio' name='papetrie_enveloppe_format' value='autre' onchange='if(this.checked){$(\"papetrie_enveloppe_format_autre\").setStyle({display:\"block\"})}else{$(\"papetrie_enveloppe_format_autre\").setStyle({display:\"none\"})}' />Autre<br /> \
														<div id='papetrie_enveloppe_format_autre' style='display:none'><label for='papetrie_enveloppe_format_autre'>Sp&eacute;cifiez </label><input type='text' name='papetrie_enveloppe_format_autre' /><br /></div>"
		break;
	case "papetrie_pochette":
		$(iddiv).innerHTML = "<br /> \
													<h3>Pochettes corporatives</h3> \
													<label for='papetrie_pochette_quantite'>Quantit&eacute;s</label><br /> \
													<input type='text' name='papetrie_pochette_quantite' id='papetrie_pochette_quantite' /><br /><br />	\
													<label for='papetrie_pochette_couleur'>Couleur</label><br /> \
														<input type='radio' name='papetrie_pochette_couleur' value='couleur' checked='checked'/>Couleur<br />	\
														<input type='radio' name='papetrie_pochette_couleur' value='noiretblanc' />Noir et blanc<br /><br /> \
													<label for='papetrie_pochette_nombre'>Nombre de pochettes</label><br /> \
														<input type='radio' name='papetrie_pochette_nombre' value='1 pochette' checked='checked'/>1<br />	\
														<input type='radio' name='papetrie_pochette_nombre' value='2 pochette'/>2<br /><br />	\
													<label for='papetrie_pochette_incision'>Nombre d\'incisions pour les cartes d\'affaire</label><br /> \
														<input type='radio' name='papetrie_pochette_incision' value='0' checked='checked'/>0<br /> \
														<input type='radio' name='papetrie_pochette_incision' value='1' />1<br />	\
														<input type='radio' name='papetrie_pochette_incision' value='2' />2<br />"
		break;
	case "papetrie_bdc":
		$(iddiv).innerHTML = "<br /> \
													<h3>Bons de commande, de livraison ou autre</h3> \
													<label for='papetrie_bdc_quantite'>Quantit&eacute;s</label><br /> \
													<input type='text' name='papetrie_bdc_quantite' id='papetrie_bdc_quantite' /><br /><br /> \
													<label for='papetrie_bdc_format'>Format</label><br /> \
													<input type='text' name='papetrie_bdc_format' id='papetrie_bdc_format' /><br /><br />	\
													<label for='carbone'>Nombre de copies carbone</label><br />	\
														<input type='radio' name='Papetrie_bdc_carbone' value='0' checked='checked'/>0<br />	\
														<input type='radio' name='Papetrie_bdc_carbone' value='1' />1<br /> \
														<input type='radio' name='Papetrie_bdc_carbone' value='2' />2<br /><br /> \
													<label for='designe'>Design&eacute;</label><br />	\
														<input type='radio' name='Papetrie_bdc_designer' value='Oui' />Oui<br />	\
														<input type='radio' name='Papetrie_bdc_designer' value='Non' checked='checked' />Non<br /><br /> \
													<label for='numerote'>Numerot&eacute;</label><br />	\
														<input type='radio' name='Papetrie_bdc_Numeroter' value='Oui' />Oui<br />	\
														<input type='radio' name='Papetrie_bdc_Numeroter' value='Non' checked='checked' />Non<br /><br /> \
													<label for='numerote'>Reli&eacute;</label><br />	\
														<input type='radio' name='Papetrie_bdc_relier' value='Carnet' />En Carnet<br />	\
														<input type='radio' name='Papetrie_bdc_relier' value='Unitaire' checked='checked' />Unitaire<br /><br />"
		break;
	default:
	}
}	
function rem_fields(iddiv){
	$(iddiv).innerHTML = ""
}

/********************  DO NOT TOUCH THIS PART BELOW :) *************************/

/**
 * This function will display or not a div
 * if fiv is already displayed function will be hide and vice-versa
 */
function show_do_comment(id){

    var form = document.getElementById(id);
    if(form.style.display=='block'){
        form.style.display='none';
    }
    else{
        form.style.display='block';
    }

}// end function show_do_comment


/****** TESTIMONIAL FUNCTIONS *******/
var nb_div_testimony = 0;
var var_actual = 0;
var time_tem = 5000;
var id_time_out = 0;

/**
 * This function will hidden all div that are linked to testimony
 */
function disable_all_but_one(id_not_disable){
    for(i = 0; i < nb_div_testimony;i++){
        if(i != id_not_disable){
            document.getElementById('tem_'+i).style.display = 'none';
        }
    }
}// end function disable_all_but_one

//this function will display a div
function enable_one(id_to_enable){
    document.getElementById('tem_'+id_to_enable).style.display = 'block';
}// end function enable_one

/**
 * This function will show next testimony all hidden all others
 */
function active_next(){

    // first we stop counter
    if(id_time_out != 0){
        window.clearTimeout(id_time_out);
    }

    var next = var_actual;

    if(document.getElementById('tem_'+next)){

       enable_one(next);
        disable_all_but_one(next)
        var_actual += 1;
    }
    else{

        var_actual = 0;
        enable_one(var_actual);
        disable_all_but_one(var_actual);
    }
    
    id_time_out = window.setTimeout(active_next, time_tem);
    
}// end function active_next

function ini_testimony(nb_testimony){    

    nb_div_testimony = nb_testimony;

    active_next()
    id_time_out = window.setTimeout(active_next, time_tem);
}// end function ini_testimony


function intelLoc(lat,lng,id){
	 var options = {
		parameters: {lat: lat, lng: lng},
		asynchronous : false,
		onSuccess: function(rtn){
      		$(id).innerHTML = rtn.responseText;
    	}
	}
	new Ajax.Request('ajax/actuLoc.php', options);
	 
}
