var slideShowEnabled = true;	
function MoveLeft()
{
	$("#model_zoom").fadeOut(200);
	var p = $("#models").position().left - $('#models td').outerWidth();

	var cells = $('#models td');
	var cell_width = $('#models').width()/cells.length;
	var p = Math.round(p/cell_width)*cell_width;

	$("#models").animate(
		{
			left:p+"px"
		},{
			queue:true,
			easing:"swing",
			duration:300,
			complete: function(){
				UpdatePosition();
				HighLight();
			}
		}
	);
}
function MoveRight()
{
	$("#model_zoom").fadeOut(200);
	var p = $("#models").position().left + $('#models td').outerWidth();

	var cells = $('#models td');
	var cell_width = $('#models').width()/cells.length;
	var p = Math.round(p/cell_width)*cell_width;

	$("#models").animate(
		{
			left:p+"px"
		},{
			queue:true,
			easing:"swing",
			duration:300,
			complete: function(){
				UpdatePosition();
				HighLight();
			}
		}
	);
}

function SlideShow()
{
	if (!slideShowEnabled) return;
	MoveLeft();
	setTimeout("SlideShow()", 3000);
}

function UpdatePosition()
{
	var left = 0;
	if ($('#models').position().left > -$('#models').width()/3)
		left -= $('#models').width()/3;
	else if ($('#models').position().left < -2*$('#models').width()/3)
		left += $('#models').width()/3;
	$('#models').css('left', ($('#models').position().left+left)+'px');
}

function HighLight()
{
	$('#models td').each(function(){
		var p = $('#models').position().left + $(this).position().left;
		if (p == $(this).outerWidth()*3)
		{
			var offset = $(this).offset();
			$('#model_zoom a').remove();
			$('#model_zoom img').remove();
			$("#model_zoom").css('top', (offset.top-29)+'px').css('left',(offset.left-67)+'px').css('width', '264px').css('height', '195px').css('display', 'block');
			
			$('a', this).clone().appendTo('#model_zoom');
			$('#model_zoom').css('top', ($('#model_zoom').position().top-$('#model_zoom a').outerHeight())+'px');
			$("#model_zoom a").css('visibility', 'hidden');
			
			$('img', this).clone().appendTo('#model_zoom');
			$('#model_zoom img').css('position', 'relative').css('top', '48px').css('width', '130px').css('height', '97px');
			
			$("#model_zoom").show();

			$('#model_zoom img').animate(
				{
					top:0,
					width:'260px',
					height:'195px'
				},{
					queue:true,
					easing:"swing",
					duration:500,
					complete: function(){
						$("#model_zoom a").css('visibility', '').hide().fadeIn(200);
						$('#model_zoom img').css('border-top', '0');//.css('padding-top', '2px');
						$("#model_zoom a").css('padding-bottom', '12px');
					}
				}
			);
		}
	});
}

$(document).ready(function(){
	var cells = $('#models td');
	cells.each(function(){
		var row = $(this).closest('tr');
		$(this).clone().appendTo(row);
	});
	cells.each(function(){
		var row = $(this).closest('tr');
		$(this).clone().appendTo(row);
	});
	
	UpdatePosition();
	HighLight();
	
	$('#models td').click(function(){
		$("#model_zoom").fadeOut(200);
		var p = $(this).outerWidth()*3 - $(this).position().left;
		$('#models').animate(
			{
				left:p+"px"
			},{
				queue:true,
				easing:"swing",
				duration:Math.abs(Math.round(($('#models').position().left-p)/$(this).outerWidth()))*300,
				complete: function(){
					slideShowEnabled = false;
					$("#model_zoom").hide();
					UpdatePosition();
					HighLight();
				}
			}
		);
	});
	
	$("#models-prev").click(function () {
		slideShowEnabled = false;
		MoveRight();
	});
	$("#models-next").click(function () {
		slideShowEnabled = false;
		MoveLeft();
	});
	
	setTimeout("SlideShow()", 3000);
});

$(window).resize(function(){
	$("#model_zoom").fadeOut(100);
});