//var img_selected = 'dyn_sleek';
var is_clicked = 0;
var nb_photo_total = 0;
var start_anim = 0;
var item_selected = 'intro_item1';
var id_item_selected = 1;
$(document).ready(function(){      

        $(".zc_table tr").hover(function(){
            $(this).addClass("zc_tr_selected");
        },function(){
            $(this).removeClass("zc_tr_selected");
        });
        carrousel('mon-carrousel',90,3,500);

        $("#bloc_intro_nav img").mouseover(function(e){
            $("#"+e.target.id).addClass('vignette_selected');            
        });
        $("#bloc_intro_nav img").mouseout(function(e){
            if(item_selected != e.target.id)
                $("#"+e.target.id).removeClass('vignette_selected');
        });
        $("#bloc_intro_nav img").click(function(e){
            item_selected = e.target.id;
            var monreg = new RegExp("[0-9]+","g");
            id_item_selected = monreg.exec(item_selected);
            if(document.getElementById('intro_div_item'+id_item_selected)){
                document.getElementById('intro_main_item').innerHTML = $("#intro_div_item"+id_item_selected).html();
            }      
            is_clicked = 1;
            $("#link_intro").attr('href', e.target.alt);
            $("#bloc_intro_nav img.vignette").each(function(index,elem){
                $("#"+elem.id).removeClass('vignette_selected');
            });
            $("#"+e.target.id).addClass('vignette_selected');   
        });
       
        function Timer(){            
            if(!is_clicked && start_anim)
            {
                id_item_selected++;
                if(document.getElementById('intro_item'+id_item_selected)){
                     $("#bloc_intro_nav img.vignette").each(function(index,elem){
                        $("#"+elem.id).removeClass('vignette_selected');
                    });
                    item_selected = 'intro_item'+id_item_selected;
                    if(document.getElementById('intro_div_item'+id_item_selected)){                        
                        document.getElementById('intro_main_item').innerHTML = $("#intro_div_item"+id_item_selected).html();                        
                    }
                     $("#intro_item"+id_item_selected).addClass('vignette_selected');
                     $("#link_intro").attr('href',document.getElementById('intro_item'+id_item_selected).alt);
                    
                }else{
                    id_item_selected = 0;
                }
                             
            }else{
               start_anim = 1;
            }
            setTimeout(arguments.callee,4000);
        }
        // On demarre si on trouve le premier item de l'intro
        if(document.getElementById('intro_item1'))
            Timer();
              
	
	
	
	$("#display_cgv").click(function(){
		$(".carte_part_cgv").show();
		return false;
	});
	
	$("#plus_info").click(function(){
		$("#plus_d_info").toggle('slow');
		return false;
	});

	$("#sortable").sortable({
		update: function(event, ui) 
		{
			var lis = $("#sortable > li");
			var i=0;
			var nouvel_ordre = '';
			while(lis[i])
			{
				if(lis[i].id != '')
					nouvel_ordre += lis[i].id+',';
				i++;
			}
		
			$.ajax({			   
				type: "POST",   
				url: "./ajax/change_order.php",
				data: "new_order="+nouvel_ordre+"&id_bloc="+$("#id_bloc").val(),
				async: false, 
				success: function(resultat){
					// Rien c good
				}
			});
		}
	});
	$("#sortable").disableSelection();
	
	$(".sup_from_bloc").click(function(e){
		var sup_id = e.target.id;
		var reg=new  RegExp("[-]{1}", "g");
		var ids=sup_id.split(reg);
		$.ajax({			   
			type: "POST",   
			url: "./ajax/change_order.php",
			data: "etape=suppression&id_bloc="+$("#id_bloc").val()+"&id_product="+ids[1],
			async: false, 
			success: function(resultat){
				$("#id-"+ids[1]).remove();
			}
		});	
	});
	
	
	$("#sortable_intro").sortable({
		update: function(event, ui) 
		{
			var lis = $("#sortable_intro > li");
			var i=0;
			var nouvel_ordre = '';
			while(lis[i])
			{
				if(lis[i].id != '')
					nouvel_ordre += lis[i].id+',';
				i++;
			}
		
			$.ajax({			   
				type: "POST",   
				url: "./ajax/change_order_intro.php",
				data: "new_order="+nouvel_ordre,
				async: false, 
				success: function(resultat){
					// Rien c good
				}
			});
		}
	});
	$("#sortable_intro").disableSelection();
	
	$(".sup_from_intro").click(function(e){
		var sup_id = e.target.id;
		var reg=new  RegExp("[-]{1}", "g");
		var ids=sup_id.split(reg);
		$.ajax({			   
			type: "POST",   
			url: "./ajax/change_order_intro.php",
			data: "etape=suppression&id_item="+ids[1],
			async: false, 
			success: function(resultat){
				$("#id-"+ids[1]).remove();
			}
		});	
	});
	
	$("#recherche_produit").click(function(){
		$.ajax({			   
			type: "POST",   
			url: "./ajax/search_product.php",
			data: "recherche="+$("#recherche").val()+"&id_bloc="+$("#id_bloc").val(),
			async: false, 
			success: function(resultat){
				$("#bloc_dynamique").html(resultat);
			}
		});
	});
	
	$("#recherche_marque").click(function(){
		$.ajax({			   
			type: "POST",   
			url: "./ajax/search_marque.php",
			data: "recherche="+$("#recherche").val(),
			async: false, 
			success: function(resultat){
				$("#bloc_dynamique").html(resultat);
			}
		});
	});

        //$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

	$("ul.topnav li a").hover(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("ul.subnav").slideUp('fast'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

        $(".li_menu").hover(function(){
            $(this).addClass("hover_li_menu");
        },function(){
            $(this).removeClass("hover_li_menu");
        });

        $('#option_contenu_intro').click(function() {
          $('#option_contenu_intro').remove();
          $('#contenu_intro').animate({            
            height: '300px'
          }, 3000, function() {
            // Animation complete.
          });
        });

        $("#onglet_facebook").mouseover(function(){
           $("#module_facebook").stop(true).animate({top: '0px'}, 500);
           $("#onglet_facebook").stop(true).animate({top: '255px'}, 500);
        }).mouseout(function(){
           //console.log($("#module_facebook").css("top"));
           if($("#module_facebook").css("top")=="0px"){
               $("#module_facebook").stop(true).animate({top: '-255px'}, 500);
               $("#onglet_facebook").stop(true).animate({top: '0px'}, 500);
           }           
        });
        $("#module_facebook").mouseout(function(){
           $("#module_facebook").stop(true).animate({top: '-255px'}, 500);
           $("#onglet_facebook").stop(true).animate({top: '0px'}, 500);
        });

        
       
});

function change_url()
{
    var select_marque = document.getElementById("marque_dyn");
    if(select_marque.options[select_marque.selectedIndex].value!=0)
        window.location.href = select_marque.options[select_marque.selectedIndex].value;

}

function modif_pass(form,id_user)
{
	valid_form(form);
	var erreur   = 0;
	
	if($("#new_pass").val() != $("#confrim_pass").val())
	{
		erreur = 1;
		alert("Attention à la confirmation de votre mot de passe.");
	}
	
	$.ajax({			   
		type: "POST",   
		url: "./ajax/is_good_pass.php",
		data: "pass="+$("#pass_actuel").val()+"&id_user="+id_user,
		async: false, 
		success: function(resultat){
			//alert(resultat);
		   	if(resultat == 1)		   
		   	{
		   		// Email valide
		   		//alert('Email valide');
		   	}
		   	else
		   	{
		   		// Email invalide
		   		alert('Mot de passe actuel invalide.');
		   		erreur = 1;
		   	}
		}
	});
	
	if(!erreur)
		return true;
	else	
		return false;
}

function get_list_sujet_for_titre(elem)
{
    if(elem.value.length >= 3)
    {
        $.ajax({
                    type: "POST",
                    url: "./ajax/get_list_sujet_for_titre.php",
                    data: "titre="+elem.value,
                    async: true,
                    success: function(liste_sujet_html){
                            if(liste_sujet_html !=  '')
                            {
                                $("#liste_sujet_en_rapport").html(liste_sujet_html);
                            }else{
                                $("#liste_sujet_en_rapport").html("<span class='good_etat'>Aucun sujet en rapport avec votre sujet.</span><br/>");
                            }

                    }
          });
    }
}

function UniqueSimpleSwap(to,from)
{
    //$("#"+from).slideUp("fast");
    //$("#"+from).slideDown("fast");
    var nfrom = document.getElementById(from);
    var new_from = to.src;
    nfrom.innerHTML = '<img class="item_photo" src="'+new_from+'"/>';
        
}

function SimpleSwap(to,from)
{
	var nfrom = document.getElementById(from);
	var new_to = nfrom.src;
	var new_from = to.src;
	
	to.src = new_to;
	nfrom.src = new_from;
}

function sel_couleur(couleur,id)
{
	var les_images = document.getElementsByTagName('img');
	var i=0;
	while(les_images[i])
	{
		if(les_images[i].className == 'img_choix_couleur')
		{
			les_images[i].height= '60';
		}
		i++;
	}
	var image = document.getElementById('couleur_'+id);
	image.height= '80';
	document.getElementById('choix_couleur').value = couleur;
	document.getElementById('choix_couleur_id').value = id;
	document.getElementById('select_dynamique').innerHTML = dyn_select['select_'+id];
}

function sel_couleur_short(couleur,id,id_product,form)
{
	var les_images = document.getElementById(form).getElementsByTagName('img');
	var i=0;
	while(les_images[i])
	{
		if(les_images[i].className == 'img_choix_couleur')
		{
			les_images[i].height= '30';
		}
		i++;
	}
	var image = document.getElementById('couleur_'+id+'_'+id_product);
	image.height= '40';
	document.getElementById('choix_couleur_'+id_product).value = couleur;
	document.getElementById('choix_couleur_id_'+id_product).value = id;
}

function valide_cheque(infos)
{
	if(confirm("Avez-vous bien recu le cheque de "+infos+"?"))
	{
		return true;
	}else
	{
		return false;
	}
}

function info_commentaire()
{
    alert("Votre commentaire a bien été pris en compte. Il sera affiché sur notre site tres prochainement.");
    return true;
}

function valide_virement(infos)
{
	if(confirm("Avez-vous bien recu le virement de "+infos+"?"))
	{
		return true;
	}else
	{
		return false;
	}
}

function valide_annulation(infos)
{
	if(confirm("Etes vous sur de vouloir annuler la commande de "+infos+"?"))
	{
		return true;
	}else
	{
		return false;
	}
}

function check_adresse_livraison(mon_elem)
{
	var les_inputs = mon_elem.getElementsByTagName('input');
	var erreur = 0;
	
	// Module CGV
	if(document.getElementById('cgv').checked == false)
	{
		alert("Vous devez accepter les CGV BeautyKanore pour regler le paiement.");
		return false;
	}
			
	
	var i=0;
	while(les_inputs[i])
	{
		if(les_inputs[i].className == 'obligatoire' && les_inputs[i].value=='')
		{			
			erreur++;
		}		
		i++;
	}
	
	if(erreur>0)
	{
		alert("Votre adresse de livraison n'est pas complete.\nVeuillez la modifier.");
		return false
	}
	else
		return true;
}

function valid_form(mon_elem)
{
	var les_inputs = mon_elem.getElementsByTagName('input');
	var les_area = mon_elem.getElementsByTagName('textarea');
	var i=0;
	var erreur = 0;
	
	while(les_inputs[i])
	{
		if(les_inputs[i].className == 'obligatoire' && les_inputs[i].value=='')
		{
			les_inputs[i].style.backgroundColor = 'red';
			erreur++;
		}
		//alert(les_inputs[i].id);
		i++;
	}
	
	i=0;
	while(les_area[i])
	{
		if(les_area[i].className == 'obligatoire' && les_area[i].value=='')
		{
			les_area[i].style.backgroundColor = 'red';
			erreur++;
		}		
		i++;
	}	
	
	if(erreur>0)
	{
		alert('Attention certain champs ne sont pas rempli');
		return false;
	}
	else
		return true;
		//return false;
}

function clear_input(mon_elem,texte)
{
	if(mon_elem.value==texte)
	{
		mon_elem.value='';
	}
}

function is_an_valid_email(email)
{
	//alert(email);
	var monreg = new RegExp("^[a-zA-Z][a-zA-Z0-9._-]*@[a-zA-Z][a-zA-Z0-9._-]+[.][a-zA-Z]{2,4}$","g");
	return monreg.test(email);

}

function is_a_unique_mail(email){	
	var erreur   = 0;
	$.ajax({			   
		type: "POST",   
		url: "./ajax/is_a_unique_mail.php",
		data: "mail="+email,
		async: false, 
		success: function(resultat){
			//alert(resultat);
		   	if(resultat == 1)		   
		   	{
		   		// Email valide
		   		//alert('Email valide');
		   	}
		   	else
		   	{
		   		// Email invalide
		   		//alert('Email invalide');
		   		erreur = 1;
		   	}
		}
	});
	
	if(!erreur)
		return true;
	else	
		return false;
}

function check_product_availability(id_product){
	var quantite = $("#quantite").val();
	var erreur   = 1;
	var id_couleur = '';
	if($("#choix_couleur_id").val())
		id_couleur = $("#choix_couleur_id").val();
	$.ajax({			   
		type: "POST",   
		url: "./ajax/check_product_availability.php",
		data: "id_product="+id_product+"&quantite="+quantite+"&id_couleur="+id_couleur,
		async: false, 
		success: function(produit_restant){			
		   	if(produit_restant < 0)		   
		   	{
		   		var quantite_restante = parseInt(quantite) + parseInt(produit_restant);
		   		if(quantite_restante==0 || isNaN(produit_restant) || produit_restant=='')
		   			$("#product_unavailable").html("Il ne reste plus de produit.");
		   		else		   			
		   			$("#product_unavailable").html("Il reste "+quantite_restante+" produits.");
		   		
		   		erreur = 1;
		   	}else{
                            erreur = 0;
                        }
		}
	});
	
	if(!erreur)
		return true;
	else	
		return false;
}

function check_product_availability_in_list(id_product){
	var quantite = $("#quantite").val();
	var erreur   = 1;
	var id_couleur = '';
	if($("#choix_couleur_id_"+id_product).val())
		id_couleur = $("#choix_couleur_id_"+id_product).val();
	$.ajax({			   
		type: "POST",   
		url: "./ajax/check_product_availability.php",
		data: "id_product="+id_product+"&quantite="+quantite+"&id_couleur="+id_couleur,
		async: false,                
		success: function(produit_restant){                        
		   	if(produit_restant < 0  || isNaN(produit_restant) || produit_restant=='')
		   	{
		   		alert("Produit non disponible!");		   		
		   		erreur = 1;
		   	}else{
                                erreur = 0;
                        }
		}                   
	});
	
	if(!erreur)
		return true;
	else	
		return false;
}

function sel_id_ship(id_ship){
	document.getElementById('id_ship').value = id_ship;
}

function valid_inscription(mon_elem){
	var mdp  = $("#pass_user").val();
	var mdp2 = $("#pass_user2").val();
	
	
	
	if(mdp == mdp2 && mdp != '')
	{
		if(is_an_valid_email($("#mail_user").val()))
		{
			if(is_a_unique_mail($("#mail_user").val()))
			{
				return valid_form(mon_elem);
			}
			else
			{
				alert("Cet email est déjà présent dans notre base de donnée.");
				return false;
			}
		}
		else
		{
			alert("Email invalide.");
			return false;
		}
	}
	else
	{
		alert("Attention à la confirmation de votre mot de passe.");
		return false;
	}
}

function carrousel(id, width, nb, vitesse)
{    
    // On enleve la fleche next si elle est en trop au debut
    var total_first=$('#'+id+' .item').length+1-nb;
    if(total_first<=1)
    {
        $('#'+id+' a.next').hide();
    }

    $('#'+id).append('<span id="span'+id+'" style="display:none;">1</span>');

    $('#'+id+' a.next').bind('click',
            function()
            {
                    var current;
                    var total;
                    var left;

                    current=$('#span'+id).html();
                    total=$('#'+id+' .item').length+1-nb;
                    left=parseInt($('#'+id+' .items').css('left'));

                    $('#'+id+' .items').animate({left:'-='+width},vitesse);
                    current++;

                    if(current==total)
                            $('#'+id+' a.next').hide();
                    if(current>1)
                            $('#'+id+' a.prev').show();

                    $('#span'+id).html(current);
                    return false;
            }
    );

    $('#'+id+' a.prev').bind('click',
            function()
            {
                    var current;
                    var total;
                    var left;

                    current=$('#span'+id).html();
                    total=$('#'+id+' .item').length+1-nb;
                    left=parseInt($('#'+id+' .items').css('left'));

                    $('#'+id+' .items').animate({left:'+='+width},vitesse);

                    current--;

                    if(current==1)
                            $('#'+id+' a.prev').hide();
                    if(current<total)
                            $('#'+id+' a.next').show();

                    $('#span'+id).html(current);
                    return false;
            }
    );

}



// ------------------------------------------------------

// Connexion au serveur http
function getXhr()
{
  var xhr;
  if(window.XMLHttpRequest)         // Firefox et autres
    xhr = new XMLHttpRequest();
  else if(window.ActiveXObject)     // Internet Explorer
  {
    try
    {
      xhr = new ActiveXObject("Msxml2.XMLHTTP"); // IE version > 5
    }
    catch(e)
    {
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  else // XMLHttpRequest non supporté par le navigateur
  {
    alert("Votre navigateur ne supporte pas les objets XMLHttpRequest !");
    xhr = false;
  }

  return xhr;

} // getXhr()

// Modification du contenu d'un identificateur id suivant le programme php
function ajax(php, method, param)
{
  //var c = document.getElementById(id);
  //c.innerHTML = '<p><img src="../../Images/loading.gif" alt="Chargement" />Chargement en cours</p>';
  
  var xhr = getXhr();  // Récupère la connexion au serveur http
  
  xhr.open(method, php, false);  //  Ouvre la connexion avec le serveur http avec comme url php
  if ('POST' == method)       // Encodage si méthode POST
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
  xhr.send(param);            //  Envoie l'url php pour exécution au serveur http avec les parametres param
                              //  si method = POST, sinon NULL

  // Exécution de la fonction dès que l'on obtient une réponse du serveur http
  xhr.onreadystatechange = function()
  {
    // Si on a tout reçu (4) et que le serveur est ok (200)
    // Modifie l'élément ayant pour identificateur id suivant le programme php 
    if(xhr.readyState == 4 && xhr.status == 200)
    {	  
      // Si on a du javascript on identifie les scripts et on force la valuation eval()
	  var allscript = c.getElementsByTagName('script');	  
	  for (var i=0; i<allscript.length; ++i)
	  {
	    window.eval(allscript[i].text);
	  }
    }
  }
  
  return xhr.responseText;
} // ajax()