// JavaScript Document
// JavaScript Document
$(document).ready(function() {
	var $imageListItems = $(".slide-thumbs li"); // Array of images
	var $imageHolders = $(".slides li"); // Array of images
	var stopRotate = 'no'; // "no" for rotation, "yes" for rotation to stop
	var flipspeed = 8; // Number of seconds between flips
	var curImage = 0; // Image to start displaying - recommend to keep at 0
	var numImages = $imageHolders.size() -1; // Gets the size of the array of images
	var tempID = "";
	var doFade = "true";

	if ($.browser.msie && $.browser.version < 10) {
		doFade = "false";
	}
	
	if ($imageHolders.length > 1) {
		$(document).ready(function() {
			$('#image0-slide').data('leftPos', $('#image0-slide .slideimage').css('left'));
			$('#image1-slide').data('leftPos', $('#image1-slide .slideimage').css('left'));
			$('#image2-slide').data('leftPos', $('#image2-slide .slideimage').css('left'));
			$('#image3-slide').data('leftPos', $('#image3-slide .slideimage').css('left'));
			$('#image4-slide').data('leftPos', $('#image4-slide .slideimage').css('left'));
			$('#image0-slide').data('leftPos2', $('#image0-slide .slideimage2').css('left'));
			$('#image1-slide').data('leftPos2', $('#image1-slide .slideimage2').css('left'));
			$('#image2-slide').data('leftPos2', $('#image2-slide .slideimage2').css('left'));
			$('#image3-slide').data('leftPos2', $('#image3-slide .slideimage2').css('left'));
			$('#image4-slide').data('leftPos2', $('#image4-slide .slideimage2').css('left'));

			viewSection("image0");
			rotateImages();

			$imageListItems.each(
				function(index, domEle) {
					var tempSlide = "";
					if(index == 0) {
						$(domEle).addClass("active");
					} 
					$(domEle).attr("id", "image" + index);
				}
			);
		
			$('.slide-thumbs a').click(function(){
				tempID = $(this).parent().attr("id");
				stopRotate = 'yes';
				viewSection(tempID);
				return false;
			});
		});
	}
	
	function viewSection(id) {
		$imageListItems.removeClass("active");
		$("#"+id).addClass("active");
		$imageHolders.each(function() {
			var $tempThis = $(this);
			if($tempThis.is(":visible")){
				if(doFade == "true") { 
//					$(this+" .slidetext").fadeOut();
					$(this+" .slideimage").fadeOut().pngFix( {blankgif: './library/img/blank.gif'} );
					$(this+" .slideimage2").fadeOut().pngFix( {blankgif: './library/img/blank.gif'} );
					$tempThis.fadeOut();
				} else {
					$(this+" .slideimage").hide();
					$(this+" .slideimage2").hide();
					$tempThis.hide();
				}
			}
		});
	
		var slideID = id+"-slide";
		newLeft = parseInt($("#"+slideID).data('leftPos')) - 80;
		newLeft2 = parseInt($("#"+slideID).data('leftPos2')) - 80;
//		alert(newLeft);
		$("#"+slideID+" .slideimage").css({
			opacity: 0, 
			left: newLeft
		});
		$("#"+slideID+" .slideimage2").css({
			opacity: 0, 
			left: newLeft2
		});
	
		if(doFade == "true") { 
			$("#"+slideID).fadeIn(500, function () {
				$("#"+slideID+" .slidetext").animate({ 
					opacity: 1
				}, 800);
				$("#"+slideID+" .slideimage").animate({
					opacity: 1,
					left: '+=80'
				}, 800, "easeOutBack");
				$("#"+slideID+" .slideimage2").animate({
					opacity: 1,
					left: '+=80'
				}, 1000, "easeOutBack");
			});
		} else {
			$("#"+slideID).show();
			$("#"+slideID+" .slidetext").fadeIn();
			$("#"+slideID+" .slideimage").animate({
				opacity: .999,
				left: '+=80'
			}, 800, "easeOutBack");
			$("#"+slideID+" .slideimage2").animate({
				opacity: .999,
				left: '+=80'
			}, 1000, "easeOutBack");
		}
	}
	
	function rotateImages() {
		if (stopRotate != 'yes') {
			setTimeout(function() { 
				if (curImage < numImages) {
					curImage++;
				} else {
					curImage = 0;
				}
				if (stopRotate == 'no')
				{
					viewSection("image"+curImage);
				}
				rotateImages();
			}, flipspeed*1000);
		}
	}
});


/*
var baseSlideX; // Get .slide1 left position
var baseSlideY; // Get .slide1 top position
var mouseX = 0; // Current coordinates of the mouse
var mouseY = 0;
var mouseOffsetX = 0; //position of the mouse relative to the slide center
var mouseOffsetY = 0;
var slideOffset; // Where the slides are initially
var slideOffsetX; // Center of the slide
var slideOffsetY;
var slidePosX;
var slidePosY;
var stretch = 30; // How much to move the image relative to the mouse position
var t; // The timeout running the show.

$(document).ready(function(){
	slideOffset = $(".slides .slide-image").offset(); 
	slideOffsetX = slideOffset.left + 200;
	slideOffsetY = slideOffset.top + 280;
	slidePosX = 
	baseSlideX = parseInt($(".slide1 .slide-image").css("left")); 
	slidePosY = 
	baseSlideY = parseInt($(".slide1 .slide-image").css("top")); 

	$(document).mousemove(function(e){
		mouseX = e.pageX;
		mouseY = e.pageY;
	}); 

	updatePosition();
});

function moveImages(slide, offsetX, offsetY) {
	var $slideImage = $(slide+ " .slide-image");
	$slideImage.css({ 
		"left" : parseInt(offsetX), 
		"top"  : parseInt(offsetY)
	});
	slidePosX = parseInt($slideImage.css("left"));
	slidePosY = parseInt($slideImage.css("top"));
}

function updatePosition() { 
// Figure out where to move to and only move part of the way
	var targetX = slidePosX + ( ( ( ( slideOffsetX - mouseX ) / stretch ) + baseSlideX - slidePosX ) / 16); 
	var targetY = slidePosY + ( ( ( ( slideOffsetY - mouseY ) / stretch ) + baseSlideY - slidePosY ) / 16);
	moveImages(".slide1", targetX, targetY);
//	$("#status").html("coords (" + targetX + ", " + targetY + ")");
	t = setTimeout("updatePosition()",35);
}
*/