$(document).ready(function(){
	var s=$(".carousel .page").size();
	var size=s*755;
	$(".carousel").css("width",size+"px");
    $("#next").click(function(){
		$(this).addClass('act');
        var dis=$('.display');
        var cur_val=$(".carousel .page").index(dis);
	    $(".catalog").removeClass("first");
	    var num=cur_val+1;
		$('#placeholder'+num).html('<center><img src="http://www.marlen-dress.ru/img/preloader.gif"/></center>');
		$('#placeholder'+num).load("http://www.marlen-dress.ru/DetailsModeExt.php?page="+num);
	    num=cur_val+2;
		var s=$(".carousel .page").size();
	    if(num==s) {$(".catalog").addClass("last")};           
            change_pic(num);
	    $(".popup").hide();
	    return false;
        });
        $("#prev").click(function(){
	    $(this).addClass('act');
            var dis=$('.display');
            var cur_val=$(".carousel .page").index(dis);
	    $(".catalog").removeClass("last");
            var num=cur_val;
	    if(num==1) {$(".catalog").addClass("first")}; 
            change_pic(num);
	    $(".popup").hide();
	    return false;
        });
	$(".medium").click(function(){
	    $(".popup").hide();
	    $(this).parent().children(".popup").show();
            
	    return false;
        });
	$(".next-photo").click(function(){
	    $(".popup").hide();
	    var item=$(this).parent().parent();
	    var cur=$("div.item").index(item);
	    cur=cur+1;
	    var t=$(".item").eq(cur).children(".popup").show();
	    return false;
        });
	$(".small").click(function(){
	    var a=$(this).parent().attr("href");
	    $(this).parent().parent().parent().parent().children(".big").attr("src",a);
	    return false;
        });
	/* 09.04.2011 */
	$(".close").click(function(){
		$(".popup").hide();	
	});
	/* 09.04.2011 */
});
function change_pic(arg) {
            $(".carousel .page").removeClass('display');
            $(".carousel .page:nth-child("+arg+")").addClass('display');
            arg=arg-1;
            var total=755*arg;
	    $(".carousel").animate({
                marginLeft: "-"+total+"px"
            }, 1000, function(){
		$('#prev').removeClass('act');
		$('#next').removeClass('act');
	    });
	    return false;
}