function displayVisual(thumb){
	var newVisual = $('<img/>').attr('src',$(thumb).find('a:first').attr('href'));
	if($(thumb).find('.description-link').length>0){
		var newDisplay = $('<a/>').attr({
			'href': $(thumb).find('.description-link').attr('href'),
			'title': $(thumb).find('.description-link').html()
		}).html(newVisual);
	}else{
		var newDisplay = newVisual;
	}
	$('.visual-displayed > *').before(newDisplay).fadeOut(500,function(){
		$('.visual-displayed > *:last').remove();
	});
	$('.legend-displayed').html($(thumb).find('.thumb-description').html());
	$(thumb).addClass('thumb-on').siblings().removeClass('thumb-on');
}
var nextVisual=1;
var slideShowTimeout=null;
var nkCarousel = null;

function loopSlideShow(){
	if($('#process-machinery').length<=0 || $('#process-machinery').css('display') != 'none'){ // loop only when the right tab is on
		
		if((nkCarousel.get(nextVisual+1).position().left + nkCarousel.list.position().left) < 0 || (nkCarousel.get(nextVisual+1).position().left + nkCarousel.list.position().left) >=590){
			nkCarousel.scroll(nextVisual+1);
		}
		displayVisual($('.thumbs-carousel > li:eq('+nextVisual+')'))
		nextVisual = (nextVisual==$('.thumbs-carousel > li').length-1)?0:(nextVisual+1);
	}
	slideShowTimeout = setTimeout("loopSlideShow()",4000);
}
$(document).ready(function(){
	//initialize
	$('.thumbs-carousel .thumb-description').hide();
	var visualDisplayed = $('<img/>').attr('src',$('.thumbs-carousel > li:first').find('a:first').attr('href'));
	if($('.thumbs-carousel > li:first').find('.description-link').length>0){
		var elementDisplayed = $('<a/>').attr({
			'href': $('.thumbs-carousel > li:first').find('.description-link').attr('href'),
			'title': $('.thumbs-carousel > li:first').find('.description-link').html()
		}).html(visualDisplayed);
	}else{
		var elementDisplayed = visualDisplayed;
	}
	$('.visual-displayed').html(elementDisplayed);
	$('.legend-displayed').html($('.thumbs-carousel > li:first .thumb-description').html());
	$('.thumbs-carousel > li:first').addClass('thumb-on');
	
	
	
	$('.thumbs-carousel > li').each(function(i,e){
		$(e).find('a:first').click(function(){
			displayVisual(e);
				nextVisual = (i==$('.thumbs-carousel > li').length-1)?0:(i+1);
			return false;
		});
	});
	$('.thumbs-carousel').jcarousel({
		scroll:5,
		wrap: 'both',
		initCallback:function(carousel){
			nkCarousel = carousel;
			$('.thumbs-carousel').css('top','0');
		}
		
	});
	$('.slide-show').hover(function(){
		clearTimeout(slideShowTimeout);
	},function(){
		slideShowTimeout=setTimeout("loopSlideShow()",4000);
	});
	
	 slideShowTimeout=setTimeout("loopSlideShow()",4000);
	 
	if($('#process-machinery').length>0){ //initialize the list if we open the shop location tab first
		$('.tab-menu li:first > a').click(function(){
			//li width = 109; li margin = 9; last li margin = 0;
			if(nkCarousel.list.width()< (nkCarousel.list.children().length * 118)-9){
				nkCarousel.list.width((nkCarousel.list.children().length * 118)-9);
			}
		});
	}
	if ($('.thumbs-carousel li').length < 6) {
		$('.jcarousel-prev-horizontal').css('visibility','hidden');
		$('.jcarousel-next-horizontal').css('visibility','hidden');
	}
});