// Прокрутка закладок
var currentSlide = 1;

function callbackSlideCur() {
	slideCur.attr({style: "display: none"})
}

function callbackSlideNext() {
	slideNext.attr({style: "position: relative"});
	slider.height("auto");
}

function slideCat(id) {
	if (currentSlide != id) {

		slider = $('#sss');
		slider.height(""); //сброс высоты контейнера
		widSlider = slider.width(); //ширина контейнера

		slideNext = $('#slide' + id);
		slideNextHeight = slideNext.height();

		slideCur = $('#slide' + currentSlide);
		slideCurHeight = slideCur.height();



		if (slideNextHeight > slideCurHeight) slider.height(slideNextHeight);

	    $(".tabs a").toggleClass("actv");


		slideCur.css({
			left: 0,
			opacity: 0.5
		})

		if (id > currentSlide) {
			slideNext.css({
				display: "block",
				position: "absolute",
				left: widSlider + "px",
				top: 0,
				width: widSlider + "px"
			});

			slideCur.animate({"left": "-=" + widSlider + "px"}, {duration: 1000, easing: 'easeInOutElastic', complete: callbackSlideCur})
			slideNext.animate({"left": "-=" + widSlider + "px"}, {duration: 1000, easing: 'easeInOutElastic', complete: callbackSlideNext})
		}

		if (id < currentSlide) {
			slideNext.css({
				display: "block",
				position: "absolute",
				left: "-" + widSlider + "px",
				top: 0,
				width: widSlider + "px"
			})

			slideCur.animate({"left": "+=" + widSlider + "px"}, {duration: 1000, easing: 'easeInOutElastic', complete: callbackSlideCur})
			slideNext.animate({"left": "+=" + widSlider + "px"}, {duration: 1000, easing: 'easeInOutElastic', complete: callbackSlideNext})
		}

		currentSlide = id;
	}
}


$(document).ready(

    function(){
	    $('a.openDetails1').toggle(function () {
		    $('p.itemDescription_1').slideDown("slow");
		    $('a.openDetails1').fadeOut();
	    }, function () {
		    $('p.itemDescription_1').fadeOut();
	    });

    $(".sliderImages").jCarouselLite({
		visible: 1,
		auto: 5000,
        easing: "easeIn",
		speed: 2000
    });


    $('.addtocartmp').click (function() {
        product = $(this);
	    $.add2cart( product.parent().parent().parent(), $('#basket') );
        $.ajax({
                url: $(this).attr("href").replace('/addToCart/', '/ajaxAddToCart/')+'',
                cache: false,
                success: function(html){
                            $("#basket").html(html);
                            product.html('<img src="/img/cart_small.gif" alt="cart"><span>В корзине</span>');
                         }
              });
        return false;
     });


    $('.addtocompare').click (function() {
        product = $(this);
	    $.add2cart( product.parent().parent().parent(), $('#compare') );
        $.ajax({
                url: $(this).attr("href").replace('/addToCompare/', '/ajaxAddToCompare/')+'',
                cache: false,
                success: function(html){
                            $("#compare").html(html);
                            product.html('В сравнении');
                         }
              });
        return false;
     });


    $('.addtocart').click (function() {
        product = $(this);
	    $.add2cart( product.parent().parent().parent(), $('#basket') );
        $.ajax({
                url: $(this).attr("href").replace('/addToCart/', '/ajaxAddToCart/')+'',
                cache: false,
                success: function(html){
                            $("#basket").html(html);
                            product.html('В корзине');
                         }
              });
        return false;
     });

    });


(function($) {

	$.extend({
		add2cart: function(source, target, callback) {

      var shadow = $('#_shadow');
      if( !shadow.attr('id') ) {
          $('body').prepend('<div id="_shadow" style="display: none; background-color: #7BC623; border: solid 1px #4b0082; position: static; top: 0px; z-index: 100;">&nbsp;</div>');
          var shadow = $('#_shadow');
      }
      if( !shadow ) {
          alert('Cannot create the shadow div');
      }

      shadow.width(source.css('width')).height(source.css('height')).css('top', source.offset().top).css('left', source.offset().left).css('opacity', 0.5).show();
      shadow.css('position', 'absolute');

      shadow.animate( { width: target.innerWidth(), height: target.innerHeight(), top: target.offset().top, left: target.offset().left }, { duration: 700 } )
        .animate( { opacity: 0 }, { duration: 100 } ).animate( { height: 0 }, { duration: 100 } );

		}
	});
})(jQuery);