scrollStep=4

timerLeft=""
timerRight=""

function toLeft(id){
  document.getElementById(id).scrollLeft=0
}

function scrollDivLeft(id){
  clearTimeout(timerRight) 
  document.getElementById(id).scrollLeft+=scrollStep
  timerRight=setTimeout("scrollDivLeft('"+id+"')",10)
}

function scrollDivRight(id){
  clearTimeout(timerLeft)
  document.getElementById(id).scrollLeft-=scrollStep
  timerLeft=setTimeout("scrollDivRight('"+id+"')",10)
}

function toRight(id){
  document.getElementById(id).scrollLeft=document.getElementById(id).scrollWidth
}

function stopMe(){
  clearTimeout(timerRight) 
  clearTimeout(timerLeft)
}

var lock = 0;

$(function(){
	
	$("div.tx-piecescomext-pi3-productlist ul li").hide();

	$("div.tx-piecescomext-pi3-thumblist-inner a").click(function(){
		if(!lock){
			lock = 1;
			$("div.tx-piecescomext-pi3-thumblist-inner a.selected").removeClass('selected');
			$("div.tx-piecescomext-pi3-productlist li").hide();	
			$this = $(this);
			productid = $this.attr('href').split('#')[1];

			var titleparts = (document.title).split(':');
			document.title = titleparts[0] + ':' + titleparts[1] + ': ' + $('#'+ productid + ' .ititle').text();
			
			$('#'+ productid).fadeIn('slow');
			$this.addClass('selected');
			lock = 0;
			//return false;
		}
	});

	$("div.tx-piecescomext-pi3-productlist").css('display','block');

	var pid = (document.location.href).split('#')[1];
	
	//alert(document.title);
	
	
	if(pid){
		
		document.title += ' : ' + $('#'+ pid + ' .ititle').text();
		$("div.tx-piecescomext-pi3-productlist li#" + pid).show();	
		
	} else {

		document.title += ' : ' + $("div.tx-piecescomext-pi3-productlist li:first" + " .ititle").text();
		$("div.tx-piecescomext-pi3-productlist li:first").show();	
		
	}

	var totalwidth = 300;
	
	$('div.tx-piecescomext-pi3-thumblist-inner img').each(function(){
		totalwidth += $(this).width();
	});
	
	$('div.tx-piecescomext-pi3-thumblist-inner').width(totalwidth);
	
	
	$('a.leftarrow').mouseover(function(){
		scrollDivRight('thumbcontainer');
	});

	$('a.leftarrow').mouseout(function(){
		stopMe();
	});

	$('a.rightarrow').mouseover(function(){
		scrollDivLeft('thumbcontainer');
	});

	$('a.rightarrow').mouseout(function(){
		stopMe();
	});
	

});