$(document).ready(function() {

	$('div.fragment').each($.blocpagination);
	$('a#menu_8').addClass('soirees_select');
$('div#contenu_photo').prepend('<div class="loader"></div>');
	$(window).load(function(){
	$("#photos img:eq(4)").show(function(){
		var id = $(this).attr('id');
		$('img.photo_'+id).addClass('active');
		var txt = $(this).attr('caption');
		var img = $(this).attr('src');
		$('div#contenu_photo').empty().append('<img src="'+img+'">').fadeIn();
		var taille = $('div#contenu_photo img').width();
		var hauteur= $('div#contenu_photo img').height();
		$('div#contenu_photo').width(taille+24).append('<div class="contenu_photo_txt" style="width: '+taille+'px;display: none;"><div class="txt">'+txt+'</div></div><a class="open"></a>').show(function(){
			$('div.contenu_photo_txt').animate({opacity: 0.9}).slideDown();
			$('a.open').hide();
			$('a.close').click(function(){
				$('div.contenu_photo_txt').slideUp();
				$(this).fadeOut(200);
				$('a.open').fadeIn(200);
			});	
			$('a.open').click(function(){
				$('div.contenu_photo_txt').slideDown();
				$(this).fadeOut(200);
				$('a.close').animate({opacity: 0.9}, 200).fadeIn(200);
			});	
		});
	});	});
	$("#chained").scrollable({hoverClass: 'hover'}).circular().navigator().mousewheel().autoscroll({
		steps: 4,
		interval: 9000		
	});	
	
var total = $('div.navi a').size();
			$('div.navi').width(14 * total);	


	$("#photos img").click(function(){
		var id = $(this).attr('id');
	$('img.photo_'+id).addClass('active');
		var txt = $(this).attr('caption');
		var img = $(this).attr('src');
		$('div#contenu_photo').empty().append('<img src="'+img+'">').fadeIn();
		var taille = $('div#contenu_photo img').width();
		var hauteur= $('div#contenu_photo img').height();
		$('div#contenu_photo').width(taille+24).append('<div class="contenu_photo_txt" style="width: '+taille+'px;display: none;"><div class="txt">'+txt+'</div></div><a class="open"></a>').show(function(){
			$('div.contenu_photo_txt').animate({opacity: 0.9}).slideDown();
			$('a.open').hide();
			$('a.close').click(function(){
				$('div.contenu_photo_txt').slideUp();
				$(this).fadeOut(200);
				$('a.open').fadeIn(200);
			});	
			$('a.open').click(function(){
				$('div.contenu_photo_txt').slideDown();
				$(this).fadeOut(200);
				$('a.close').animate({opacity: 0.9}, 200).fadeIn(200);
			});	

		});
	});

	
		$(".pagination a.lien_pagination").append('<img class="shadow" src="http://www.southindiescrew.com/squelettes/2010/images/icons-shadow.png" width="81" height="27" alt="" />');
		$("span.on").append('<img class="shadow" src="http://www.southindiescrew.com/squelettes/2010/images/icons-shadow.png" width="81" height="27" alt="" />');
	
		// Animate buttons, shrink and fade shadow

		$(".pagination a.lien_pagination span").hover(function() {
			var ey = this;
		    $(ey).stop().animate({ marginTop: "-14px" }, 250, function() {
		    	$(ey).animate({ marginTop: "-10px" }, 250);
		    });
		    $(ey).parent('a').find("img.shadow").stop().animate({ width: "65", height: "20px", marginLeft: "8px" }, 250);
		},function(){
			var ey = this;
		    $(ey).stop().animate({ marginTop: "4px" }, 250, function() {
		    	$(ey).animate({ marginTop: "0px" }, 250);
		    });
		    $(ey).parent('a').find("img.shadow").stop().animate({ width: "81", height: "27px", marginLeft: "0"}, 250);
		});

	});
$.addFade = function() {
	$("#photos img:first").load(function(){
		var id = $(this).attr('id');
		$('img.photo_'+id).addClass('active');
		var txt = $(this).attr('caption');
		var img = $(this).attr('src');
		$('div#contenu_photo').empty().append('<img src="'+img+'">').fadeIn();
		var taille = $('div#contenu_photo img').width();
		var hauteur= $('div#contenu_photo img').height();
		$('div#contenu_photo').width(taille+24).append('<div class="contenu_photo_txt" style="width: '+taille+'px;display: none;"><div class="txt">'+txt+'</div></div><a class="open"></a>').show(function(){
			$('div.contenu_photo_txt').animate({opacity: 0.9}).slideDown();
			$('a.open').hide();
			$('a.close').click(function(){
				$('div.contenu_photo_txt').slideUp();
				$(this).fadeOut(200);
				$('a.open').fadeIn(200);
			});	
			$('a.open').click(function(){
				$('div.contenu_photo_txt').slideDown();
				$(this).fadeOut(200);
				$('a.close').animate({opacity: 0.9}, 200).fadeIn(200);
			});	
		});
	});	
	$("#chained").scrollable({hoverClass: 'hover'}).circular().navigator().mousewheel().autoscroll({
		steps: 4,
		interval: 9000		
	});	
	
	var total = $('div.navi a').size();
			$('div.navi').width(14 * total);
	$("#photos img").click(function(){
		var id = $(this).attr('id');
	$('img.photo_'+id).addClass('active');
		var txt = $(this).attr('caption');
		var img = $(this).attr('src');
		$('div#contenu_photo').empty().append('<img src="'+img+'">').fadeIn();
		var taille = $('div#contenu_photo img').width();
		var hauteur= $('div#contenu_photo img').height();
		$('div#contenu_photo').width(taille+24).append('<div class="contenu_photo_txt" style="width: '+taille+'px;display: none;"><div class="txt">'+txt+'</div></div><a class="open"></a>').show(function(){
			$('div.contenu_photo_txt').animate({opacity: 0.9}).slideDown();
			$('a.open').hide();
			$('a.close').click(function(){
				$('div.contenu_photo_txt').slideUp();
				$(this).fadeOut(200);
				$('a.open').fadeIn(200);
			});	
			$('a.open').click(function(){
				$('div.contenu_photo_txt').slideDown();
				$(this).fadeOut(200);
				$('a.close').animate({opacity: 0.9}, 200).fadeIn(200);
			});	

		});
	});
	$(".pagination a.lien_pagination").append('<img class="shadow" src="http://www.southindiescrew.com/squelettes/2010/images/icons-shadow.png" width="81" height="27" alt="" />');
	$("span.on").append('<img class="shadow" src="http://www.southindiescrew.com/squelettes/2010/images/icons-shadow.png" width="81" height="27" alt="" />');
	$(".pagination a.lien_pagination span").hover(function() {
		var ey = this;
	    $(ey).stop().animate({ marginTop: "-14px" }, 250, function() {
	    	$(ey).animate({ marginTop: "-10px" }, 250);
	    });
	    $(ey).parent('a').find("img.shadow").stop().animate({ width: "65", height: "20px", marginLeft: "8px" }, 250);
	},function(){
		var ey = this;
	    $(ey).stop().animate({ marginTop: "4px" }, 250, function() {
	    	$(ey).animate({ marginTop: "0px" }, 250);
	    });
	    $(ey).parent('a').find("img.shadow").stop().animate({ width: "81", height: "27px", marginLeft: "0"}, 250);
	});
}

$.blocpagination = function() {
		var blocfrag = this;
		$('.pagination',this).each(function(){
			var divpagi=this;
			$('a.lien_pagination',this).each(function(){
				var url = this.href.split('#');
				url[0] += (url[0].indexOf("?")>0 ? '&':'?')+'var_fragment='+blocfrag.id;
				$(this).click(function(){
					var placeholder=$('.searching_placeholder',blocfrag);
					if (placeholder.length) placeholder.prepend('');
					else $('div#contenu_photo').empty().append('<div class="loader"></div>');
					$(blocfrag).load(url[0],null,function(){
						$.addFade.apply(blocfrag);
						window.location.hash = url[1];
						$.blocpagination.apply(blocfrag);
					});
					
					return false;
				});
			});
		});
};