$(function(){
	$("#launch1").hover(function(){
		activateitem("1");
		count = 2;
	},function(){ });
	$("#launch2").hover(function(){
		activateitem("2");
		count = 3;
	},function(){ });
	$("#launch3").hover(function(){
		activateitem("3");
		count = 4
	},function(){ });
	$("#launch4").hover(function(){
		activateitem("4");
		count = 5;
	},function(){ });
	$("#launch5").hover(function(){
		activateitem("5");
		count = 6;
	},function(){ });
	$("#launch6").hover(function(){
		activateitem("6");
		count = 7;
	},function(){ });
	$("#launch7").hover(function(){
		activateitem("7");
		count = 1;
	},function(){ });

	activateitem = function(id) {
		if(lastactive != ''){
			$("#img" + lastactive).css("z-index", "5");		
			$("#launch" + lastactive).toggleClass("hover").parent("li").toggleClass("selected");
			if(beforelastactive != ''){
				$("#img" + beforelastactive).hide();	
			}
			beforelastactive = lastactive;
		}
		lastactive = id;
		$("#img" + id).css("z-index", "10").animate({opacity: 'toggle'}, "slow");		
		$("#launch" + id).toggleClass("hover").parent("li").toggleClass("selected");
	};

	$(".subnav").hover(function(){
			active = false;
		},function(){
			active = true;
	});

	activateitem(1);		

});

var aktiv = window.setInterval("changeImg()", 4000);
var active = true;
var	lastactive = '';
var	beforelastactive = '';
var count = 2;
function changeImg () {
	if (active) {
		$(".uncontrolled-interval").html(count);
	  if (count == 8) {
		activateitem(1);		
	  } else {
		activateitem(count);		
	  }
		count = count + 1;
	  if (count >= 8){
		  count = 1;
		//window.clearInterval(aktiv);
	  }
	}
}