/***************************** ANIM TOP ************************************************************************/
/***************************************************************************************************************/

var curr = 0;
var pos = 0;
var posVisuel = 0;
var way;
var timer;
var timerVisuel;
var timerShowVisuel;
var nbVisuel;
var isFlashVersion = "False";

var paramInit = new Array();

function showVisuel()
{
    document.getElementById("Cont_visuel").style.display = "";
    document.getElementById("Cont_homme").style.display = "none";
    document.getElementById("Cont_femme").style.display = "none";
    document.getElementById("Cont_enfant").style.display = "none";
    document.getElementById("Cont_bebe").style.display = "none";
    document.getElementById("Cont_accessoire").style.display = "none";

    $('#S_'+curr).animate({left: '+=-262'}, 700);
    curr = 0;
    
    timerVisuel = setInterval("defilVisuel()",6000);
}


var sens = "right";
function defilVisuel()
{
    if(sens == "right"){
        if(posVisuel == nbVisuel-1){
            posVisuel--;
            sens = "left";
        }
        else
            posVisuel++;
    }
    else{
        if(posVisuel == 0){
            posVisuel++;
            sens = "right";
        }
        else
            posVisuel--;
    }
    
    var newMargin = -(posVisuel*679);
        
    $('#DefilVisuels').animate({marginLeft: newMargin}, 800);
}





function ShowGrd(id, il, cat)
{
    $(".blocGrd").css("display","none");
    document.getElementById("Grd"+id).style.display = "inline";
    
    switch(il)
    {
        case "1" : document.getElementById("FlecheBleue"+cat).style.marginTop = "20px";break;
        case "2" : document.getElementById("FlecheBleue"+cat).style.marginTop = "70px";break;
        case "3" : document.getElementById("FlecheBleue"+cat).style.marginTop = "110px";break;
        case "4" : document.getElementById("FlecheBleue"+cat).style.marginTop = "160px";break;
        case "5" : document.getElementById("FlecheBleue"+cat).style.marginTop = "210px";break;
        case "6" : document.getElementById("FlecheBleue"+cat).style.marginTop = "260px";break;
        case "7" : document.getElementById("FlecheBleue"+cat).style.marginTop = "300px";break;
    }
}


function showBloc(val)
{
    pos = 0;
    
    document.getElementById("Cont_visuel").style.display = "none";
    document.getElementById("Cont_homme").style.display = "none";
    document.getElementById("Cont_femme").style.display = "none";
    document.getElementById("Cont_enfant").style.display = "none";
    document.getElementById("Cont_bebe").style.display = "none";
    document.getElementById("Cont_accessoire").style.display = "none";
    
    
    if(timerVisuel != null)
        clearInterval(timerVisuel);
        
    
    if(isFlashVersion == "False"){
        $(".blocGrd").css("display","none");
    
        switch(val){
            case "homme" : document.getElementById("Grd"+paramInit["H"]).style.display = "";break;
            case "femme" : document.getElementById("Grd"+paramInit["F"]).style.display = "";break;
            case "enfant" : document.getElementById("Grd"+paramInit["E"]).style.display = "";break;
            case "accessoire" : document.getElementById("Grd"+paramInit["A"]).style.display = "";break;
            case "bebe" : document.getElementById("Grd"+paramInit["B"]).style.display = "";break;
        }
    }
    
    document.getElementById("Cont_"+val).style.display = "";
    
    if(timerShowVisuel != null)
        clearTimeout(timerShowVisuel);
        
    timerShowVisuel = setTimeout("showVisuel()",60000);
}

function showCategory(val)
{
    if(curr != val)
    {
        if(curr != 0)
            $('#S_'+curr).animate({left: '+=-262'}, 300, function() {/*anim complete*/});
        
        $('#S_'+val).animate({left: '+=262'}, 300, function() {/*anim complete*/});
        curr = val;
        
        showBloc(val);
    }
}


var pos = 0;


function defilNews()
{
    setInterval("MoveNews()", 6000);
}

function MoveNews()
{
    if(pos == 3)
        pos = 0;
    else
        pos++;
    
    var newPos = pos*(-550);

    $('#MD').animate({marginLeft: newPos}, 300, "easeOutCubic");
}





function entrer(val)
{
    var saisie = document.getElementById("FieldRecherche").value;
    
    if(val.keyCode == 13)
    {
        document.location.href= "/catalogue/listing.aspx?rech=" + saisie;
    }
        
}




/****************************************************************************************************/
/****************************************************************************************************/




































/***************************************************** ANIM BOTTOM ***************************************************/
/*********************************************************************************************************************/

var i = 1;
var val;
var currentPos = 0;

function animSelection() {

    var nbItem = $("#ContentSelection div.item").size();

    if (nbItem >= 5) {
        var nbPage = Math.ceil(nbItem / 4);

        var newPos = currentPos;
        if(currentPos == nbPage-1)
            newPos = 0;
        else
            newPos++;

        $("#ContentSelection").animate({
            opacity: "0"
        }, 1000, function () {
            $("#ContentSelection").css("margin-top", -230 * newPos);
            $("#ContentSelection").animate({
                opacity: "1"
            }, 1000, function () {
                setTimeout("animSelection()",4000);
            });
        });

        currentPos = newPos;

    }
    
}