//<![CDATA[

function adjustLayout() {
    var topSectionHeight = xHeight("topSection");
    var salleClasseAidePlanificationContainerHeight = xHeight("salleClasseAidePlanificationContainer");
    var maxHeight = Math.max(topSectionHeight, salleClasseAidePlanificationContainerHeight);

    xHeight("topSection", maxHeight);
    xHeight("salleClasseAidePlanificationContainer", maxHeight);
}

$(document).ready(function() {
    var timeOut = 6000;
    var thumbStyleOn = '1px solid white';
    var thumbStyleOff = '1px solid black';
    var thumbStyleTarget = '#videosImagettes ul li img';
    var liOver = $(thumbStyleTarget);
    var thumbStyleAttribute = 'border';
    var element = $('#slider');
    var timeOut = (timeOut != undefined) ? timeOut : 4000;
    var current = null;
    var faderStat = true;
    var items = $("#" + element[0].id + " " + 'ul li');

    var timeOutFn1 = null;


    // slider items hardcoded for now
    var allBPN = new Array("921112", "744701", "853905", "871003", "GP005878");
    var allTitles = new Array("Carmen &agrave; la campagne", "Le bus magique", "&Eacute;chos", "YPQ", "Il y a longtemps que je t&rsquo;aime");
    var allSites = new Array("/Education/serie/9211", "/Education/serie/7447", "/Education/serie/8539", "/Education/serie/8710", "/Education/serie/GP005878"); //hardcoded for now
    var allExtraits = new Array("S0011193_003_512k_dOn2.flv", "S0010921_002_512k_dOn2.flv", "S0012500_002_512k_dOn2.flv", "S0011376_001_512k_dOn2.flv", "S0010117_002_512k_dOn2.flv"); //hardcoded for now
    var currentIndex = 0;

    //  video image hover start
    $('#boutonPlay div img').hover(
    function() { $('#boutonPlay div + div').show(); },
    function() { $('#boutonPlay div + div').hide(); }
    );

    $('#sliderLinkContainer > div:first-child > div:first-child > a').click(function(e) {
        var popupContentString = "<div id='videoPlayerPopupTarget'></div>  <script type='text/javascript' src='/education/Scripts/video" + allBPN[currentIndex] + ".js'><\/script>";
        loadPopupVideoExtrait(allTitles[currentIndex], popupContentString, 322);
    });

    $('#slider').hover(
    function() {
        clearTimeout(timeOutFn1);
        $('#sliderLinkContainer > div:first-child + div').show();
        var ht = $('#slider ul li').height() - $('#slider ul li:visible').find('div').height();
        $("#sliderLinkContainer").css({ "background-color": "#000000", "opacity": "0.8", "height": ht });
        $('#sliderLinkContainer > div:first-child + div > div:first-child + div  > a').attr("href", allSites[currentIndex]);
        });

    $('#slider').hover(
    function() { },
    function() {
        $('#sliderLinkContainer > div:first-child + div').hide();
        $('#sliderLinkContainer').css({ "border": "none" });
        $('#slider ul li div').css({ "border": "none" });
        $("#sliderLinkContainer").css({ "background-color": "", "opacity": "" });
    }
    );
    //  video image hover end

    // sitesImage rollover start
    $('#sitesImage ul li').hide().filter(':first').show();
    $('#sitesImagettes ul a').hover
    (
    function(event) {
        $('#sitesImagettes ul li img').css(thumbStyleAttribute, thumbStyleOff);
        var currentThumb = $("#sitesImagettes ul a").index(this);
        var currentImage = $('#sitesImage ul').find('li').slice(currentThumb, currentThumb + 1).attr('id');
        $('#sitesImage ul li').hide().filter(function(index) { return index == currentThumb; }).show();
        $(this).find('img').css(thumbStyleAttribute, thumbStyleOn);
        },
        function() {
            $(this).find('img').css(thumbStyleAttribute, thumbStyleOff);
        });
    // sitesImage rollover end

    // Slider rollover start
    $('#slider ul li').hide().filter(':first').show();
    
    $('#videosImagettes ul a').hover
    (
    function() {
        clearTimeout(timeOutFn1);
        $(liOver).css(thumbStyleAttribute, thumbStyleOff);
        var currentThumb = $("#videosImagettes ul a").index(this);
        var currentImage = $('#slider ul').find('li').slice(currentThumb, currentThumb + 1).attr('id');
        $('#slider ul li').hide().filter(function(index) { return index == currentThumb; }).show();
        $(this).find('img').css(thumbStyleAttribute, thumbStyleOn);
        currentIndex = $('#videosImagettes ul a').index(this);
        },
        function() {
            $(this).find('img').css(thumbStyleAttribute, thumbStyleOff);
        });
    // Slider rollover end

    //  fader start
    var fadeElement = function(isMouseOut, fn) {
        var thisTimeOut = (isMouseOut) ? (timeOut / 2) : timeOut;

        if (fn == 1) {
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
            if (items.length > 0) {
                timeOutFn1 = setTimeout(makeSlider, thisTimeOut);
            }
        }
        if (fn == 2) {
            thisTimeOut = (faderStat2) ? 10 : thisTimeOut;
            if (items2.length > 0) {
                timeOutFn2 = setTimeout(makeSlider2, thisTimeOut);
            }
        }
    }
    //  fader end

    //  make slider start
    var makeSlider = function() {
        current = (current != null) ? current : items[0];
        var currNo = jQuery.inArray(current, items) + 1;
        currNo = (currNo == items.length + 1) ? 0 : (currNo - 1);
        currentIndex = currNo;
        if (faderStat == true) {
            $(items[currNo]).fadeIn((timeOut / 6), function() {
                var liOver = $(thumbStyleTarget);

                $(liOver).css(thumbStyleAttribute, thumbStyleOff);
                $(liOver[currNo]).css(thumbStyleAttribute, thumbStyleOn);

                faderStat = false;
                current = items[currNo];
                fadeElement(false, 1);
            });
        }
        else {
            $(items[currNo]).fadeOut((timeOut / 6), function() {
                faderStat = true;
                current = items[(currNo + 1)];
                fadeElement(false, 1);
            });
        }
    }
    
    makeSlider();
    //  make slider end

});

//]]>