$(document).ready(function(){

    // Spe scrollTo envoyer à un ami
    $(".ico_sendfriend").click(function(){
        masquer("envoi_ami");
        $.scrollTo("#envoi_ami_td",500);
    });


    $('.optionSel').unbind('click').click(function(){		
        init_event_variante($(this).attr('id'));

    });	
    $('.optionSel').mouseover(function(){
        tooltip();
    });	
    //images options
    if($('li.optionSel img').length>1){
        // redimensionnement des images pour les photos article ... ici en 80px (indépendant du conteneur)
        $('li.optionSel img').each(function(){
            //on mets les dimensions en dur ....
            //pour chrome et safari sinon ca couille faudra s'assurer que ca ne 
            //pose pas de problemes avec d'autre articles dont les photos ne sont pas au meme ratio
            $(this).width(80);
            $(this).height(80);
            var coef1 = $(this).width() / 40;
            var coef2 = $(this).height() / 40;
            var coef = coef1 < coef2 ? coef1 : coef2;

            //alert($(this).width());
            $(this).width($(this).width() / coef);
            $(this).height($(this).height() / coef);

            //alignement des images
            var hauteur_cont = $(this).parents('li').height();
            var margeh = (hauteur_cont - $(this).height()) / 2;
            $(this).css('margin-top', margeh+'px');

            var largeur_cont = $(this).parents('li').width();
            var margev = (largeur_cont - $(this).width()) / 2;
            $(this).css('margin-left', margev+'px');
        });
    }		


    //Images  variantes
    if($('div#using_scrollto div.cont_img img').length>1){
        // redimensionnement des images pour les photos article ... ici en 80px (indépendant du conteneur)
        /*$('div#using_scrollto div.cont_img img').each(function(){
        //on mets les dimensions en dur ....
        //pour chrome et safari sinon ca couille faudra s'assurer que ca ne 
        //pose pas de problemes avec d'autre articles dont les photos ne sont pas au meme ratio
        var coef1 = $(this).width() / 70;
        var coef2 = $(this).height() / 70;
        var coef = coef1 < coef2 ? coef1 : coef2;

        //alert($(this).width());
        $(this).width($(this).width() / coef);
        $(this).height($(this).height() / coef);

        //alignement des images
        var hauteur_cont = $(this).parents('div').height();
        var margeh = (hauteur_cont - $(this).height()) / 2;
        $(this).css('margin-top', margeh+'px');

        var largeur_cont = $(this).parents('div').width();
        var margev = (largeur_cont - $(this).width()) / 2;
        $(this).css('margin-left', margev+'px');
        });*/
    }
    var large_img_cont = $('#using_scrollto div.cont_img:first').outerWidth() + 5;
    var largeur_totale = large_img_cont * 3;
    var largeur_cont = $('#using_scrollto div.cont_img').length * large_img_cont;
    var nb_slide = Math.ceil($('#using_scrollto div.cont_img').length / 3);


    $('.init_focus').width(largeur_totale);

    $('#using_scrollto').width(largeur_cont);

    $("#img_back").unbind('click').click(function(){
        if(parseInt($("#using_scrollto").css('margin-left').replace('px', ''))==0){
            $("#using_scrollto").animate({marginLeft :( 0 - (largeur_totale*(nb_slide-1)))+'px'},500);				

        } 
        else{
            $("#using_scrollto").animate({
                marginLeft: (parseInt($("#using_scrollto").css('margin-left').replace('px', ''))+parseInt(largeur_totale))+'px'
            }, 500);				
        }
    });
    $("#img_next").unbind('click').click(function(){
        var leftEnCour = parseInt($("#using_scrollto").css('margin-left').replace('px', ''));
        var leftMax = 0 - (largeur_totale*(nb_slide-1));
        if(leftEnCour==leftMax){
            $("#using_scrollto").animate({marginLeft : '0px'},500);
        }
        else{
            $("#using_scrollto").animate({
                marginLeft: ($("#using_scrollto").css('margin-left').replace('px', '')-largeur_totale)+'px'
            }, 500);
        }
    });

    //élément paiement
    if($('div.paiement_div').length>0){
        $('div.paiement_div').click(function(){
            //retrait de l'ancienne sélection
            $('div.paiement_div').each(function(){
                $(this).removeClass('selection_paiement');
            })
            $(this).addClass('selection_paiement');
            //on va cocher le bouton radio
            $($(this).attr('id').replace('div_','')).attr('checked',true);
        });		
    }
    if($('div.no_paiement').length>0){
        $('div.no_paiement').click(function(){
            alert("Vous ne pouvez pas sélectionner ce mode de paiement pour votre commande, car votre commande n'excède pas 300€");	
        });
    }	

    if($('#zone_filleul').length>0){
        $("#showFilleul").click(function(){
            if($('#zone_filleul').css('display')=="block")
                $('#zone_filleul').hide();
            else	
                $('#zone_filleul').show();	
        });
    }
    if($('#showChild').length>0){
        $("#showChild").click(function(){
            if($('#zone_enfant').css('display')=="block")
                $('#zone_enfant').hide();
            else	
                $('#zone_enfant').show();	
        });
    }					
});


function init_event_variante(groupe){

    $("#"+groupe).parents('.cont_opt').find('li').removeClass('selected');
    $("#"+groupe).addClass('selected');
    //récupération de l'option sélectionner
    var option = groupe.split("-");		

    //on commence par réinitialiser tout les champs quantité et choix du groupe en cours	
    $(".choix_"+option[1]).attr("checked",false);
    $(".lot_qte_"+option[1]).val(0);

    //et on réaffecte a celle qui vient d'être sélectionner
    document.getElementById("choix["+option[1]+"]["+option[2]+"]").checked="checked";	
    document.getElementById("lot_qte["+option[1]+"]["+option[2]+"]").value=1;		
    ajax_fiche_article($('#articleEnCours').val());		
    //tooltip(groupe);

}

var tooltip = function(){
    //unbind
    $('.optionSel').unbind('mouseenter').unbind('mouseover').unbind('mousemove').unbind('mouseleave');
    //bind
    $('.optionSel').mouseenter(function(e) {
        var tip = $(this).attr('title');

        if(tip!="" && tip!==null){
            $(this).attr('title','');
        }

        $(this).parents('.cont_opt')
        .find('.tooltip')
        .html('<div class="tipHeader"></div><div class="tipBody">'+tip+'</div><div class="tipFooter"></div>')
        .show().css('opacity', '0.9');
    })
    .mousemove(function(e) {		
        $(this).parents('.cont_opt').find('.tooltip').css('top', e.pageY + 10 );
        $(this).parents('.cont_opt').find('.tooltip').css('left', e.pageX + 20 );

    }).mouseleave(function(e) {
        var title = $(this).parents('.cont_opt').find('.tipBody').html();

        if(title!="" && title!==null)
            $(this).attr('title', title);

        $('.tooltip').hide();
    });
};