// JavaScript Document

var imageNames = new Array('1', '2', '3', '4', '5', '6');
var current = 0;

var imageSet = new Array();
for (i=0; i<imageNames.length; i++){
	imageSet[i] = new Image();
	imageSet[i].src = "images/"+imageNames[i]+".jpg";
}
var t=setTimeout("timeToChange()",6000);

function timeToChange()
{
	if(current!=5){
		slideshowHandler(current+1);
	} else {
		slideshowHandler(0);
	}
	t=setTimeout("timeToChange()",6000);
}
function overHandler(num)
{
	clearTimeout(t);
	if (current != num){
		$('#largeImage').fadeTo(200, .1, function() {
    		changeImage(num);
  		});
	}
}
function changeImage(num)
{
	document.getElementById('largeImage').src = imageSet[num].src;
	switch (num) {
	case 0: document.getElementById('largeImageLink').href = "portfolio/project.php?id=7";
			break;
	case 1: document.getElementById('largeImageLink').href = "portfolio/project.php?id=5";
			break;
	case 2: document.getElementById('largeImageLink').href = "portfolio/project.php?id=5";
			break;
	case 3: document.getElementById('largeImageLink').href = "portfolio/project.php?id=8";
			break;
	case 4: document.getElementById('largeImageLink').href = "portfolio/project.php?id=9";
			break;
	case 5: document.getElementById('largeImageLink').href = "portfolio/project.php?id=6";
			break;		
	}
	current=num;
	fadeBack();
}
function fadeBack(num)
{
$('#largeImage').fadeTo(200, 1, function() {});
}

function slideshowHandler(num)
{
	if (current != num){
		$('#largeImage').fadeTo(600, .1, function() {
    		changeImage2(num);
  		});
	}
}
function changeImage2(num)
{
	document.getElementById('largeImage').src = imageSet[num].src;
	switch (num) {
	case 0: document.getElementById('largeImageLink').href = "portfolio/project.php?id=7";
			break;
	case 1: document.getElementById('largeImageLink').href = "portfolio/project.php?id=5";
			break;
	case 2: document.getElementById('largeImageLink').href = "portfolio/project.php?id=5";
			break;
	case 3: document.getElementById('largeImageLink').href = "portfolio/project.php?id=8";
			break;
	case 4: document.getElementById('largeImageLink').href = "portfolio/project.php?id=9";
			break;
	case 5: document.getElementById('largeImageLink').href = "portfolio/project.php?id=6";
			break;		
	}
	current=num;
	fadeBack2();
}
function fadeBack2(num)
{
$('#largeImage').fadeTo(600, 1, function() {});
}
function startTimer()
{
	t=setTimeout("timeToChange()",6000);
}