jQuery(document).ready(function() {



/* new box */
var slides = new Array('','','');
var i = 1;
var slides_num;
var curr_slide;
$('.packs .menu li').each(function () {
	var $this=$(this);
	$this.addClass('packs-menu-'+i);
	$this.i=i;
	$this.click (function () {
		showProduct($this.i);
	});
	if ($this.i == 1) {
		$this.addClass('active');
	}
	i++;
});


slide_width = $('div.packsin').width();

var i = 1;

$('div.packsin').each(function(){
	var $this=$(this);
	$this.addClass('packsin-'+i);
	i++;
});
slides_num = i;
curr_slide = 1;

var i = 1;
$('div.descr').each(function(){
	var $this=$(this);
	$this.hide();
	$this.addClass('packs-descr-'+i);
	if (i==1) {
		$this.show();
	}
	i++;
});


function showProduct (p) {
	if (p != curr_slide) {
		var pos = -(p - 1) * slide_width + 'px';
		$('.packs_over').animate({
			'left': pos
		}, 400);
		
		$('.packs .menu li').each(function(){
			$(this).removeClass('active');
		});
		$('.packs .menu .packs-menu-' + p).addClass('active');
		
		$('div.descr').each(function(){
			$(this).hide(200);
		});
		$('.packs-descr-' + p).show(200);
		
		curr_slide = p;
	}
}


$('.packs .arrows.right').click (function(){
	var sl = curr_slide + 1;
	if (sl>=slides_num)	sl = 1;
	showProduct(sl);
	return false;
});
$('.packs .arrows.left').click (function(){
	var sl = curr_slide - 1;
	if (sl<1) sl = slides_num-1;
	showProduct(sl);
	return false;
});


/* /new box */

});