//Fading Slide Show 
//Written by Matt Kane

var rotateImage = new Array();
//rotateImage[0] = "/ninja_01.jpg";
//rotateImage[1] = "/ninja_02.jpg";
//rotateImage[2] = "/ninja_03.jpg";
//rotateImage[3] = "/ninja_04.jpg";
//rotateImage[4] = "/ninja_05.jpg";

var rotateLink = new Array();
//rotateLink[0] = "http://www.yahoo.com";
//rotateLink[1] = "http://www.personifydesign.com";
//rotateLink[2] = "http://www.google.com";
//rotateLink[3] = "http://www.msnbc.com";
//rotateLink[4] = "http://www.listagroup.com";


var i;
var j;

var rotateInterval = 5000;

function next()
	{
		j = (i + 1);
    	$(".viewImage").css("display","inline");
		$(".viewImage").attr("src",rotateImage[i]);
	    $(".link").attr("href",rotateLink[j]);
	    
	    if (j == rotateImage.length){
        	i = -1;
        	j = 0;
        	$(".link").attr("href",rotateLink[j]);
        }

	    $(".hideImage").attr("src",rotateImage[(j)]);
        i = (i + 1);
        $(".viewImage").fadeOut("slow");
    

        a=setTimeout("next()", rotateInterval);
    }
    function nextNOFADE() {
        j = (i + 1);
        $(".viewImage").css("display", "inline");
        $(".viewImage").attr("src", rotateImage[i]);
        $(".link").attr("href", rotateLink[j]);

        if (j == rotateImage.length) {
            i = -1;
            j = 0;
            $(".link").attr("href", rotateLink[j]);
        }

        $(".hideImage").attr("src", rotateImage[(j)]);
        i = (i + 1);
        $(".viewImage").css("display","none");


        a = setTimeout("nextNOFADE()", rotateInterval);
    }

	$(document).ready(function() {
	    $(".viewImage").css("position", "absolute");
	    $(".viewImage").css("z-index", "50");
	    $(".hideImage").css("position", "absolute");
	    $(".hideImage").css("z-index", "10");

	    //turn off fading if it's an iphone
	    var agent = navigator.userAgent.toLowerCase();
	    var is_iphone = (agent.indexOf('iphone') != -1);
	    if (is_iphone) {
	        i = 0;
	        $(".link").attr("href", rotateLink[0]);
	        $(".viewImage").attr("src", rotateImage[i]);
	        a = setTimeout("nextNOFADE()", rotateInterval);

	    }
	    else {
	        i = 0;
	        $(".link").attr("href", rotateLink[0]);
	        $(".viewImage").attr("src", rotateImage[i]);
	        a = setTimeout("next()", rotateInterval);
	    }
	});

//requires the following HTML:
//<a href="#" class="link">
//	<img class="viewImage" border="0" src="#"/>
//   <img class="hideImage" border="0" src="#"/>
//</a>