var dayArray=new Array("dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi")
var monthArray=new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre")
var milisegDay=parseInt(24*60*60*1000);
var iniYear=iniMonth=iniMonthNro=iniDay=iniDate=iniFullDate=0;
var objDate = new Date();
var xmlEvents=false;
$(document).ready(function(){
    //First day this month
    objDate = new Date(objDate.getFullYear(),objDate.getMonth(),'01');
    loadIniDate(objDate);

    $('#calendar-arrow-right').click(function(){ 
        objDate.setTime(parseInt(objDate.getTime()+(milisegDay*35)));
        objDate = new Date(objDate.getFullYear(),objDate.getMonth(),'01');
        loadIniDate(objDate);        
    });
    $('#calendar-arrow-left').click(function(){
        objDate.setTime(parseInt(objDate.getTime()-milisegDay));
        objDate = new Date(objDate.getFullYear(),objDate.getMonth(),'01');
        loadIniDate(objDate);
    });

    $('#calendar-menu div').click(function(){
        calendarSlide($(this));
    })

});

function calendarSlide(obj){
    $('.calendar-slide:visible').hide();
    $('#calendar-menu div').removeClass('selected'); 
    $('#'+obj.attr('id')+'-slide').fadeIn(1500); 
    obj.addClass('selected');
    if(obj.attr('id')!='calendar-link-2'){
        $('#calendar-slide-block').jScrollPane({scrollbarWidth:12});
    }
    else{
        $('#calendar-events-content').jScrollPane({scrollbarWidth:12});
    }
    
}

function loadIniDate(paramDate){
    iniYear=paramDate.getYear();
    if (iniYear < 1000) iniYear+=1900;

    iniMonthNro=paramDate.getMonth();
    iniMonth=paramDate.getMonth()+1;
    if (iniMonth<10) iniMonth="0"+iniMonth;

    iniDay=paramDate.getDay();
    
    iniDate=paramDate.getDate()
    if (iniDate<10) iniDate="0"+iniDate;

    iniFullDate=iniDate+'/'+iniMonth+'/'+iniYear;

        //load Events
    loadXMLEvents(iniMonth+'-'+iniYear);

    $('#calendar-thisMonth').html(monthArray[iniMonthNro]);

}
function loadXMLEvents(dateEvt){
    $('#calendar-events-content').html('');
    
    loadSchedule();

    //load Events
    loadXML('ressources/xml/calendar/'+dateEvt+'.xml', function(xml){
        xmlEvents=xml;
        
        //vacation
        $(xml).find('vacation').each(function(){
                var thisDate=$(this).find('date').text();
                var arrayThisDate=thisDate.split('/');
                //load Schedule
                var evtContent=$('#cal-month-'+parseInt(arrayThisDate[0])+' div');
                if(evtContent.length==1&&evtContent.hasClass('info-vacation')){
                    evtContent.addClass('info-vacation');
                }
                else{
                    $('#cal-month-'+parseInt(arrayThisDate[0])).html('<div class="info-vacation"></div>');
                }
                
        });

        //stages
        $(xml).find('stage').each(function(){
                var thisDate=$(this).find('date').text();
                var arrayThisDate=thisDate.split('/');
                //load Schedule
                var evtContent=$('#cal-month-'+parseInt(arrayThisDate[0])+' div');
                if(evtContent.length==1&&evtContent.hasClass('info-stage')){
                    evtContent.addClass('info-stages');
                }
                else{
                    $('#cal-month-'+parseInt(arrayThisDate[0])).html('<div class="info-stages"></div>');
                }
        });

        //events
         $(xml).find('reg').each(function(){
                var thisDate=$(this).find('date').text();
                var arrayThisDate=thisDate.split('/');
                //load Events
                var html='<div class="calendar-events-block" id="'+$(this).attr('id')+'">'+
                    '<div class="date">'+thisDate+'</div>'+
                    '<div class="title">'+$(this).find('title').text()+'</div>'+
                    '<div class="content">'+replaceXMLtoHTML($(this).find('desc').text())+'</div>'+
                '</div>';
                $('#calendar-events-content').append(html);

                //load Schedule
                var evtContent=$('#cal-month-'+parseInt(arrayThisDate[0])+' div');
                if(evtContent.length==0){
                    evtContent=$('#cal-month-'+parseInt(arrayThisDate[0]));
                }
                
                evtContent.html('<img src="/images/calendar-info-icon.png" id="'+thisDate+'" class="info-event"/>');
        });

        //iniTootip
        iniTooltip();
        //scroll Style
        if($('#calendar-slide:visible').length==1){
            $('#calendar-events-content').jScrollPane({scrollbarWidth:12});
        }
        
    });
}

function iniTooltip(){
    if($("#tooltip-block").length==0){
        $("body").append('<div id="tooltip-block">hhhh</div>');
    }
    
    var tootip=$("#tooltip-block");
    var objOver=$(".info-event");
    tootip.hide();
    objOver.mouseover(function (e) {
        tootip.fadeIn();
        tootip.css("left",e.clientX+document.body.scrollLeft+5);
        tootip.css("top",e.clientY+document.body.scrollTop-30);

        var nowDate=$(this).attr('id');
        var contentTooltip='';
        $(xmlEvents).find('reg').each(function(){
            if($(this).find('date').text()==nowDate){
                contentTooltip='<div class="title">'+$(this).find('title').text()+'</div>'+
                                '<div class="content">'+replaceXMLtoHTML($(this).find('desc').text())+'</div>';
            }
        });

        contentTooltip='<div id="tooltip-content"><div class="text">'+contentTooltip+'</div></div><div id="tooltip-foot"></div>';

        tootip.html(contentTooltip);
    }).mouseout(function (e) {
        tootip.fadeOut();
    });
    objOver.mousemove(function (e){
        tootip.css("left",e.clientX+document.body.scrollLeft+5);
        tootip.css("top",e.clientY+document.body.scrollTop-30);
    });
}

function loadSchedule(){
    $('#calendar-schedule-content').html('');
    ///Add Days
    var dateTmp = new Date(objDate.getFullYear(),objDate.getMonth(),'01');
    for(i=0;i<7;i++){
       $('#calendar-schedule-content').append('<div class="calendar-day-name">'+dayArray[dateTmp.getDay()]+'</div>');
       dateTmp.setTime(parseInt(dateTmp.getTime()+milisegDay));
    }
    
    dateTmp = null;
    dateTmp = new Date(objDate.getFullYear(),objDate.getMonth(),'01');
    var dateNxMonth= new Date(objDate.getFullYear(),objDate.getMonth(),'01');
    
    dateNxMonth.setTime(parseInt(dateNxMonth.getTime()+(milisegDay*35)));
    dateNxMonth = new Date(dateNxMonth.getFullYear(),dateNxMonth.getMonth(),'01');

    var content='';
    var today=new Date();
    today.setHours(0, 0, 0, 0);
    while(dateTmp.getTime()<dateNxMonth.getTime()){
        calendarDay=(today.getTime()==dateTmp.getTime()?'calendar-day-enabled':'calendar-day');
        content='<div id="cal-month-'+dateTmp.getDate()+'" class="'+calendarDay+'"></div>';
        $('#calendar-schedule-content').append(content);
        dateTmp.setTime(dateTmp.getTime()+milisegDay);
    }
   
    $('#calendar-schedule-content').append('<div class="clear"></div>');    
}