var curItem = 1;
var maxItem = 5;
var timer = null;

var slides = new Array(	
	"/clients/puredesign/themes/tutorial/images/playful1.jpg",
	"/clients/puredesign/themes/tutorial/images/habitare1.jpg",
	"/clients/puredesign/themes/tutorial/images/dine1.jpg",
	"/clients/puredesign/themes/tutorial/images/savuajatulta1.jpg",
	"/clients/puredesign/themes/tutorial/images/tube1.jpg"
);

var headings = new Array(	
	"Ihminen on suunnittelun lähtökohta.",
	"Tilan hallinta on taitolaji.",
	"Ympäristö vaatii meiltä oikeita tekoja.",
	"Intohimo tekemiseen.",
	"Laatu, tuntuu kokonaisuudessa ja näkyy yksityiskohdissa."
);

var headings2 = new Array(	
	"Ihminen on suunnittelun lähtökohta.",
	"Tilan hallinta on taitolaji.",
	"Ympäristö vaatii meiltä oikeita tekoja.",
	"Intohimo tekemiseen.",
	"Laatu, tuntuu kokonaisuudessa ja näkyy yksityiskohdissa."
);

var link_name = new Array(	
	"Lorem ipsum 1",
	"Lorem ipsum 2",
	"Lorem ipsum 3",
	"Lorem ipsum 4",
	"Dolor sit"
);

var link_url = new Array(	
	"http://www.focusflow.fi",
	"http://www.recommended.fi"
);

var colors = new Array(	
	"white",
	"white",
	"grey",
	"white",
	"white"
);

$(document).ready(function(){
	selectPage(Math.floor(Math.random()*maxItem + 1));
});

function selectPage(i) {
	curItem = i;
	
	//alert(i);
	
	preloadImg(slides[i-1]);

	$("#slide").attr("src", slides[i-1]);
	
	//$("#slideShow").css("background-image", "url("+slides[i-1]+")");
	
	$("#slideHeading").html(headings[i-1]);
	$("#slideHeading2").html(headings2[i-1]);
	
	$("#slideLink").html(link_name[i-1]);
	$("#slideLink").attr("href", link_url[i-1]);
	
}

function hidePage() {
	$("#slide").fadeOut(1300);
	$("#slideHeading").fadeOut(1300);
	$("#slideHeading2").fadeOut(1300);
	timer = setTimeout("nextPage()", 1300);
}

function showLoading() {
	//$("#slideShow .loading").show();
}

function preloadImg(path) {

	//$("#slideShow .loading").show();
	$("#slide").hide();
	$("#slideHeading").hide();
	$("#slideHeading2").hide();

	timer = setTimeout("showLoading()", 250);

	pic = new Image(500, 500); 
	
	pic.onload = function() {
		clearTimeout(timer);
		//$("#slideShow .loading").hide();
		$("#slide").fadeIn(1300);
		$("#slideHeading").fadeIn(1300);
		$("#slideHeading2").fadeIn(1300);
		Cufon.replace('#slideHeading, #slideHeading2');
		timer = setTimeout("hidePage()", 8000);
	};
	
	pic.src = path;
}

function nextPage() {
	if(curItem < maxItem) {
		curItem++;
		selectPage(curItem);
	} else {
		selectPage(1);
	}
}