/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

function slideshow() {

/* set up defaults */
minPic = 0;
maxPic = $("#images img").length;
minRow = 0;
maxRow = (maxPic/9);
if (maxRow > parseInt(maxRow)) {maxRow = parseInt(maxRow)+1;}

var thumbs = $("#thumbHolder img");
var img = $("#images img");
var txt = $("#txt p");
state = "hide";

picWidth = img.eq(0).width();
img.eq(minPic).animate({"left": "0px"}, 400, "swing");

thumbs.animate({opacity: 0.6});
thumbs.eq(0).animate({opacity: 1});
thumbs.eq(0).css("background","#fff");

$("#opacity").css("opacity", "0.6");

/* set auto run delay time in milliseconds */
timeOut = 5000;
t=setTimeout("timedCount()",timeOut);

/* control pad functions */
$("#scrollDown").click(function(){
clearTimeout(t);
minRow++
if (minRow == maxRow) {minRow = 0;}
$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
});

$("#scrollUp").click(function(){
clearTimeout(t);
minRow--
if (minRow == -1) {minRow = maxRow-1;}
$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
});

$("#next").click(function(){
clearTimeout(t);
txtHide(txt)
test = parseInt(minPic/7);
if (test != minRow) {
minRow = test;
$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
}
img.eq(minPic).animate({"left": "-"+picWidth+"px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 0.6});
thumbs.eq(minPic).css("background","#aaa");
minPic++
if (minPic == maxPic) {minPic = 0;}
if ((minPic/9) == parseInt(minPic/9)) {
minRow = minPic/9;
$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
}
img.eq(minPic).css("left", picWidth+"px");
img.eq(minPic).animate({"left": "0px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 1});
thumbs.eq(minPic).css("background","#fff");
});

$("#previous").click(function(){
clearTimeout(t);
txtHide(txt)
test = parseInt(minPic/7);
if (test != minRow) {
minRow = test;
$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
}
img.eq(minPic).animate({"left": picWidth+"px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 0.6});
thumbs.eq(minPic).css("background","#aaa");
minPic--
if (minPic == -1) {minPic = maxPic-1;}
if ((minPic+1)/9 == parseInt((minPic+1)/9) || minPic == maxPic-1) {
if (minPic == maxPic-1) {
minRow = maxRow-1;
}
else {
minRow = (minPic+1)/9-1;
}
if (minRow == -1) {minRow = maxRow-1;}
$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
}
img.eq(minPic).css("left","-"+picWidth+"px");
img.eq(minPic).animate({"left": "0px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 1});
thumbs.eq(minPic).css("background","#fff");
});

/* click a thumbnail image function */
thumbs.click(function() {
clearTimeout(t);
txtHide(txt)
current = ($(this).index())
if (current > minPic) {
img.eq(minPic).animate({"left": "-"+picWidth+"px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 0.6});
thumbs.eq(minPic).css("background","#aaa");
minPic = current;
img.eq(minPic).css("left", picWidth+"px");
img.eq(minPic).animate({"left": "0px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 1});
thumbs.eq(minPic).css("background","#fff");
}
if (current < minPic) {
img.eq(minPic).animate({"left": picWidth+"px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 0.6});
thumbs.eq(minPic).css("background","#aaa");
minPic = current;
img.eq(minPic).css("left","-"+picWidth+"px");
img.eq(minPic).animate({"left": "0px"}, 400, "swing");
thumbs.eq(minPic).animate({opacity: 1});
thumbs.eq(minPic).css("background","#fff");
}
});

/* show/hide information panel */ 
$("#info").click(function(){
clearTimeout(t);
txtToggle(txt)
});

/* stop/strat timer */
$("#slideshow").mouseover(function() {
clearTimeout(t);
});
$("#slideshow").mouseout(function() {
t=setTimeout("timedCount()",timeOut);
});

}

function txtToggle(txt) {
if (state == "hide") {
state= "show";
$("#opacity").animate({"top": "0px"}, 400, "swing");
txt.eq(minPic).animate({"top": "0px"}, 400, "swing");
}
else {
state="hide";
$("#opacity").animate({"top": "-360px"}, 400, "swing");
txt.eq(minPic).animate({"top": "-360px"}, 400, "swing");
}
}

function txtHide(txt) {
if (state == "show") {
state="hide";
$("#opacity").animate({"top": "-360px"}, 600, "swing");
txt.eq(minPic).animate({"top": "-360px"}, 600, "swing");
}
}

/* auto run image control */ 
function timedCount() {
	var thumbs = $("#thumbHolder img");
	var img = $("#images img");
	var txt = $("#txt p");
	txtHide(txt)
	test = parseInt(minPic/7);
	if (test != minRow) {
	minRow = test;
	$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
	}
	img.eq(minPic).animate({"left": "-"+picWidth+"px"}, 400, "swing");
	thumbs.eq(minPic).animate({opacity: 0.6});
	thumbs.eq(minPic).css("background","#aaa");
	minPic++
	if (minPic == maxPic) {minPic = 0;}
	if ((minPic/7) == parseInt(minPic/7)) {
	minRow = minPic/7;
	$("#thumbHolder").animate({"top": -((minRow)*48)+"px"}, 400, "swing");
	}
	img.eq(minPic).css("left", picWidth+"px");
	img.eq(minPic).animate({"left": "0px"}, 400, "swing");
	thumbs.eq(minPic).animate({opacity: 1});
	thumbs.eq(minPic).css("background","#fff");
	t=setTimeout("timedCount()",timeOut);
}

window.onload=slideshow;