$(document).ready(function() {

var originalSize1=$('#imageWrapp1 li').size();
var originalSize2=$('#imageWrapp2 li').size();
var originalSize3=$('#imageWrapp3 li').size();
var originalSize4=$('#imageWrapp4 li').size();

if(originalSize1<20)
{
	for(var i=0; i<originalSize1*2; i=i+2)
	{
		index=i+2;
		//var t=$('#imageWrapp1 li:eq('+index+')').text();
		//alert(t);
		$('#imageWrapp1 li:eq('+index+')').clone().appendTo('#imageWrapp1');
		$('#imageWrapp1 li:eq('+index+')').clone().prependTo('#imageWrapp1');

	}
	originalSize1=$('#imageWrapp1 li').size();
}

if(originalSize2<20)
{
	for(var i=0; i<originalSize2*2; i=i+2)
	{
		index=i+2;
		$('#imageWrapp2 li:eq('+index+')').clone().appendTo('#imageWrapp2');
		$('#imageWrapp2 li:eq('+index+')').clone().prependTo('#imageWrapp2');

	}
	originalSize2=$('#imageWrapp2 li').size();
}

if(originalSize3<20)
{
	for(var i=0; i<originalSize3*2; i=i+2)
	{
		index=i+2;
		$('#imageWrapp3 li:eq('+index+')').clone().appendTo('#imageWrapp3');
		$('#imageWrapp3 li:eq('+index+')').clone().prependTo('#imageWrapp3');

	}
	originalSize3=$('#imageWrapp3 li').size();
}

if(originalSize4<20)
{
	for(var i=0; i<originalSize4*2; i=i+2)
	{
		index=i+2;
		$('#imageWrapp4 li:eq('+index+')').clone().appendTo('#imageWrapp4');
		$('#imageWrapp4 li:eq('+index+')').clone().prependTo('#imageWrapp4');

	}
	originalSize4=$('#imageWrapp4 li').size();
}

$('#dishOnMain ul.wrapper').css( 'display', 'block');

var $paneTarget = $('#dishPhoto1');
$paneTarget.scrollTo( $('#dishPhoto1 li:last'), 0 );


var $paneTarget2 = $('#dishPhoto2');
$paneTarget2.stop().scrollTo( $('#dishPhoto2 li:last'), 0 );


var $paneTarget3 = $('#dishPhoto3');
$paneTarget3.stop().scrollTo( $('#dishPhoto3 li:last'), 0 );


var $paneTarget4 = $('#dishPhoto4');
$paneTarget4.stop().scrollTo( $('#dishPhoto4 li:last'), 0 );


var lastN1=-4;
var lastN2=-4;
var lastN3=-4;
var lastN4=-4;

var size1=originalSize1;
var size2=originalSize2;
var size3=originalSize3;
var size4=originalSize4;

if(size1%2) var half1=parseInt((size1-1)/2);
else var half1=parseInt((size1)/2);

if(size2%2) var half2=parseInt((size2-1)/2);
else var half2=parseInt((size2)/2);

if(size3%2) var half3=parseInt((size3-1)/2);
else var half3=parseInt((size3)/2);

if(size4%2) var half4=parseInt((size4-1)/2);
else var half4=parseInt((size4)/2);

$('#dishPhoto1 li:eq('+half1+')').toggleClass('active');
$('#dishPhoto2 li:eq('+half2+')').toggleClass('active');
$('#dishPhoto3 li:eq('+half3+')').toggleClass('active');
$('#dishPhoto4 li:eq('+half4+')').toggleClass('active');

$paneTarget.scrollTo( $('#dishPhoto1 li:eq('+half1+')'), 1500 );
$paneTarget2.stop().scrollTo( $('#dishPhoto2 li:eq('+half2+')'), 2000 );
$paneTarget3.stop().scrollTo( $('#dishPhoto3 li:eq('+half3+')'), 2500 );
$paneTarget4.stop().scrollTo( $('#dishPhoto4 li:eq('+half4+')'), 3500 );

var imgId1=$('#dishPhoto1 li:eq('+half1+') img').attr('src');
imgId1=getId(imgId1);
$('#dishPhoto1 li:eq('+half1+')').parent('ul').parent('div').parent('div').children('div.order').children('a.order').attr('href','#'+imgId1);

for (var i=0; i<dishs.length; i++){
if (dishs[i].id == imgId1){
	current = dishs[i];
}
}

$('#dishPhoto1').parent('div').children('h2.dishTitle').text(current.title);
$('#dishPhoto1').parent('div').children('div.order').children('span.weight').text(current.weight+ 'г');
$('#dishPhoto1').parent('div').children('div.order').children('span.price').html('<strong>'+current.price+'</strong> грн');

var imgId2=$('#dishPhoto2 li:eq('+half2+') img').attr('src');
imgId2=getId(imgId2);
$('#dishPhoto2 li:eq('+half2+')').parent('ul').parent('div').parent('div').children('div.order').children('a.order').attr('href','#'+imgId2);

for (var i=0; i<dishs.length; i++){
if (dishs[i].id == imgId2){
	current = dishs[i];
}
}

$('#dishPhoto2').parent('div').children('h2.dishTitle').text(current.title);
$('#dishPhoto2').parent('div').children('div.order').children('span.weight').text(current.weight+ 'г');
$('#dishPhoto2').parent('div').children('div.order').children('span.price').html('<strong>'+current.price+'</strong> грн');

var imgId3=$('#dishPhoto3 li:eq('+half3+') img').attr('src');
imgId3=getId(imgId3);
$('#dishPhoto3 li:eq('+half3+')').parent('ul').parent('div').parent('div').children('div.order').children('a.order').attr('href','#'+imgId3);

for (var i=0; i<dishs.length; i++){
if (dishs[i].id == imgId3){
	current = dishs[i];
}
}

$('#dishPhoto3').parent('div').children('h2.dishTitle').text(current.title);
$('#dishPhoto3').parent('div').children('div.order').children('span.weight').text(current.weight+ 'г');
$('#dishPhoto3').parent('div').children('div.order').children('span.price').html('<strong>'+current.price+'</strong> грн');

var imgId4=$('#dishPhoto4 li:eq('+half4+') img').attr('src');
imgId4=getId(imgId4);
$('#dishPhoto4 li:eq('+half4+')').parent('ul').parent('div').parent('div').children('div.order').children('a.order').attr('href','#'+imgId4);

for (var i=0; i<dishs.length; i++){
if (dishs[i].id == imgId4){
	current = dishs[i];
}
}

$('#dishPhoto4').parent('div').children('h2.dishTitle').text(current.title);
$('#dishPhoto4').parent('div').children('div.order').children('span.weight').text(current.weight+ 'г');
$('#dishPhoto4').parent('div').children('div.order').children('span.price').html('<strong>'+current.price+'</strong> грн');

$('#dishPhoto1').parent('div').children('h2.dishTitle').fadeIn(1500);
$('#dishPhoto1').parent('div').children('div.order').fadeIn(1500);

$('#dishPhoto2').parent('div').children('h2.dishTitle').fadeIn(2000);
$('#dishPhoto2').parent('div').children('div.order').fadeIn(2000);

$('#dishPhoto3').parent('div').children('h2.dishTitle').fadeIn(2500);
$('#dishPhoto3').parent('div').children('div.order').fadeIn(2500);

$('#dishPhoto4').parent('div').children('h2.dishTitle').fadeIn(3500);
$('#dishPhoto4').parent('div').children('div.order').fadeIn(3500);


$('#dishOnMain .top').click(function(){

	var  newOrderValue='';

	var $paneTarget=$(this).parent('div').children('div.dishPhoto');

	var id=$paneTarget.attr("id");
	var imagesid=$(this).parent('div').children('div.dishPhoto').children('ul').attr("id");

	var title=$(this).parent('div').children('div.dishPhoto').parent('div').children('h2');
	var weight=$(this).parent('div').children('div.dishPhoto').parent('div').children('div.order').children('span.weight');
	var price=$(this).parent('div').children('div.dishPhoto').parent('div').children('div.order').children('span.price');
	var order=$(this).parent('div').children('div.dishPhoto').parent('div').children('div.order');

	switch(id)
	{
		case 'dishPhoto1':
							if(lastN1==-4) lastN1=half1;

							if(lastN1>=size1)
							{
								// копируем из начала sizeoriginal значений в конец
								for(var i=0; i<originalSize1; i++)
								{
									$('#'+id+' li:eq('+i+')').clone().appendTo('#'+imagesid);
									size1=$('#imageWrapp1 li').size();
								}
							}

							from=lastN1+3;
							to=size1;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;
							lastN1=n;

							if(lastN1>(size1-5))
								lastN1=n+5;
							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');

							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							break;

		case 'dishPhoto2':
							if(lastN2==-4) lastN2=half2;

							if(lastN2>=size2)
							{
								// копируем из начала sizeoriginal значений в конец
								for(var i=0; i<originalSize2; i++)
								{
									$('#'+id+' li:eq('+i+')').clone().appendTo('#'+imagesid);
									size2=$('#imageWrapp2 li').size();
								}
							}

							from=lastN2+3;
							to=size2;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;
							lastN2=n;

							if(lastN2>(size2-5))
								lastN2=n+5;

							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');

							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							break;

		case 'dishPhoto3':

							if(lastN3==-4) lastN3=half3;

							if(lastN3>=size3)
							{
								// копируем из начала sizeoriginal значений в конец
								for(var i=0; i<originalSize3; i++)
								{
									$('#'+id+' li:eq('+i+')').clone().appendTo('#'+imagesid);
									size3=$('#imageWrapp3 li').size();
								}
							}

							from=lastN3+3;
							to=size3;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;
							lastN3=n;

							if(lastN3>(size3-5))
								lastN3=n+5;
							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');

							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							break;


		case 'dishPhoto4':
							if(lastN4==-4) lastN4=half4;

							if(lastN4>=size4)
							{
								// копируем из начала sizeoriginal значений в конец
								for(var i=0; i<originalSize4; i++)
								{
									$('#'+id+' li:eq('+i+')').clone().appendTo('#'+imagesid);
									size4=$('#imageWrapp4 li').size();
								}
							}

							from=lastN4+3;
							to=size4;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;
							lastN4=n;

							if(lastN4>(size4-5))
								lastN4=n+5;

							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');
							
							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							break;

	}

	title.fadeOut(1000);
	order.fadeOut(1000);

	window.setTimeout(function(){

		newOrderValue=getId(newOrderValue);
		var randomId=newOrderValue;
		newOrderValue='#'+newOrderValue;

		for (var i=0; i<dishs.length; i++){
		if (dishs[i].id == randomId){
			current = dishs[i];
		}
		}
		
		title.text(current.title);
		weight.text(current.weight + 'г');
		price.html('<strong>'+current.price+'</strong> грн');

		order.children('a.order').attr('href', newOrderValue)

		title.fadeIn(1000);
		order.fadeIn(1000);
	}, 1200);

	return false;

});


$('#dishOnMain .bottom').click(function(){

	var  newOrderValue='';

	var $paneTarget=$(this).parent('div').children('div.dishPhoto');

	var id=$paneTarget.attr("id");
	var imagesid=$(this).parent('div').children('div.dishPhoto').children('ul').attr("id");

	var title=$(this).parent('div').children('div.dishPhoto').parent('div').children('h2');
	var weight=$(this).parent('div').children('div.dishPhoto').parent('div').children('div.order').children('span.weight');
	var price=$(this).parent('div').children('div.dishPhoto').parent('div').children('div.order').children('span.price');
	var order=$(this).parent('div').children('div.dishPhoto').parent('div').children('div.order');

	switch(id)
	{
		case 'dishPhoto1':
							if(lastN1==-4) lastN1=half1;
							if(lastN1<=3)
							{
								for(var i=originalSize1-1; i>0; i--)
								{
									$('#'+id+' li:eq('+i+')').clone().prependTo('#'+imagesid);
								}
								
								lastN1=originalSize1+3;
								size1=$('#imageWrapp1 li').size();
								
//								$('#'+id+' li.active').clone().prependTo('#'+imagesid);
//								$('#'+id+' li:eq(0)').toggleClass('active');
								$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+lastN1+')'), 0 );
							}

							from=1;
							to=lastN1;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;
							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');

							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							if(lastN1>2)
								lastN1=n-3;

							break;

		case 'dishPhoto2':
							if(lastN2==-4) lastN2=half2;
							if(lastN2<=3)
							{
								for(var i=originalSize2-1; i>0; i--)
								{
									$('#'+id+' li:eq('+i+')').clone().prependTo('#'+imagesid);
								}
								lastN2=originalSize2+3;
								size2=$('#imageWrapp2 li').size();
								$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+lastN2+')'), 0 );
							}

							from=1;
							to=lastN2;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;
							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');

							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							if(lastN2>2)
								lastN2=n-3;

							break;

		case 'dishPhoto3':
							if(lastN3==-4) lastN3=half3;
							if(lastN3<=3)
							{
								for(var i=originalSize3-1; i>0; i--)
								{
									$('#'+id+' li:eq('+i+')').clone().prependTo('#'+imagesid);
								}
								lastN3=originalSize3+3;
								size3=$('#imageWrapp3 li').size();
								$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+lastN3+')'), 0 );
							}

							from=1;
							to=lastN3;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;

							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');

							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							if(lastN3>2)
								lastN3=n-3;

							break;

		case 'dishPhoto4':
							if(lastN4==-3) lastN4=half4;
							if(lastN4<=3)
							{
								for(var i=originalSize4-1; i>0; i--)
								{
									$('#'+id+' li:eq('+i+')').clone().prependTo('#'+imagesid);
								}
								lastN4=originalSize4+3;
								size4=$('#imageWrapp4 li').size();
								$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+lastN4+')'), 0 );
							}

							
							from=1;
							to=lastN4;

							var n=Math.floor( Math.random() * (to - from + 1) ) + from;
							var index=n-1;

							$('#'+id+' li.active').toggleClass('active');
							$('#'+id+' li:eq('+index+')').toggleClass('active');

							newOrderValue=$('#'+id+' li:eq('+index+') img').attr('src');

							$paneTarget.stop().scrollTo( $('#'+id+' li:eq('+index+')'), 2000 );

							if(lastN4>2)
								lastN4=n-3;

							break;

	}

	title.fadeOut(1000);
	order.fadeOut(1000);

	window.setTimeout(function(){
		newOrderValue=getId(newOrderValue);
		
		var randomId=newOrderValue;
		newOrderValue='#'+newOrderValue;

		for (var i=0; i<dishs.length; i++){
		if (dishs[i].id == randomId){
			current = dishs[i];
		}
		}
	
		title.text(current.title);
		weight.text(current.weight + 'г');
		price.html('<strong>'+current.price+'</strong> грн');

		order.children('a.order').attr('href', newOrderValue)

		title.fadeIn(1000);
		order.fadeIn(1000);
	}, 1200);

	return false;
});

});