$(function() {

//popin ajax
	$(".popin_ajax[rel]").overlay({
		mask: 'black',
		top: '10px',
		onBeforeLoad: function() {
			var wrap = this.getOverlay().find(".contentWrap");
			wrap.load(this.getTrigger().attr("href"));
		}
	});
//popin simple
	$(".popin[rel]").overlay({
       mask: 'black',
       top: 'center'
    });


//galerie	
	$(".scrollable").scrollable().find("img").each(function(index){
		$(this).click(function(){
			var items = $(".scrollable").data("scrollable").getItems().size();
				//console.log(' item : '+ index +' sur '+ items);
				if (index+2 < items){
					$(".scrollable").data("scrollable").seekTo(index-1, 200);
				}
		});
	});	
	
	$(".items img").click(function(index) {
	


	// every time it is clicked it advances one step forward	
		if ($(this).hasClass("active")) { return; }
    	var url = $(this).attr("alt"); 
	    var wrap = $("#image_wrap").fadeTo("fast", 0.8); 
    	var img = new Image();
    	
    	var big = $(this).attr("alt").replace("g", "");
    	var imgZoom = new Image();
    	var wrapZoom = $("#zoomOverlay");
    	imgZoom.onload= function (){
    		wrapZoom.find("img").attr("src",big);
    	}
    	imgZoom.src=big;
    	
    	
		img.onload = function() { 
	        wrap.fadeTo(200, 1); 
    	    wrap.find("img").attr("src", url);
    	};
    	
    	img.src = url;
    	$(".items img").removeClass("active");
	}).filter(":first").click();
	
	
	
//datepick
	$.datepick.setDefaults({ buttonImageOnly: true, showStatus: true, showOn: 'both', buttonImage: 'media/img/calendar.png', minDate:0, maxDate: '+1Y', showMonthAfterYear: true});
	$(".popupDatepicker").datepick();


});