$j(document).ready(
	   function(){

		// Select the active menu item: 
		var currentPage = this.body.id;
		$j('img#navi_'+currentPage).addClass('selected').show();		
		$j('#info_'+currentPage).addClass('selected');
		$j('#img_'+currentPage).addClass('selected');		
		
		$j('area').hover(
			function(){
				// Hide preselected:
				$j('.selected').hide();
				// Add new class 'active' to current ro-image and show it! 
				var currentNavImg = '#navi_'+this.alt;
				$j(currentNavImg).removeClass('normal').addClass('active');
				$j(currentNavImg).fadeIn('slow');
				
				// Show related info box and image
				var currentInfo = '#info_'+this.alt;
				var currentImg = '#img_'+this.alt;
				$j(currentInfo).addClass('activeInfo').show();
				$j(currentImg).addClass('activeImg').fadeIn('slow');
			},
			function(){
				// Change class for all ro-images and hide 'normal'
				$j('.active','#product_navi_ro').removeClass('active').addClass('normal');
				//$('.selected','#product_navi_ro').removeClass('normal');			
				$j('.normal').hide();		
				
				// Hide related info box and image
				var currentInfo = '#info_'+this.alt;	
				var currentImg = '#img_'+this.alt;
				$j(currentInfo).removeClass('activeInfo').addClass('normalInfo').hide();
				$j(currentImg).removeClass('activeImg').addClass('normalImg').hide();

				//Show selected image, info and menu item:	
				$j('.selected').show();	
			});			

			// Set Width for news detail layer:	
			var layerWidth = $j(window).width()-600;
			$j('#news_detail').width(layerWidth);

			$j('a.open').click(function(){
				$j('#news_detail').slideDown('slow');
			});
			$j('a.close').click(function(){
				$j('#news_detail').slideUp('slow');
			});
  			//$j('#teaser_carousel').carousel({ direction:'vertical',effect:'fade',autoSlide:true,autoSlideInterval:6000});
  			//$j('#detail_carousel').carousel({ direction:'vertical',effect: 'fade',loop:false, nextBtn: '<div class="next"><img src="fileadmin/system/fce/pnavigator/images/btn_next.gif" border="0" alt="next" title="" /></div>' , prevBtn: '<div class="back"><img src="fileadmin/system/fce/pnavigator/images/btn_back.gif" border="0" alt="back" title="" /></div>' });
			$j('#teaser_carousel').jCarouselLite({ vertical:true, auto:6000 });
			$j('#detail_carousel').jCarouselLite({ btnNext: '.next', btnPrev: '.back', vertical:true });
			$j('#news_detail').hide();
			$j('#news_detail').css('z-index','99');
	});