$(function() {
var currentPanel=0; //current showed  panel
var es  = 1;  //init layer z-index
var openOldPos=0; //init opened panel position
var opened=false; //init opened state
var openedIndex=0; //member the opened panel
var showOrder=[0,1,2,3,4,5,6,7,8,9];
var recNum=showOrder.length;
var isAnimating=false;
for(var i=0; i<recNum; i++){
$("#promos dl:eq("+showOrder[i]+")").css({"left":304*i+"px"});
}

/*$("#ca-wrapper").click(function () {
nextFun();
})
*/
function changes(ts){  //changes layer z-index
	$(ts).parent().parent().parent().css({"zIndex":es});
	es++ ;
	var opendFouse=$("#promos dl").index($(ts).parent().parent().parent());
	for (i=0;i<recNum;i++){
	if(opendFouse===showOrder[i]){
	openedIndex=i;
	}
	}
	//alert(openedIndex);
}

$("#previous").click(function(event){
event.preventDefault();
previewFun();
})
$("#next").click(function(event){
event.preventDefault();
nextFun();
})

var nextFun=function(){
	if(!isAnimating){
	isAnimating=true;
	currentPanel++;
	if(!opened){
	if(currentPanel>=8){
		var _temp=showOrder[0];
		for(i=0;i<9;i++){
		showOrder[i]=showOrder[i+1];
		}
		showOrder[9]=_temp;
		$("#promos dl:eq("+showOrder[9]+")").css({"left":"912px"});
		currentPanel=7;
	}
	$("#promos dl").each(function(i){
	$(this).animate({"left": "-=304px"}, 500, 'easeOutExpo',function(){
	isAnimating=false;
	});
	});
	
	} else {
	resetPositionNext();
	}
	}
}

var previewFun=function(){
	if(!isAnimating){
	isAnimating=true;
	currentPanel--;
	if(!opened){
	if(currentPanel<0){
		var _temp=showOrder[9];
		for(i=9;i>0;i--){
		showOrder[i]=showOrder[i-1];
		}
		showOrder[0]=_temp;
		$("#promos dl:eq("+showOrder[0]+")").css({"left":"-304px"});
		currentPanel=0;
	}
	$("#promos dl").each(function(i){
	$(this).animate({"left": "+=304px"}, 500, 'easeOutExpo',function(){isAnimating=false;});
	});
	} else {
	resetPositionPrev();
	}
	}
}

$("#promos").mousewheel(function(event, delta, deltaX, deltaY) {
	if (delta > 0)
		previewFun();
	else if (delta < 0)
		nextFun();
	event.stopPropagation();
	event.preventDefault();
});
$(".openmore").bind("click",function(event){
	if(!opened){
	changes(this);
	$("#promos dl dd").css("display","block");
	$(this).parent().parent().next().css({"width":"590px"},500,"easeOutExpo");
	openOldPos=$(this).parent().parent().parent().position().left;
	$(this).parent().parent().parent().animate({"left": "0px","width":"900px"}, 500,"easeOutExpo");
	$(".openmore").css("display","none");
	opened=true;
	}
	event.preventDefault();
});
$(".closeitem").click(function(event){
	if(opened){
	var opendFouse=$("#promos dl").index($(this).parent().parent().parent());
	for (i=0;i<recNum;i++){
	if(opendFouse===showOrder[i]){
	openedIndex=i;
	}
	}
	for(i=1; i<openedIndex; i++){
	$("#promos dl:eq("+showOrder[i]+")").css({"left":(openOldPos-304*(openedIndex-i))+"px"});
	}
	for(i=(openedIndex+1); i<=9; i++){
	$("#promos dl:eq("+showOrder[i]+")").css({"left":(openOldPos+304*(i-openedIndex))+"px"});
	}
	var posNum=openOldPos/304;
	if(openedIndex===8){
		var _temp=showOrder[0];
		for(i=0;i<9;i++){
		showOrder[i]=showOrder[i+1];
		}
		showOrder[9]=_temp;
		if (posNum===0){
		$("#promos dl:eq("+showOrder[9]+")").css({"left":"608px"});
		}
		currentPanel=7;
	}
	if(openedIndex===9){
		if (posNum===0){
		var _temp=showOrder[0];
		for(i=0;i<9;i++){
		showOrder[i]=showOrder[i+1];
		}
		showOrder[9]=_temp;
		$("#promos dl:eq("+showOrder[9]+")").css({"left":"304px"});
		var _temp=showOrder[0];
		for(i=0;i<9;i++){
		showOrder[i]=showOrder[i+1];
		}
		showOrder[9]=_temp;
		$("#promos dl:eq("+showOrder[9]+")").css({"left":"608px"});
		}
		if (posNum===1){
		var _temp=showOrder[0];
		for(i=0;i<9;i++){
		showOrder[i]=showOrder[i+1];
		//log("showOrder["+i+"]="+showOrder[i]);
		}
		showOrder[9]=_temp;
		$("#promos dl:eq("+showOrder[9]+")").css({"left":"608px"});
	   // log("showOrder[9]="+showOrder[9]);
		}
		currentPanel=7;
	}
	if(openedIndex===0){
		if(posNum===1){
		var _temp=showOrder[9];
		for(i=9;i>0;i--){
		showOrder[i]=showOrder[i-1];
		}
		showOrder[0]=_temp;
		$("#promos dl:eq("+showOrder[0]+")").css({"left":"0px"});
		}
		if(posNum===2){
		var _temp=showOrder[9];
		for(i=9;i>0;i--){
		showOrder[i]=showOrder[i-1];
		}
		showOrder[0]=_temp;
		$("#promos dl:eq("+showOrder[0]+")").css({"left":"304px"});
		var _temp=showOrder[9];
		for(i=9;i>0;i--){
		showOrder[i]=showOrder[i-1];
		}
		showOrder[0]=_temp;
		$("#promos dl:eq("+showOrder[0]+")").css({"left":"0px"});
		}
		currentPanel=0;
	}
	$(this).parent().parent().css({"width":"0px"},500,"easeOutExpo");
	$(this).parent().parent().parent().animate({"left": openOldPos,"width":"304px"}, 500,"easeOutExpo");
	$(".openmore").css("display","block");
	$("#promos dl dd").css("display","none");
	opened=false;
	}
event.preventDefault();
});
var resetPositionNext=function(){
	openedIndex++;
	var objIndex=openedIndex;
	if(openedIndex<=9){
	$("#promos dl:eq("+showOrder[objIndex]+")").addClass("dlopen");
	$("#promos dl:eq("+showOrder[objIndex]+")").css("width","900px");
	$("#promos dl dd:eq("+showOrder[objIndex]+")").addClass("ddopen");
	$("#promos dl dd:eq("+showOrder[objIndex]+")").css("width","590px");
	$("#promos dl:eq("+showOrder[objIndex]+")").css({"left":"912px","zIndex":es});


	$("#promos dl:eq("+showOrder[openedIndex-1]+")").animate({"left": "-=912px"}, 1000, 'easeOutExpo');
	$("#promos dl:eq("+showOrder[objIndex]+")").animate({"left": "-=912px"}, 1000, 'easeOutExpo',function(){
	$("#promos dl dd:eq("+showOrder[openedIndex-1]+")").removeClass("ddopen");
	$("#promos dl dd:eq("+showOrder[openedIndex-1]+")").css("width","0px");
	$("#promos dl:eq("+showOrder[openedIndex-1]+")").removeClass("dlopen");
	$("#promos dl:eq("+showOrder[openedIndex-1]+")").css("width","304px");
	isAnimating=false;
	});
	} else {
	$("#promos dl:eq("+showOrder[0]+")").css({"left":"912px","zIndex":es});
	$("#promos dl:eq("+showOrder[0]+")").addClass("dlopen");
	$("#promos dl:eq("+showOrder[0]+")").css("width","900px");
	$("#promos dl dd:eq("+showOrder[0]+")").addClass("ddopen");
	$("#promos dl dd:eq("+showOrder[0]+")").css("width","590px");
	$("#promos dl:eq("+showOrder[openedIndex-1]+")").animate({"left": "-=912px"}, 1000, 'easeOutExpo');
	$("#promos dl:eq("+showOrder[0]+")").animate({"left": "-=912px"}, 1000, 'easeOutExpo',function(){
	$("#promos dl dd:eq("+showOrder[openedIndex-1]+")").removeClass("ddopen");
	$("#promos dl dd:eq("+showOrder[openedIndex-1]+")").css("width","0px");
	$("#promos dl:eq("+showOrder[openedIndex-1]+")").removeClass("dlopen");
	$("#promos dl:eq("+showOrder[openedIndex-1]+")").css("width","304px");
	isAnimating=false;
	var _temp=showOrder[0];
	for(i=0;i<9;i++){
	showOrder[i]=showOrder[i+1];
	//log("showOrder["+i+"]="+showOrder[i]);
	}
	showOrder[9]=_temp;
	//log("showOrder[9]="+showOrder[9]);
	openedIndex=9;
	});
	}
	es++;
}

var resetPositionPrev=function(){
	openedIndex--;
	var objIndex=openedIndex;
	if(openedIndex>=0){
	$("#promos dl:eq("+showOrder[objIndex]+")").addClass("dlopen");
	$("#promos dl:eq("+showOrder[objIndex]+")").css("width","900px");
	$("#promos dl dd:eq("+showOrder[objIndex]+")").addClass("ddopen");
	$("#promos dl dd:eq("+showOrder[objIndex]+")").css("width","590px");
	$("#promos dl:eq("+showOrder[objIndex]+")").css({"left":"-912px","zIndex":es});
	$("#promos dl:eq("+showOrder[openedIndex+1]+")").animate({"left": "+=912px"}, 1000, 'easeOutExpo');
	$("#promos dl:eq("+showOrder[objIndex]+")").animate({"left": "+=912px"}, 1000, 'easeOutExpo',function(){
	$("#promos dl dd:eq("+showOrder[openedIndex+1]+")").removeClass("ddopen");
	$("#promos dl dd:eq("+showOrder[openedIndex+1]+")").css("width","0px");
	$("#promos dl:eq("+showOrder[openedIndex+1]+")").removeClass("dlopen");
	$("#promos dl:eq("+showOrder[openedIndex+1]+")").css("width","304px");
	isAnimating=false;
	});
	} else {
	$("#promos dl:eq("+showOrder[9]+")").css({"left":"-912px","zIndex":es});
	$("#promos dl:eq("+showOrder[9]+")").addClass("dlopen");
	$("#promos dl:eq("+showOrder[9]+")").css("width","900px");
	$("#promos dl dd:eq("+showOrder[9]+")").addClass("ddopen");
	$("#promos dl dd:eq("+showOrder[9]+")").css("width","590px");
	$("#promos dl:eq("+showOrder[openedIndex+1]+")").animate({"left": "+=912px"}, 1000, 'easeOutExpo');
	$("#promos dl:eq("+showOrder[9]+")").animate({"left": "+=912px"}, 1000, 'easeOutExpo',function(){
	$("#promos dl dd:eq("+showOrder[openedIndex+1]+")").removeClass("ddopen");
	$("#promos dl dd:eq("+showOrder[openedIndex+1]+")").css("width","0px");
	$("#promos dl:eq("+showOrder[openedIndex+1]+")").removeClass("dlopen");
	$("#promos dl:eq("+showOrder[openedIndex+1]+")").css("width","304px");
	isAnimating=false;
	var _temp=showOrder[9];
	for(i=9;i>0;i--){
	showOrder[i]=showOrder[i-1];
	}
	showOrder[0]=_temp;
	openedIndex=0;
	});
	}
	es++;
}
					
function log(msg) {
$('#logger').append('<p>'+msg+'</p>').scrollTop(999999);
};
					
});