//Fading Slide Show 
//Written by Matt Kane

var rotateImage = new Array();
rotateImage[0] = "/slideshow/1.png";
rotateImage[1] = "/slideshow/2.png";
rotateImage[2] = "/slideshow/3.png";
rotateImage[3] = "/slideshow/4.png";
rotateImage[4] = "/slideshow/5.png";
rotateImage[5] = "/slideshow/6.png";
rotateImage[6] = "/slideshow/7.png";
rotateImage[7] = "/slideshow/8.png";
rotateImage[8] = "/slideshow/9.png";
rotateImage[9] = "/slideshow/10.png";

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>