var images = ['channel3.png', 'http://placekitten.com/g/500/300', 'http://placekitten.com/500/300'];
var links = ["channel3/", "kitten1/", "kitten2/"];

function init() {
	while (jQuery == undefined) {
		alert('jQuery not loaded');
	}
	$("div#slideshow img.sm").attr("src", images[0])
	$("div#slideshow a#sma").attr('href', links[0]);
	$("div#slideshow img.sl").attr("src", images[2]);
	$("div#slideshow a#sla").attr('href', links[2]);
	$("div#slideshow img.sr").attr("src", images[1]);
	$("div#slideshow a#sra").attr('href', links[1]);
	setTimeout('nextPos()', 5000);
}

function nextPos() {
	var m = $("div#slideshow img.sm");
	var l = $("div#slideshow img.sl");
	var r = $("div#slideshow img.sr");
	m.attr('class', 'sl');
	l.attr('class', 'sr');
	r.attr('class', 'sm');
	setTimeout('nextPos()', 5000);
	setTimeout('updateZIndex()', 500);
	setTimeout('updateMZIndex()', 250);
}

function updateZIndex() {
	var l = $("div#slideshow img.sl");
	var r = $("div#slideshow img.sr");
	var m = $("div#slideshow img.sm");
	m.attr('style', 'z-index:2;');
	l.attr('style', 'z-index:1;');
	r.attr('style', 'z-index:1;');
}

function updateMZIndex() {
	var m = $("div#slideshow img.sm");
	m.attr('style', 'z-index:3;');
}


window.onload = init;