$(document).ready(function() {
    $("#about").hide();
    $("#photos").hide();
    $("#whatsup").hide();
            
    imgsLoaded=0;
    function loadSeriesImgs(total) {
        imgsLoaded++;
        if (imgsLoaded==total) {
            var lMargin=($(window).width()-$("#photos img:first")[0].width)/2 - 3;
            var rMargin=($(window).width()-$("#photos img:last")[0].width)/2 - 3;
            $("#photos img:first").css("margin-left", lMargin);
            $("#photos img:last").css("margin-right", rMargin);
            $("#stretcher").width(function() {
                var tot=0;
                $("#photos img").each(function(index, Element) {
                    tot += Element.width + 100 + 6;
                });
                tot = tot - 100 + lMargin + rMargin;
                return tot;
            });
            $("#photos").fadeIn("slow");
        }
    };
            
    function loadPhotos(s_id) {
        $("#about").hide();
        $("#series").hide();
        $("#whatsup").hide();
        imgsLoaded=0;
        $.get('getphotos.php', {series_id : s_id},
            function(imgData) {
                imgData=eval(imgData);
                $("#stretcher").html('');
                for (url in imgData[1]) {
                    img = new Image();
                    img.src = imgData[1][url];
                    img.onload = function() { loadSeriesImgs(imgData[0]) }; // causes photo fade-in
                    $("#stretcher").append(img);
                }
            $("#stretcher").append('<div style="clear:both"></div>');
            $("#headName").fadeOut('fast',
                function() {
                    $("#headName").html(imgData[2].toLowerCase()).css('font-size', 35).fadeIn('slow');
                });
            });
    }
    
    function unloadPhotos() {
        $("#photos").hide();
        $("#stretcher").html('');
        if ($("#headName").html() != 'devin ivy') {
            $("#headName").fadeOut('fast',
                function() {
                    $("#headName").html('devin ivy').css('font-size', 20).fadeIn('slow');
                });
        }
    }

    $("a[rel='external']").click(function(dis) {
        window.open($(this).attr("href"));
        return false;
    });

    $("#series a").click(function() { loadPhotos($(this).attr('name')) });

    $("#nav a:eq(0)").click(function() { //for Photos
        unloadPhotos();
        $("#about").hide();
        $("#whatsup").hide();
        $("#series").fadeIn("slow");            
    });
    
    $("#nav a:eq(1)").click(function() { //for About
        unloadPhotos();
        $("#series").hide();
        $("#whatsup").hide();
        $("#about").fadeIn("slow");            
    });
    
    $("#nav a:eq(2)").click(function() { //for Whatsup
        unloadPhotos();
        $("#about").hide();
        $("#series").hide();
        $("#whatsup").fadeIn("slow");            
    });
    
    hideState = false;
    $("#photos img").live('click', function(e) {
        //e.stopPropagation();
        var sign;
        var ind = $(this).index();
        if (hideState == false) {
            $("body").css("overflow-x", "hidden");
            $("#photos").css("cursor", "pointer");
            sign = 1;
            $("body").one('click', {thisImg: $(this)}, function(e) {
                e.data.thisImg.trigger('click');
                return false;
            });
        } else {
            $("body").css("overflow-x", "visible");
            $("#photos").css("cursor", "auto");
            sign = -1;
            $("body").unbind('click');
        }
        $("#photos img:lt("+ind+")").animate({"left": "-="+parseInt(sign*$(window).width()/2)+"px"}, 'slow');
        $("#photos img:gt("+ind+")").animate({"left": "+="+parseInt(sign*$(window).width()/2)+"px"}, 'slow');
        $("#bottomBar").animate({"top": "+="+sign*100+"px", "opacity":'toggle'}, 'slow');
        $("#header").slideToggle();
        $('html,body').animate({scrollLeft: $(this).offset().left +
                               ($(this).width() - $(window).width())/2 + 3}, 1000);
        hideState = !hideState;
    });
    
    
    msg="";
    numbanana=0;
    $(document).keyup(function(e) {
        msg += String.fromCharCode(e.which);
        a=msg.match(/banana pancakes/gi)
        if (a && a.length>numbanana) {
            numbanana++;
            if (numbanana==1) {
                $("#headName").fadeOut('fast',
                    function() {
                       $("#headName").html('devin ivy <span style="color:pink">loves</span> you').css('font-size', 20).fadeIn('slow');
                    });
            } else if (numbanana==2) {
                $("body").append('<embed src="jjbp.midi" style="visibility:hidden"/>');
            } else if (numbanana==3) {
                document.location="pong.html";
            }
        }
    });
});