var ChaletActiv = 'no';
	var LastChaletActiv = 'no';
	var CurrentAnim = '';
jQuery(document).ready(function(){
	

	var slidewidth = jQuery(document).width();
	var slideheight = jQuery(document).height()*0.9;
	var sliderwidth = slidewidth*0.8
	

	jQuery(".chalet").click(function(){
	    var thisID = jQuery(this).attr('id');

	    if(ChaletActiv == 'no')
	    {
	        $(thisID+'-more').show();
		    $(thisID+'-more').morph({
		        'marginTop':[300,0],
		        'height': [0,265]
		    });
		    $(thisID+'-link').show();
		    ChaletActiv = thisID;
		}
		else{
		    if(thisID == ChaletActiv)
		    {
		        (function(){jQuery('#'+thisID+'-more').hide();}).delay(500);
		        $(thisID+'-more').morph({
		            'marginTop':[0,300],
		            'height': [265,0]
		        });
		        jQuery('#calendar').html('<div style="margin-top: 50px; font-size: 20px; text-align: center;">Cliquez sur le nom d\'un appartement <br />pour connaître son descriptif et ses disponibilités</div>');
		        jQuery('#'+thisID+'-link').hide();
		        ChaletActiv = 'no';
		    }else{
		        $(ChaletActiv+'-more').morph({
		            'marginTop':[0,300],
		            'height': [265,0]
		        });
		        LastChaletActiv = ChaletActiv;
		        CurrentAnim = thisID;
		        (function(){
		            $(LastChaletActiv+'-more').hide();
		            $(CurrentAnim+'-more').show();
		            $(CurrentAnim+'-more').morph({
		                'marginTop':[300,0],
		                'height': [0,265]
		            });
		            jQuery('#'+CurrentAnim+'-link').show();
		        }).delay(500);
		        jQuery('#'+ChaletActiv+'-link').hide();
		        
	            
		        ChaletActiv = thisID;
		    }
		}
	});
	
	jQuery('#comment-form').toggle('fast');
	
	jQuery('#show-form').click(function(){
		jQuery('#comment-form').toggle('slow');
		return false;
	});
});


var getToDisplayDay = function(focusMonth,focusYear){
    var date = new Date(focusYear,focusMonth-1,1);
    if(date.getDay()!=0)
    {
        date.setDate(date.getDate()-(date.getDay()-1));
    }
    else
    {
        date.setDate(date.getDate()-6);
    }
    var toDisplay = [];
    var cm = false;
    for(var i =0;i<42;i++)
    {
        if(date.getDate()==1)
        {
            cm = (cm)?false:true;
        }
        toDisplay.push({'cm':cm,'day':date.getDate()});
        date.setDate(date.getDate()+1);
    }
    return toDisplay;
}

var displayMonth = function(focusMonth,focusYear,myjson){
    var days = getToDisplayDay(focusMonth,focusYear);
    var months = ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'];
    var text ='<div style="float:left;width:126px;text-align:center;"><div style="font-size: 13px;">'+months[focusMonth-1]+'</div><span class="days">Lu</span><span class="days">Ma</span><span class="days">Me</span><span class="days">Je</span><span class="days">Ve</span><span class="days">Sa</span><span class="days">Di</span><br>';
    var j = -1;
        for(i=0;i<days.length;i++)
        {
            j++;
            if(j>5)
            {
                text += '<br>';
                j=0;
            }
            
            if(days[i].cm)
            {
            
                if(myjson[focusYear] != undefined)
                {
                    if(myjson[focusYear][focusMonth] != undefined)
                    {
                        if(myjson[focusYear][focusMonth][days[i].day]==1)
                        {
                            text+='<span class="daysOff">'+days[i].day+'</span>';
                        }
                        else
                        {
                            text+='<span class="daysOn">'+days[i].day+'</span>';
                        }
                    }
                    else
                    {
                        text+='<span class="daysOn">'+days[i].day+'</span>';
                    }
                }
                else
                {
                    text+='<span class="daysOn">'+days[i].day+'</span>';
                }
            }else{
                text+='<span class="daysOM"> </span>';
            }
        }
    text += '</div>';
    return text;

}
var displayCalendar = function(myjson){
    var mydate = new Date(); 
	var focusYear = mydate.getFullYear();
	var focusMonth = mydate.getMonth()+1;
	var text = '<div id="MovingCal" style="width:5000px">';
	var b = 0;
	for(var i=0; i<12;i++)
	{
	    if(i===6)
	    {
	        text += '<div style="float: left;  width: 14px; height: 100px;margin-top:10px; background-image: url(/tl_files/FrogSoft/images/Next.png);" onclick="moveCalendar(true)"> </div><div style="float: left; width: 14px; height: 100px; margin-top:10px; background-image: url(/tl_files/FrogSoft/images/Prev.png);" onclick="moveCalendar(false)"> </div>';    
	    }
	    text += displayMonth(focusMonth,focusYear,myjson);
	    if(focusMonth >11)
	    {
	        focusMonth=1;
	        focusYear++;
	    }
	    else
	    {
	        focusMonth++;
	    }
	}
	jQuery('#calendar').empty();
	jQuery('#calendar').html(text+'</div>');
}

var moveCalendar = function(dir)
{
    if(dir)
    {
        $('MovingCal').tween('margin-left','-770px');
    }
    else
    {
        $('MovingCal').tween('margin-left','0px');
    }
}