$(document).ready(function() 
{	 
isiPad = navigator.userAgent.match(/iPad/i) != null;
isiPhone = navigator.userAgent.match(/iPhone/i) != null;
if(!isiPad && !isiPhone){
		var speed = 500;
		var interval = 6000;
		var images = $("#container #gallery div");
		var thumbs = $("#container #thumbs ul li");
		var index = Math.floor((thumbs.length)*Math.random());
		var thumbsl = thumbs.length * 14;
		var imgHeight = $(thumbs).attr("height");
		
		$("#container #thumbs").css({
			'width' : thumbsl + 'px'
		});
		
		for (i=0; i<=thumbs.length; i++)
		{
			$(thumbs[i]).addClass("thumb-"+i);
			$(images[i]).addClass("image-"+i);
			if(i == index){
				$(images[i]).css({
					'visibility' : 'visible'
				});
				$(images[i]).stop().fadeIn(speed);
			} else {
				$(images[i]).fadeOut(speed);
				$(images[i]).css({
					'visibility' : 'hidden'
				});
			}
		}
		
		$(".thumb-"+index).addClass('act');
		
		$("#container #thumbs ul li").click(function(){
			clearInterval(itvl);
			var num = $(this).prevAll('.menuItem').length;
			show(num);
			index = num;
			$('li.menuItem').removeClass('act');
			$(this).addClass('act');
			itvl = setInterval(sift, interval);
		});
		
		function sift()
		{
			if (index<(thumbs.length-1)){index+=1;}
			else {index=0}
			show (index);
		}
		
		function siftPlus()
		{
			if (index<(thumbs.length-1)){index+=1;}
			else {index=0}
			show (index);
			itvl = setInterval(sift, interval);
		}
		
		function siftMinus()
		{
			if (index>0){index-=1;}
			else {index=(thumbs.length-1)}
			show (index);
			//itvl = setInterval(sift, interval);
		}
		
		//$("#rightarrow").click(siftPlus());
		//$("#leftarrow").click(siftMinus());
		
		function show(num)
		{
			$(".image-"+num).css({
				'visibility' : 'visible'
			});
			$(images).fadeOut(speed);
			$(".image-"+num).stop().fadeIn(speed);
			$('li.menuItem').removeClass('act');
			$(".thumb-"+num).addClass('act');
		}
		
		function hideArrows(){
			$("#leftarrow").stop(true, true).fadeOut("fast");
			$("#rightarrow").stop(true, true).fadeOut("fast");
		}
		
		function showArrows(){
			$("#leftarrow").stop(true, true).fadeIn("fast");
			$("#rightarrow").stop(true, true).fadeIn("fast");
		}
		
		hideArrows();
		
		$("#container").hover(function(){
			showArrows();
		}, function(){
			hideArrows();
		});

		var itvl = setInterval(sift, interval);
} else {
	$("#container").hide();
}
});