var slideshowPosition 		= 0;
var slideshowAuto			= 1;
var slideshowAutoTimeout;

// ---------

function TransitionOut() {
	if (slideshowAuto == 0) {
		clearTimeout(slideshowAutoTimeout);

		$("#iphone_content").fadeOut(100);
		$("#description_content").fadeOut(30);
		$("#description_header").fadeOut(100);
	} else {
		$("#iphone_content").fadeOut(1000);
		$("#description_content").fadeOut(300);
		$("#description_header").fadeOut(1000);
	}
}

function TransitionIn() {
	if (slideshowAuto == 0) {
		clearTimeout(slideshowAutoTimeout);

		$("#iphone_content").fadeIn(200);
		$("#description_content").fadeIn(100);
		$("#description_header").fadeIn(50);
	} else {
		$("#iphone_content").fadeIn(2000);
		$("#description_content").fadeIn(1000);
		$("#description_header").fadeIn(500);
	}
}

function ChangeContent() {
	var my_header		= slideshowArray[slideshowPosition][0];
	var my_content		= slideshowArray[slideshowPosition][1];
	var my_image_url	= slideshowArray[slideshowPosition][2];

	var my_image_attribute = 'url(' + my_image_url + ');';

	$("#description_header").html(my_header);
	$("#description_content").html(my_content);
	$('#iphone_content').css('backgroundImage','url(' + my_image_url +')'); 

	var slideshowDirectNavigator = '';

	// Slideshow navigator...

	var count = 0;
	for (var slideshowItem in slideshowArray) {
		if (slideshowPosition == slideshowItem) {
			slideshowDirectNavigator = slideshowDirectNavigator + "<img src='images/slideshow/slide-bullet-selected.png' alt='' height='36' width='36' />"
		} else {
			slideshowDirectNavigator = slideshowDirectNavigator + "<img onclick='slideshowAuto = 0; SlideshowGoTo(" + count + "); return false;' src='images/slideshow/slide-bullet-deselected.png' alt='' height='36' width='36' />";
		}

		count = count + 1;
	};

	if (slideshowPosition == 0) {
		slideshowDirectNavigator = "<img src='images/slideshow/slide-arrowleft-inactive.png' alt='' height='36' width='36' />" + slideshowDirectNavigator;
	} else {
		slideshowDirectNavigator = "<img onclick='slideshowAuto = 0; SlideshowPrevious(); return false;' src='images/slideshow/slide-arrowleft-active.png' alt='' height='36' width='36' />" + slideshowDirectNavigator;
	}

	if (slideshowArray.length == parseInt(slideshowPosition + 1)) {
		slideshowDirectNavigator = slideshowDirectNavigator + "<img src='images/slideshow/slide-arrowright-inactive.png' alt='' height='36' width='36' />";
	} else {
		slideshowDirectNavigator = slideshowDirectNavigator + "<img onclick='slideshowAuto = 0; SlideshowNext(); return false;' src='images/slideshow/slide-arrowright-active.png' alt='' height='36' width='36' />";
	}

	$("#nav_direct_selector").html(slideshowDirectNavigator);

	// Reset slideshow, if finished...

/*
	if (slideshowArray.length - 1 > slideshowPosition) {
		slideshowPosition = slideshowPosition + 1;
	} else {
		slideshowPosition = 0;
	}
*/

	if (slideshowAuto == 1) {
		slideshowAutoTimeout = setTimeout('SlideshowNext()',15000);
	}
}

function SlideshowNext() {
	TransitionOut();

	if (slideshowArray.length - 1 > slideshowPosition) {
		slideshowPosition = slideshowPosition + 1;
	} else {
		slideshowPosition = 0;
	}

	if (slideshowAuto == 0) {
		clearTimeout(slideshowAutoTimeout);

		setTimeout('ChangeContent()',100);
		setTimeout('TransitionIn("speed")',110);
	} else {
		setTimeout('ChangeContent()',1000);
		setTimeout('TransitionIn()',1100);
	}
}

function SlideshowPrevious() {
	TransitionOut();

	slideshowPosition = slideshowPosition - 1;

	if (slideshowAuto == 0) {
		clearTimeout(slideshowAutoTimeout);

		setTimeout('ChangeContent()',100);
		setTimeout('TransitionIn("speed")',110);
	} else {
		setTimeout('ChangeContent()',1000);
		setTimeout('TransitionIn()',1100);
	}
}

function SlideshowGoTo(position) {
	TransitionOut();

	slideshowPosition = position;

	if (slideshowAuto == 0) {
		clearTimeout(slideshowAutoTimeout);

		setTimeout('ChangeContent()',100);
		setTimeout('TransitionIn("speed")',110);
	} else {
		setTimeout('ChangeContent()',1000);
		setTimeout('TransitionIn()',1100);
	}
}