$(document).ready(function(){
	$(".menuitem").hover(function(){
		$(this).children('.submenu').slideDown(300);
	},function(){
		$(this).children('.submenu').hide();
	});
	//slider.init();
});
var slider = {
	amount: 6,
	controlDiv: 'carrousel_controls',
	imgwrapper: 'imgwrapper',
	current: 1,
	interval: null,
	intervaltime: 4000,
	
	init: function(){
		slider.createControls();
		slider.interval = setInterval("slider.loopBanner()", slider.intervaltime);
		slider.animateDivs(slider.current);
		//make sure to remove the interval when the window loses focus
		$(window).blur(function(){
			window.clearInterval(slider.interval);
			slider.interval = null;
		});
		//add the interval again once the window gains focus back
		$(window).focus(function(){
			if(slider.interval == null)
				slider.interval = setInterval("slider.loopBanner()", slider.intervaltime)
		});
	},
	createControls: function(){
		//create the buttons in the div
		for(var i = 0; i < this.amount; i++){
			var toAppend = "<div id = 'cb"+(i+1)+"' class = 'carrousel_button";
			if(i == 0)
				toAppend += " carrousel_button_selected"
			toAppend += "'></div>";
			$("#"+this.controlDiv).append(toAppend);
		}
		
		$(".carrousel_button").click(function(){
			clearInterval(slider.interval);
			var cur_id = $(this).attr('id');
			cur_id = (parseInt(cur_id[2])-1) * 700;
			cur_id += "px";
			var elem = $(this);
			$("#imgwrapper").animate({ marginLeft : '-'+cur_id}, function(){
				$("#"+slider.controlDiv+" .carrousel_button").each(function(){
					$(this).removeClass('carrousel_button_selected');
				});
				$(elem).addClass('carrousel_button_selected');
				slider.current = parseInt($(elem).attr('id')[2]);
				slider.animateDivs(slider.current);
			});
			slider.interval = setInterval("slider.loopBanner()", slider.intervaltime);
		});
	},
	loopBanner: function(){
		//loop the banner
		if($("#"+slider.imgwrapper).css('marginLeft') == '-'+((slider.amount-1)*700)+'px'){
			$("#"+slider.imgwrapper).animate({ marginLeft : "0px"}, function(){
				slider.current = 1;
				slider.setControl(slider.current);
				slider.animateDivs(slider.current);
			});
		}
		else{
			$("#"+slider.imgwrapper).animate({ marginLeft : "-"+((slider.current)*700)+"px" },function(){
				if(slider.current < slider.amount)
					slider.current++;
				slider.setControl(slider.current);
				slider.animateDivs(slider.current);
			});
		}
	},
	setControl: function(cur){
		$("#"+slider.controlDiv+" .carrousel_button").each(function(){
			$(this).removeClass("carrousel_button_selected");
		})
		$("#"+slider.controlDiv+" #cb"+slider.current).addClass("carrousel_button_selected");
	},
	animateDivs: function(cur){
		if(cur<=4)
			$("#blockA div").removeClass('carrousel_indicator');
		else
			$("#blockB div").removeClass('carrousel_indicator');
		$("#indicator").removeClass('indicator_bg');
		$("#indicator").css('marginTop', '0px');
		$("#indicator").css('height', '2px');
		switch(cur){
			case 1:
				$("#indicator").appendTo("#col1");
				break;
			case 2:
				$("#indicator").appendTo("#col2");
				break;
			case 3:
				$("#indicator").appendTo("#col3");
				break;
			case 4:
				$("#indicator").appendTo("#col4");
				break;
			case 5:
				$("#indicator").appendTo("#blockB-left");
				break;
			case 6:
				$("#indicator").appendTo("#blockB-right");
				break;
		}
	}
}