var running=false;
var runningDir;
$(document).ready(function () {
	$(".rotateLeft").click(function () {
		hovering=true; rotate("back");
	});
	$(".rotateRight").click(function () {
		hovering=true; rotate("next");
	});
});
function rotate(dir)
{
	if(running)
		return;
	running=true;
	runningDir=dir;
	var arr=new Array("392px","313px","235px");
	if(dir=="next")
	{
		var src=$("#iphonesList img:first").attr('src');
		var title=$("#iphonesList img:first").attr('title');
		var start=1;
		var old=0;
		var middle=3;
		var myFunc="append";
		var callback=removeFirst;
	}
	else
	{
		var src=$("#iphonesList img:last").attr('src');
		var title=$("#iphonesList img:last").attr('title');
		var start=0;
		var old=5;
		var middle=2;
		var myFunc="prepend";
		var callback=removeLast;
	}
	eval("$('#iphonesList tr')."+myFunc+"(\"<td><img src='"+src+"' style='height: 0px;' title='"+title+"'></td>\");");
	var lis=$("#iphonesList img");
	$("p").fadeOut("slow")
	var header=$("#bannerHeader");
	if($("products_desc_title"))
	{
		var desc_title=$("#products_desc_title th.visible");
		var desc_content=$("#products_desc_content td.visible");
		var desc_buts=$("#products_buts_content td.visible");
	
		desc_title.animate({opacity: 0},500,"swing",changeDescTitle);
		desc_content.animate({opacity: 0},500,"swing",changeDescContent);
		desc_buts.animate({opacity: 0},500,"swing",changeButs);
	}
	header.animate({opacity: 0},500,"swing",changeHeader);
	$(lis.get(old)).animate({height:"0px"},1000,null,callback);
	for(var i=start; i< lis.size()-1+start; i++)
	{
		size=arr[Math.abs(middle-i)];
		$(lis.get(i)).animate({height: size}, 1000,"swing");
	}
}
function changeDescTitle()
{
	var desc_titles=$("#products_desc_title th");
	changeDesc(desc_titles);
}
function changeButs()
{
	var desc_titles=$("#products_buts_content td");
	changeDesc(desc_titles);
}
function changeDescContent()
{
	var desc_titles=$("#products_desc_content td");
	changeDesc(desc_titles);
}
function changeDesc(arr)
{
	
	var childNodeNumber;
	for(var i=0; i<arr.size(); i++)
		if($(arr.get(i)).hasClass("visible"))
			childNodeNumber=i;
	$(arr.get(childNodeNumber)).removeClass("visible");
	if(runningDir=="next")
		childNodeNumber=(childNodeNumber-1)%arr.size();
	else
		childNodeNumber=(childNodeNumber+1)%arr.size();
	if(childNodeNumber<0)
		childNodeNumber+=arr.size();
	$(arr.get(childNodeNumber)).css({opacity: 0});
	$(arr.get(childNodeNumber)).addClass("visible");
	$(arr.get(childNodeNumber)).animate({opacity: 1},500,"swing");
}
function changeHeader()
{
	var lis=$("#iphonesList img");
	var header=$("#bannerHeader");
	if(runningDir=="next")
		header.html($(lis.get(3)).attr("title"));
	else
		header.html($(lis.get(2)).attr("title"));
	header.animate({opacity: 1},500,"swing");
}

function removeFirst()
{
	running=false;
	$('#iphonesList td:first').remove();
}
function removeLast()
{
	running=false;
	$('#iphonesList td:last').remove();
}