$(function() {

    var totalPanels		= $(".scrollContainer").children().size();

    var regWidth		= $(".panel").css("width");
    var regImgWidth		= $(".panel img").css("width");
    
    var movingDistance		= 133;
    
    var curWidth		= 170;
    var curImgWidth		= 160;

    var $panels			= $('#slider .scrollContainer > div');
    var $container		= $('#slider .scrollContainer');

    $panels.css({'float' : 'left','position' : 'relative'});

    $("#slider").data("currentlyMoving", false);

    $container
	.css('width', ($panels[0].offsetWidth * $panels.length) + 50 )
        .css('left', "-105px");

    var scroll = $('#slider .scroll').css('overflow', 'hidden');

    function returnToNormal(element) {
	$(element)
	    .animate({ width: regWidth })
	    .find("img")
	    .animate({ width: regImgWidth })
    };
    
    function growBigger(element) {
	$(element)
	    .animate({ width: curWidth })
	    .find("img")
	    .animate({ width: curImgWidth })
    }
    
    //direction true = right, false = left
    function change(direction) {
       
	//if not at the first or last panel
	if((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) { return false; }
        //if not currently moving
	if (($("#slider").data("currentlyMoving") == false)) {
	    $("#slider").data("currentlyMoving", true);
		    
	    var next         	= direction ? curPanel + 1 : curPanel - 1;
	    var leftValue    	= $(".scrollContainer").css("left");
	    var movement	= direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
    
	    $(".scrollContainer")
		.stop()
	        .animate({
    		    "left": movement
		}, function() {
	    	    $("#slider").data("currentlyMoving", false);
		});
	    
	    returnToNormal("#panel_"+curPanel);
	    growBigger("#panel_"+next);
	    
	    curPanel = next;
		    
	    //remove all previous bound functions
	    $("#panel_"+(curPanel+1)).unbind();	
	    
	    //go forward
	    $("#panel_"+(curPanel+1)).click(function(){ change(true); });
		    
	    //remove all previous bound functions															
	    $("#panel_"+(curPanel-1)).unbind();
	    
	    //go back
	    $("#panel_"+(curPanel-1)).click(function(){ change(false); }); 
	    
	    //remove all previous bound functions
	    $("#panel_"+curPanel).unbind();
	}
    }
    
    // Set up "Current" panel and next and prev
    growBigger("#panel_2");	
    var curPanel = 2;
    
    $("#panel_"+(curPanel+1)).click(function(){ change(true); });
    $("#panel_"+(curPanel-1)).click(function(){ change(false); });
    
    //when the left/right arrows are clicked
    $(".right").click(function(){ change(true); });	
    $(".left").click(function(){ change(false); });
	
	$("#send_order").click(function(){
	    $.post("target.php", {
			name: $('#name').val(),
			phone: $('#phone').val(),
			email: $('#email').val(),
			url: $('#url').val(),
			note: $('#note').val()
	    }, function(txt){
			$("div.zakaz").find("form");
        $("#srch_promo")[0].disabled = true;
        $("#site_creation")[0].disabled = true;
        $("#name")[0].disabled = true;
        $("#phone")[0].disabled = true;
        $("#email")[0].disabled = true;
        $("#url")[0].disabled = true;
        $("#note")[0].disabled = true;
        $("#send_order").remove();
        $("div.zakaz").find("form").append('<p style="color: #063;">Ваши данные отправлены и будут обработаны в течении одного рабочего дня</p>');
	    });
	});	
});