// JavaScript Document
$(document).ready(function(){
	//console.log("init::infobox");
	var infoBoxOpt = {};
	infoBoxOpt.fn = {};
	infoBoxOpt.itemCount = $("#fce-infobox .infobox-list li").length;
	infoBoxOpt.scrollWidth = 400;
	infoBoxOpt.scrollPos=0;
	infoBoxOpt.animate=0;
	infoBoxOpt.fn.move = function(pos){
		//console.log("fn.move: "+pos);
		if(infoBoxOpt.animate==0){
			if(pos<0){pos = infoBoxOpt.itemCount-1;}
			if(pos > infoBoxOpt.itemCount-1){pos=0;}
			infoBoxOpt.animate = 1;
			infoBoxOpt.scrollPos=pos;
			//console.log("move: (" + pos +") "+pos*infoBoxOpt.scrollWidth);
			$("#fce-infobox .infobox-list").animate({"left":pos*infoBoxOpt.scrollWidth*-1},250,"linear",function(){infoBoxOpt.animate=0});
			$("#fce-infobox .infobox-counter div").removeClass("cur").slice(pos,pos+1).addClass("cur");
		}
		
	}
	$("#fce-infobox .infobox-list").width(infoBoxOpt.itemCount*infoBoxOpt.scrollWidth);
	$("#fce-infobox .infobox-next, #fce-infobox .infobox-prev")
		.css("opacity",0.5)
		.hover(
			function(){$(this).animate({"opacity":1},200);},
			function(){$(this).animate({"opacity":0.5},200);}
		);
	$("#fce-infobox .infobox-next").click(function(){infoBoxOpt.fn.move(infoBoxOpt.scrollPos +1)});
	$("#fce-infobox .infobox-prev").click(function(){infoBoxOpt.fn.move(infoBoxOpt.scrollPos -1)});
	
	$("#fce-infobox .infobox-frame").hover(function(){
		$(this).children(".infobox-info").slideDown(200);
	},function(){
		$(this).children(".infobox-info").slideUp(200);
	});
	
	// setting up the counter 
	var counterHtml = '<div class="infobox-counter">';
	for(i=0;i<infoBoxOpt.itemCount;i++){
		counterHtml += '<div></div>';
	}
	counterHtml += '</div>';
	$("#fce-infobox").append(counterHtml);
	$("#fce-infobox .infobox-counter div:first").addClass("cur").css("margin-left",infoBoxOpt.scrollWidth/2-10*infoBoxOpt.itemCount);
	$("#fce-infobox .infobox-counter div").click(function(){
		pos= $(this).prevAll("div").length;
		infoBoxOpt.fn.move(pos);
	});
	//console.log("end::infobox");
});