// JavaScript Document

$(document).ready(function(){

//////////////////////////////////////////////////////////////////////////////////////////////////////

	$('ul#thumbnails').width($('ul#thumbnails li').size() * $('ul#thumbnails li:first').outerWidth() + 8);
	$('img#mainimgsrc').attr('src', $('ul#thumbnails li:first img').attr("lsrc")); 
	$('div#mainimgtxt').text($('ul#thumbnails li:first img').attr('dsc'));
	$('ul#thumbnails li:first img').addClass('full2');
	$('li#products ul.submenu').hide();
	var maxscroll = $('ul#thumbnails').outerWidth() - $('div#thumbnailswrap').outerWidth();

//////////////////////////////////////////////////////////////////////////////////////////////////////

	$('ul#mainnav li#products').mouseenter(function() {
	
		$('li#products ul.submenu').fadeIn();
	});
	
	$('ul#mainnav li#products').mouseleave(function() {
		$('li#products ul.submenu').delay(200).fadeOut('slow');
	});
											


//////////////////////////////////////////////////////////////////////////////////////////////////////
	
	var autoslide;
	var autoslideexist = 0;
	var currautoslide = 0;
	var pauseauto = false;
	
	
	autoslide = window.setInterval(function() {
		autoslideexist++;
		currautoslide++;
		if (currautoslide >= $('ul#thumbnails img').length) {
			currautoslide = 0;	
		}		
		if (!pauseauto) {
			$('div#thumbnailswrap').scrollLeft(currautoslide * maxscroll / ($('ul#thumbnails img').length - 1));
		}
		$('ul#thumbnails img:eq(' + currautoslide + ')').click();

	}, 4500);

	

//////////////////////////////////////////////////////////////////////////////////////////////////////


	$('ul#thumbnails img').click(function(){
		autoslideexist--;
		
		if (autoslideexist < 0) {
			window.clearInterval(autoslide);
			autoslideexist = 0;
		}
		
		$('ul#thumbnails img.full2').removeClass('full2');
		
		$(this).addClass('full2');
		
		var $clicked = null;
		$clicked = $(this);

		$('div#mainimg>div:first-child').css('background-image', "url(" + $('img#mainimgsrc').attr('src') + ")");
		$('img#mainimgsrc').hide();
		//$('img#mainimgsrc').fadeTo('slow', 0.1, function(){
		$('img#mainimgsrc').attr('src', $clicked.attr("lsrc"));// });
		$('img#mainimgsrc').fadeTo('slow', 1);		

		$('div#mainimgtxt').text($clicked.attr('dsc'));
		
	});
	
	
	$('ul#thumbnails img').mouseover(function(){
		
		$(this).addClass('full');
	});		

	$('ul#thumbnails img').mouseout(function(){
		
		$(this).removeClass('full');
	});	


//////////////////////////////////////////////////////////////////////////////////////////////////////
	
	var scrolltimer;
	var scrolltimerexist = false;

	$('div#scrollctrlleft, div#scrollctrlright').mouseover(function() {
		pauseauto = true;
		if (!scrolltimerexist) {
			var scrolldir = -1;
			
			if ($(this).attr('id') == "scrollctrlright") {
				scrolldir = 1;
			}
			
			scrolltimer = window.setInterval(function() {

				if ($('div#thumbnailswrap').scrollLeft() >= 0 && $('div#thumbnailswrap').scrollLeft() <= maxscroll) {
					$('div#thumbnailswrap').scrollLeft($('div#thumbnailswrap').scrollLeft() + (3 * scrolldir));
				}

			}, 2);
			
			scrolltimerexist = true;
		};
	});
	
	$('div#scrollctrlleft, div#scrollctrlright').mouseout(function() {
		pauseauto = false;
		if (scrolltimerexist) {
			window.clearInterval(scrolltimer);
			scrolltimerexist = false;
		};
	});	

//////////////////////////////////////////////////////////////////////////////////////////////////////

});