// JavaScript Document

$(document).ready(function(){

	if( $(".photos_carousel div").hasClass("lenta") && $(".photos_carousel div li").length > 3 ) {
		$(".photos_carousel .lenta").jCarouselLite({ visible: 4, start: 0, scroll: 2, speed: 350, btnNext: ".photos_carousel .next", btnPrev: ".photos_carousel .prev" });
		$(".photos_carousel .lenta").css("width", "496px");
	}

	$(".album .bookmark").click( function(){
		$(".album .bookmark").removeClass("act");
		$(this).addClass("act");
		id = $(this).attr('id');
		$(".album .pages_block").fadeOut(500, function() {$(this).css("display", "none") } );
		$(".album #"+id+"lock").fadeIn(500, function() {$(this).css("display", "block") } );
	} );	
	
	$(".show_link span.pseudo").click( function() { 
		id = $(this).attr('id');
		$("#_"+id).slideToggle();
		$(this).toggleClass("pact");
	} );

	$("#related_block .ic_close").click( function(){ 
		$(".related_links .show_block").removeClass("act");
		$("#related_block .rlenta").fadeOut();	
	 } );

	var current = next = auto_rotate = 0;
	$("#carousel .is_button.next").click( function(){
		auto_rotate = 1;
		current = ($('#carousel ul li.show') ?  $('#carousel ul li.show') : $('#carousel ul li:first'));
		next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#carousel ul li:first') : current.next()) : $('#carousel ul li:first'));	
		rotate(current, next, auto_rotate);
	} );
	$("#carousel .is_button.prev").click( function(){
		auto_rotate = 1;
		current = ($('#carousel ul li.show') ?  $('#carousel ul li.show') : $('#carousel ul li:first'));
		next = ((current.prev().length) ? ((current.prev().hasClass('show')) ? $('#carousel ul li:first') : current.prev()) : $('#carousel ul li:last'));	
		rotate(current, next, auto_rotate);
	} );
	theRotator();
});

function theRotator() {
	$('#carousel ul li').css({opacity: 0.0});
	$('#carousel ul li:first').css({opacity: 1.0});
	setInterval('rotate(0, 0, auto_rotate)',3000);
}
 
function rotate( current, next ) {	
	if( !auto_rotate ) {
		var current = ($('#carousel ul li.show') ?  $('#carousel ul li.show') : $('#carousel ul li:first'));
		var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#carousel ul li:first') :current.next()) : $('#carousel ul li:first'));	
	}
	next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
	current.animate({opacity: 0.0}, 1000).removeClass('show');
}