$().ready(function(){

	var left_src = new Array();
	var left_id = new Array(false, false, false);
	var left_link = new Array();
	
	var right_src = new Array();
	var right_id = new Array(false, false, false);
	var right_link = new Array();
	
	var curr_idx_l = 1;
	var curr_idx_r = 1;
	
	var stoptimer_l = false;
	var stoptimer_r = false;
	
	var max_left = 0;
	var max_right = 0;
	
	//tictac
	
	$.timer(5000, function (timer) {
		if (!stoptimer_l){
			//alert("timer");
			if (curr_idx_l < max_left) {this_idx = ++curr_idx_l;} else {curr_idx_l = 1; this_idx = 1;} 
			$('.bkgleft > div.marker').css("color","white");
			$('#marker_l'+this_idx).css("color","#d31f7c");
			$('.bkgleft').fadeOut('fast', function(){$(this).css("background-image","url("+left_src[this_idx]+")")}).fadeIn('fast');
			left_clicker_link = left_link[this_idx];
		}
	});

	$.timer(7000, function (timer) {
		if (!stoptimer_r){
			//alert("timer");
			if (curr_idx_r < max_right) {this_idx = ++curr_idx_r;} else {curr_idx_r = 1; this_idx = 1;} 
			$('.bkgright > div.marker').css("color","white");
			$('#marker_r'+this_idx).css("color","#0068cf");
			$('.bkgright').fadeOut('fast', function(){$(this).css("background-image","url("+right_src[this_idx]+")")}).fadeIn('fast');
			right_clicker_link = right_link[this_idx];
		}
	});

	$.ajax({
	   type: "GET",
	   url: "/themes/rockfoto/xml/launcher.xml",
	   success: function(data){
			//idx = 1;

			$(data).find('left').find('img').each(function() {
				
				idx = $(this).attr('id');
				left_id[idx] = true;
				left_src[idx] = $(this).attr('src');
				left_link[idx] = $(this).attr('link');
			});
			
			max_left = idx;
			
			$(data).find('right').find('img').each(function() {

				idx = $(this).attr('id');
				right_id[idx] = true;
				right_src[idx] = $(this).attr('src');
				right_link[idx] = $(this).attr('link');
			});
			
			max_right = idx;

			$('.bkgleft').css("background-image","url("+left_src[curr_idx_l]+")");
			left_clicker_link = left_link[curr_idx_l];
			
			$('.bkgright').css("background-image","url("+right_src[curr_idx_r]+")");
			right_clicker_link = right_link[curr_idx_r];
			
			$(".bkgleft").hover(
			  function () {
				if (left_id[1] == true) $('.bkgleft > div.navigate:eq(0)').show('fast');
				if (left_id[2] == true) $('.bkgleft > div.navigate:eq(1)').show('fast');
				if (left_id[3] == true) $('.bkgleft > div.navigate:eq(2)').show('fast');
			  }, 
			  function () {
				$('.bkgleft > div.navigate').hide('slow')
			  }
			);
		
			$(".bkgright").hover(
			  function () {
				if (right_id[1] == true) $('.bkgright > div.navigate:eq(0)').show('fast');
				if (right_id[2] == true) $('.bkgright > div.navigate:eq(1)').show('fast');
				if (right_id[3] == true) $('.bkgright > div.navigate:eq(2)').show('fast');
			  }, 
			  function () {
				$('.bkgright > div.navigate').hide('slow')
			  }
			);

//clicks

			$('.bkgleft > div.marker').click(function(){
					stoptimer_l = true;
					$.timer(10000, function (timer) {
						//10 seconds after interaction, recycle
						stoptimer_l = false;
					});
					
					//alert($(this).attr('id'));
					this_idx = $(this).attr('id').replace(/marker_l/,"");
					//alert(this_idx);
					$('.bkgleft > div.marker').css("color","white");
					$(this).css("color","#d31f7c");
					$('.bkgleft').fadeOut('fast', function(){$(this).css("background-image","url("+left_src[this_idx]+")")}).fadeIn('fast');
					left_clicker_link = left_link[this_idx];
					curr_idx_l = this_idx;
			});

			$('.bkgright > div.marker').click(function(){
					stoptimer_r = true;
					$.timer(10000, function (timer) {
						//10 seconds after interaction, recycle
						stoptimer_r = false;
					});
					
					//alert($(this).attr('id'));
					this_idx = $(this).attr('id').replace(/marker_r/,"");
					//alert(this_idx);
					$('.bkgright > div.marker').css("color","white");
					$(this).css("color","#0068cf");					
					$('.bkgright').fadeOut('fast', function(){$(this).css("background-image","url("+right_src[this_idx]+")")}).fadeIn('fast');
					right_clicker_link = right_link[this_idx];	
					curr_idx_r = this_idx;
			});

			$('.bkgleft > div.clicker').click(function(){
					window.location = left_clicker_link;
			});
					
			$('.bkgright > div.clicker').click(function(){
					window.location = right_clicker_link;
			});
		
	   },
	   error: function(data){alert("xml error");}
	});

});