var imgList = new Array("h0", "h1", "h2", "h3", "h4", "h5", "h6", "h7", "h8", "h9"); 
var imgText = new Array(
"Gunning at Steamer Lane", 
"Harbor Air", 
"Cold Water Classic",
"Way back", 
"Lip smack", 
"Mavericks",
"Classic Steamer Lane", 
"Afternoon surf", 
"Creative reentry",
"Walls R Us, Steamer Lane"
); 
var iImg = 0;
var iFilter = 0;
var filtersSupported = false;
var preload = true;
var cycleTime = 4000;

function init() {
	// courtesy of www.mozilla.org ...
    var agt = navigator.userAgent.toLowerCase();
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);
    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
    var is_nav2 = (is_nav && (is_major == 2));
    var is_nav3 = (is_nav && (is_major == 3));
    var is_nav4 = (is_nav && (is_major == 4));
    var is_nav4up = (is_nav && (is_major >= 4));
    var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) ||
                          (agt.indexOf("; nav") != -1)) );
    var is_nav6 = (is_nav && (is_major == 5));
    var is_nav6up = (is_nav && (is_major >= 5));
    var is_gecko = (agt.indexOf('gecko') != -1);
    var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
    var is_ie3    = (is_ie && (is_major < 4));
    var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
    var is_ie4up  = (is_ie && (is_major >= 4));
    var is_ie5    = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
    var is_ie5_5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1));
    var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
    var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
    var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
    var is_ie6up  = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);

	if (is_ie5up) 
		filtersSupported = true;
	if (is_nav)
		cycleTime = 5000;
}

function initPage() {
	init();
	if (filtersSupported) {
		var img = document.getElementById("homepic");
		img.style.filter += " progId:DXImageTransform.Microsoft.RandomBars(duration=2)";
		img.style.filter += " progId:DXImageTransform.Microsoft.RandomBars(orientation=vertical, duration=2)";

		//img.style.filter += " progId:DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', duration=2)";
		//img.style.filter += " progId:DXImageTransform.Microsoft.Wheel(duration=2, spokes=10)";

		img.style.filter += " progId:DXImageTransform.Microsoft.RandomDissolve(duration=2)";
		//img.style.filter += " progId:DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', duration=2)";
		//img.style.filter += " progId:DXImageTransform.Microsoft.GradientWipe(wipestyle=1, duration=2)";

		var imgtext = document.getElementById("homepictext");
		imgtext.style.filter += " progId:DXImageTransform.Microsoft.Fade(duration=2)";
	}	
	nextPic();
}

function nextFilter(element) {
	var size = imgList.length;
	var i = Math.round(Math.random()*100);
	i = (i % size);
	return i;
}

function nextPic() {
	var img = document.getElementById("homepic");
	var imgSrc = "img/" + imgList[iImg] + ".jpg";
	var txt = document.getElementById("homepictext");
	var txtSrc = imgText[iImg];
	
	iImg++;
	if (iImg >= imgList.length)
		iImg = 0;
		
	
	if (filtersSupported) {
		img.filters.item(iFilter).Apply();
		if (iFilter < 2)
			img.filters.item(iFilter+1).Apply();
		txt.filters.item(0).Apply();
	}
	img.src = imgSrc;
	txt.innerHTML = txtSrc;
	if (filtersSupported) {
		img.filters.item(iFilter).Play(2);
		if (iFilter < 2)
			img.filters.item(iFilter+1).Play(2);
		txt.filters.item(0).Play(2);
		iFilter++;
		if (iFilter < 2)
			iFilter++;
		if (iFilter >= img.filters.length)
			iFilter = 0;
	}
	if (preload)
		preLoad();
	setTimeout("nextPic()", cycleTime);
}

function preLoad() {
	var element = document.getElementById("preload");
	if (!element)
		return;
	element.src = "img/" + imgList[iImg] + ".jpg";
}

function onLoad() {
	initPage();
	onLoadBase();
}

function onLoadBase() {
	var element = document.getElementById("thispage");
	if (element) {
		element.style.color="#ff0000";
	}
}