var imagesArray='1,2,3,4,5,6,7,8,9,10';
var imagesL=imagesArray.split(',');
function loadXML(file,customFunction){
    $.ajax({
        type: "POST",
        url: file,
        dataType: "xml",
        success: customFunction
    });
}

function replaceXMLtoHTML(xmlStr){
    xmlStr=xmlStr.replace(/\{(\/?\w*)\}/gi, '<$1>');
		
    return xmlStr;
}
function iniChangeBackgroud(){
    imagesL=shuffleArray(imagesL);
    $('#backgroung-ini .image_center').attr('src','ressources/backgrounds/'+imagesL.pop()+'.jpg');
    $('#backgroung-end .image_center').attr('src','ressources/backgrounds/'+imagesL.pop()+'.jpg');
}
function changeBackgroud(){
    $('.noChangeBackgroud').removeClass('noChangeBackgroud');
    $('#backgroung-end').show();
    $('#backgroung-ini').stop().animate(
        {marginLeft: "-50%"},
        {duration:2000}
    );

    setTimeout('returnPos();',2100);
    
}
function returnPos(){
    if(imagesL.length==0){
        imagesL=imagesArray.split(',');
    }
    //alert(imagesL.length+'--'+imagesArray.length);
    imagesL=shuffleArray(imagesL);
    
    $('#backgroung-ini .image_center').attr('src',$('#backgroung-end .image_center').attr('src'))
    $('#backgroung-ini').css('margin-left','0px');
    $('#backgroung-end .image_center').attr('src','ressources/backgrounds/'+imagesL.pop()+'.jpg');
    $('#backgroung-end').hide();
}


function getUrlVars(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

    for(var i = 0; i < hashes.length; i++){
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }

    return vars;
}

function loadChangeBackgroud(){
    $('.changeBackgroud,.noChangeBackgroud').click(function(){
        if(!$(this).hasClass('noChangeBackgroud')){
            changeBackgroud();
            $(this).addClass('noChangeBackgroud');
        }        
    });
}

function loadMenu(){
    loadChangeBackgroud();
    //#menu-lecemc
    $.get('display/menu-lecemc.html', function(data){
        $('#menu-lecemc').menu({
            content: data,
            flyOut: true,
            width: 198,
            callerOnState: 'menu-enabled'
        });       
    });
    //#menu-lecours
    $.get('display/menu-lescours.html', function(data){ // grab content from another page
        $('#menu-lescours').menu({
            content: data,
            flyOut: true,
            width: 198,
            callerOnState: 'menu-enabled'
        });
       
    });
    //#menu-videos
    $.get('display/menu-videos.html', function(data){ // grab content from another page
        $('#menu-videos').menu({
            content: data,
            flyOut: true,
            width: 198,
            callerOnState: 'menu-enabled'
        });
       
    });
    //#menu-agenda
    $.get('display/menu-agenda.html', function(data){ // grab content from another page
        $('#menu-agenda').menu({
            content: data,
            flyOut: true,
            width: 198,
            callerOnState: 'menu-enabled'
        });
       
    });

}

function showSlideContent(id){
    $('.slide-content-web:visible').fadeOut('500', function(){
        var link=id.split('-');
        $('#'+link[0]+'-slide').fadeIn('1500');

        if(link[0]=='lecemc'){
            lecemcSlide($('#lecemc-menu #'+id.replace(/^lecemc-/,'')));
        }
        else if(link[0]=='lescours'){
            lescoursSlide($('#lescours-content #'+id.replace(/^lescours-/,'')));
        }
        else if(link[0]=='phvd'){
            phvdSlide($('#'+id));
        }
        else if(link[0]=='calendar'){
            calendarSlide($('#'+id));
        }
    });
    


}


function shuffleArray(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};

function activateMenu(){
    $('.link-menu-block').click(function(){
        
        var itemCase=parseInt($(this).attr('rel'));
        changeBackgroud(); 
        $('.slide-content-web:visible').fadeOut('500', function(){
            switch(itemCase){
                case 0:if($('#home-slide:visible').length==0){
                                $('#home-slide').fadeIn(1500);
                            }
                            break;
                case 1:if($('#lecemc-slide:visible').length==0){
                                $('#lecemc-slide').fadeIn(1500);
                                $('.lecemc-slide:first').show();
                                $('#lecemc-menu div').removeClass('selected');
                                $('#lecemc-menu div:first').addClass('selected');
                            }
                            break;
                case 2:if($('#lescours-slide:visible').length==0){
                                $('#lescours-slide').fadeIn(1500);
                                $('.lescours-slide:first').show();

                                $('#lescours-menu div').removeClass('selected');
                                $('#lescours-menu div:first').addClass('selected');

                                $('.lescours-menuTop-block:first').show();
                                $('.lescours-menuTop-block div').removeClass('selected');
                                $('.lescours-menuTop-block div:first').addClass('selected');
                            }
                            break;
                case 3:if($('#phvd-slide:visible').length==0){
                                $('#phvd-slide').fadeIn(1500);
                                phvdSlide($('#phvd-menu div:first'));
                            }
                            break;
                case 4:if($('#calendar-slide:visible').length==0){
                                $('#calendar-slide').fadeIn(1500);
                                calendarSlide($('#calendar-menu div:first'));
                            }
                            break;
            }
        });
    });
}

function preloadImages(){
  for(var i = 0; i<imagesL.length; i++){
    $("<img>").attr("src", arguments[i]+'.jpg');
  }
}

function resizeImageBackground(){
    // resize de las imágenes de fondo para encajar en pantalla
	
    // ratio proporcional de la ventana del navegador
    var navWidth = $(window).width();
    var navHeight = $(window).height();
    var navRatio = navWidth / navHeight;

    // ratio proporcional de la imagen
    if ($('.main_image').width() > 1) picWidth = $('.main_image').width();
    if ($('.main_image').height() > 1) picHeight = $('.main_image').height();
    picRatio = picWidth / picHeight;

    // escala resultante
    if (navRatio > picRatio) {
            // escalamos la imagen para ajustarse al ancho del navegador
            var newHeight = (navWidth / picWidth) * picHeight;
            var newWidth = navWidth;
    } else {
            // escalamos la imagen para ajustarse a la altura del navegador
            var newHeight = navHeight;
            var newWidth = (navHeight / picHeight) * picWidth;
    }

    // centramos la imagen
    newTop = 0 - ((newHeight - navHeight) / 2);
    newLeft =  0 - ((newWidth - navWidth) / 2);

    // colocamos todas
    $('.image_holder').css({height: navHeight, width: navWidth});
    $('.image_holder').css({visibility:"visible", display:"block"});

    $('.image_holder img').css({height: newHeight, width: newWidth});

    // centro y aledañas...
    $('.image_center').css({top: newTop, left: newLeft});
    $('.image_left').css({top: newTop, left: newLeft-newWidth});
    $('.image_right').css({top: newTop, left: newLeft+newWidth});
    $('.image_up').css({top: newTop-newHeight, left: newLeft});
    $('.image_down').css({top: newTop+newHeight, left: newLeft});
}

function showMessage(responseText, statusText, xhr, $form)  {
    $("#formResponse").dialog("destroy");
    $('#formResponse').html(responseText);
    $('#formResponse').dialog({ modal: true,resizable: false });
}
function submitForm(obj){
    $(obj).ajaxSubmit({success:   showMessage});
    return false;
}