$(function() {
    var currentFrame = 0;
    var totalFrames = $("#content .slideshow-frame").size();
    var lastFrame = $("#content .slideshow-frame").size()-1;

    // these are set with js to make the site useable for people without js
        $("#slideshow").css("width","99999px");
        $(".slideshow-frame").css("float","left");
        $("#slide-container").css("height","333px");

    slideshowInit();
    resetFrameSelectors(currentFrame);

    $("#portals li:first").addClass("first");
    if (typeof($().simplefade) === "function"){
        $("#portals .simplefade").simplefade(4000);
    }

    // determine slide to go to from slide selector circles clicks
    $(".frame-selector a").live("click", function(){
        var fid = $(this).attr("fid");
        if (currentFrame != fid){
            resetFrameSelectors(fid);
            if (fid < currentFrame){
                for (var i=currentFrame;i>fid;i--){
                    $(".slideshow-left").click();
                }
            }
            if (fid > currentFrame){
                for (var i=currentFrame;i<fid;i++){
                    $(".slideshow-right").click();
                }
            }
        }
        return false;
    });

    // handle slide left button
    $(".slideshow-left").click(function(){
        if (currentFrame > 0){
            currentFrame--;
            $("#content .slideshow-frame").animate({"left":"+=911px"}, "fast");
            resetFrameSelectors(currentFrame);
        }
        return false;
    });

    // handle slide right button
    $(".slideshow-right").click(function(){
        if (currentFrame != lastFrame){
            currentFrame++;
            $("#content .slideshow-frame").animate({"left":"-=911px"}, "fast");
            resetFrameSelectors(currentFrame);
        }
        return false;
    });

    // handle buttons in slideshow frames
    $("#slideshow a.button").click(function(){
        if ($(this).attr("href") == "#" || $(this).attr("href") == ""){
            $(".slideshow-right").click();
            return false;
        } else { return true; }
    });

    // move slide along if clicked
    $(".slideshow-frame").click(function(){
        $(".slideshow-right").click();
    });

    // prep slideshow
    function slideshowInit() {
        for (var i=0;i<lastFrame;i++){
            var frame_selector = $("#content #slideshow .frame-selector:last").clone();

            var a = frame_selector.find("a");
            var fid = parseInt(a.attr("fid"))+parseInt(1);
            a.attr("fid",fid);
            a.attr("href",a.attr("href").slice(0, -1)+fid);

            $("#content #slideshow .frame-selectors").append(frame_selector);
        }
    }

    // figure out what needs to be hidden or shown for the current slide
    function resetFrameSelectors(currentFrame){
        $(".frame-selector a").removeClass("selected");
        $('.frame-selector a[fid='+currentFrame+']').addClass("selected");
        if (currentFrame == lastFrame){ $(".slideshow-right").hide();
            } else { $(".slideshow-right").show(); }
        if (currentFrame == 0){ $(".slideshow-left").hide();
            } else { $(".slideshow-left").show(); }


    }
})