var tempus;
	var maxLayers = 10; /* Entspricht der Anzahl der Layer, Callback Funktionen pro Layer und Tab-Reiter Links*/
	var fromPage;

	function removeOthers(num){
		
		for(i=1; i <= maxLayers; i++){
			
			if(i == num){
			  $('#mycarousel' + i).show();
			}
			else{
			  $('#mycarousel' + i).hide();
			}
		}  
	}


	function bindTextLink() {

		$(".mo-title-layer").hover( 
		  function () {/* Over */
			$(".mo-title-layer-text").fadeOut();
			$(this).next().fadeIn();			
		  }, 
		  function () {/* Out */ }
		);

		$(".mo-title-layer").next().hover(
			function () {/* Over */},
			function () {/* Out */
				$(this).fadeOut();
			}
		);

	}

	function setfromPage(arg) {
		fromPage = arg;
	}

	

	function removeOthersCSS(num){
		
		for(i=1; i <= maxLayers; i++){
			
			if(i == num){
			  $('#link' + i).addClass('activ');
			}
			else{
			  $('#link' + i).removeClass('activ');
			}
		} 
	}

	function deleteListeBefore(carousel){
	  
	  if(tempus){
		  for(i =1; i <= tempus; i++){
			  carousel.remove(tempus);
		  }
	  }
	}

	function mycarousel_itemAddCallback(carousel, first, last, items)
	{	  
		deleteListeBefore(carousel);
		//carousel.reset();

		carousel.list.empty();
		carousel.list.css(carousel.lt, '0px');
		carousel.list.css(carousel.wh, '0px');
  
		for (i = 0; i < items.length; i++) {
			carousel.add(i, mycarousel_getItemHTML(items[i]));				
		}
		tempus = items.length;
		carousel.size(items.length);				
	};

/* */


	function mycarousel_itemLoadCallback10(carousel, state)
	{

		if (state != 'init')
			return;

		mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, mycarousel_itemList10)
	};

	
	/**
	 * Item html creation helper.
	 */
	function mycarousel_getItemHTML(item)
	{
		if(item.href) {
			return '<a class="mo-title-layer" href="'+ item.href +'" target="_top"><img src="' + item.url + '" style="border: none;" width="86" height="50" alt="' + item.url + '" /></a><div class="mo-title-layer-text"><div class="mo-title-layer-spacing"><table style="margin-top: -5px;"><tr valign="middle"><td align="center" height="50" class="bonus-color" style="cursor:pointer;"><a class="mo-title-layer-link" href="'+ item.href +'" target="_top" style="color:#e71c5a;display:inline;">'+ item.bonus +'</a></td></tr></table></div></div>'
		}
		
		// mouseover title

		return '<img src="' + item.url + '" width="86" height="50" alt="' + item.url + '" />';
	
	};




	
jQuery(document).ready(function() {

	

 // check params

tmp_request = window.location;
tmp_params = String(tmp_request).split("?");
actNumber = Number(tmp_params[1]);

if(actNumber <= maxLayers) fromPage = actNumber;


// default

		if(!fromPage){
			fromPage = 1;
		}

//load karusell

switch(fromPage){
	  case 1:
		jQuery('#mycarousel1').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback1});
	  break
	  case 2:
		jQuery('#mycarousel2').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback2});
	  break
	  case 3:
		jQuery('#mycarousel3').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback3});
	  break
	  case 4:
		jQuery('#mycarousel4').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback4});
	  break
	  case 5:
		jQuery('#mycarousel5').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback5});
	  break
	  case 6:
		jQuery('#mycarousel6').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback6});
	  break
	  case 7:
		jQuery('#mycarousel7').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback7});
	  break
	  case 8:
		jQuery('#mycarousel8').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback8});
	  break
	  case 9:
		jQuery('#mycarousel9').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback9});
	  break
	  case 10:
		jQuery('#mycarousel10').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback10});
	  break
}

//handle navi								
		removeOthersCSS(fromPage);  				
		removeOthers(fromPage);  				
		
		$('#shoplinks').hide();				
		if(fromPage==1) {
			$('#shoplinks').show();
		}
		
		//init
		bindTextLink()
	
});

jQuery(document).ready(function() {
	
	

	$("#link1").click( function() {

	  jQuery('#mycarousel1').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback1});
	  removeOthersCSS(1);  
	  removeOthers(1);  
	  bindTextLink()
	  return false;        
	});


	$("#link2").click( function() {      
	  jQuery('#mycarousel2').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback2});
	  removeOthersCSS(2);  
	  removeOthers(2);
	  bindTextLink()
	  return false;        
	});

	$("#link3").click( function() {
	  jQuery('#mycarousel3').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback3});
	  removeOthers(3);  
	  removeOthersCSS(3);  
	  bindTextLink()
	  return false;        
	});


	$("#link4").click( function() {      
	  jQuery('#mycarousel4').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback4});
	  removeOthersCSS(4);  
	  removeOthers(4);
	  bindTextLink()
	  return false;        
	});

	$("#link5").click( function() {
	  jQuery('#mycarousel5').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback5});
	  removeOthersCSS(5);  
	  removeOthers(5);
	  bindTextLink()
	  return false;        
	});


	$("#link6").click( function() {      
	  jQuery('#mycarousel6').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback6});
	  removeOthersCSS(6);  
	  removeOthers(6);
	  bindTextLink()
	  return false;        
	});

	$("#link7").click( function() {
	  jQuery('#mycarousel7').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback7});
	  removeOthersCSS(7);  
	  removeOthers(7);  
	  bindTextLink()
	  return false;        
	});


	$("#link8").click( function() {      
	  jQuery('#mycarousel8').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback8});
	  removeOthersCSS(8);  
	  removeOthers(8);
	  bindTextLink()
	  return false;        
	});

	$("#link9").click( function() {      
	  jQuery('#mycarousel9').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback9});
	  removeOthersCSS(9);  
	  removeOthers(9);
	  bindTextLink()
	  return false;        
	});

	$("#link10").click( function() {      
	  jQuery('#mycarousel10').jcarousel({itemLoadCallback: mycarousel_itemLoadCallback10});
	  removeOthersCSS(10);  
	  removeOthers(10);
	  bindTextLink()
	  return false;        
	});

});