$(window).load(function(){
    generalSettings();
    if (isHomePage) {
        homePageEffects();
    }
    else {
        $("#ajaxWrap").prepend("<div id='closePage'></div>");
        $("#closePage").after($("#ajaxContent>.contentHeader").remove());
        homeToPage();
        pageEffects();
    }
});

function generalSettings(){
    $("#linksContainer div p").css("opacity", "0");
    if (window.location.href.substring(window.location.href.length - 10) == "blogs.html") 
        showBlogs($("#ajaxContent"), ["abhihebbar", "abhilashhebbar"]);
}

function homePageEffects(){
    $("#linksContainer a").unbind("click");
    $("#linksContainer a").mouseover(function(){
        $(this).parent().next().animate({
            "opacity": "1"
        });
    }).mouseout(function(){
        $(this).parent().next().animate({
            "opacity": "0"
        });
    });
    $("#linksContainer a").click(function(e){
        e.preventDefault();
        $(this).parent().next().animate({
            "opacity": "0"
        });
        if (this.id != "album") {
            toPage(this.href);
        }
        else 
            $.getScript("js/album.js");
    });
}

function pageEffects(){
    $("#linksContainer a").unbind("mouseover");
    $("#linksContainer a").unbind("mouseout");
    $("#linksContainer a").unbind("click");
    $("#ajaxWrap").delegate("#closePage", "click", function(){
        toHomePage();
    });
    
    $("#linksContainer a").click(function(e){
        e.preventDefault();
        $(this).parent().next().animate({
            "opacity": "0"
        });
        if (this.id != "album") {
            toPage(this.href);
        }
        else {
            $.getScript("js/album.js");
        }
    });
}

function homeToPage(){
    $("#ajaxWrap").css({
        width: $(document.body).width() - 190,
        height: $(document.body).height() - 30
    });
    $("#ajaxContent").height($("#ajaxWrap").height() - 40);
    $("#ajaxWrap").css({
        width: 0,
        height: 0
    });
    $("#ajaxWrap").animate({
        top: 10,
        left: 170,
        width: $(document.body).width() - 190,
        height: $(document.body).height() - 30
    });
}

function toHomePage(){
    $("#ajaxWrap").remove();
    $("#imgContainer *").animate({
        height: 300,
        width: 199
    });
    $("#content").animate({
        left: "50%",
        top: "50%",
        height: 400,
        "margin-top": -200,
        "margin-left": -250
    });
    $("#imgContainer").animate({
        "margin-top": 62
    })
    $("#linksContainer").animate({
        "margin-left": 180,
        "margin-top": 55
    });
    $($("#linksContainer div")[0]).animate({
        "margin-left": -5
    });
    $($("#linksContainer div")[1]).animate({
        "margin-left": 20
    });
    $($("#linksContainer div")[2]).animate({
        "margin-left": 35
    });
    $($("#linksContainer div")[3]).animate({
        "margin-left": 35
    });
    $($("#linksContainer div")[4]).animate({
        "margin-left": 20
    });
    $($("#linksContainer div")[5]).animate({
        "margin-left": -5
    });
    homePageEffects();
    isHomePage = true;
}

function toPage(page){
    if (isHomePage) {
        $(document.body).append("<div id='ajaxWrap'><div id='ajaxContent'></div></div>");
        homeToPage();
        loadPage(page);
        $("#imgContainer *").animate({
            height: 200,
            width: 132
        });
        $("#content").animate({
            left: "0%",
            top: "0%",
            height: "100%",
            "margin-top": 0,
            "margin-left": 0
        });
        $("#imgContainer").animate({
            "margin-top": 10
        })
        $("#linksContainer").animate({
            "margin-left": 5,
            "margin-top": 210
        });
        $("#linksContainer div").animate({
            "margin-left": "5px"
        }, function(){
            $("#ajaxWrap").animate({
                top: 10,
                left: 170,
                width: $(document.body).width() - 190,
                height: $(document.body).height() - 30
            });
        });
        isHomePage = false;
    }
    else {
        $("#ajaxWrap").animate({
            left: -1 * $("#ajaxWrap").width(),
            opacity: 0
        }, function(){
            loadPage(page);
            $("#ajaxWrap").css({
                left: $("#ajaxWrap").width()
            });
            $("#ajaxWrap").animate({
                left: 170,
                opacity: 1
            });
        });
    }
}

function loadPage(page){
	$("#ajaxContent").css("margin-top","30px");
    pageEffects();
    $("#ajaxWrap>#closePage").remove();
    $("#ajaxWrap>.contentHeader").remove();
    $("#ajaxContent").html("").addClass("loading").load(page + " #ajaxContent>*", function(){
        $("#ajaxContent").removeClass("loading");
		$("#ajaxContent").css("margin-top","0");
        $("#ajaxWrap").prepend("<div id='closePage'></div>");
        $("#closePage").after($("#ajaxContent>.contentHeader").remove());
        if (page.substring(page.length - 10) == "blogs.html") {
			$.getScript("js/jquery.jtruncate.pack.js")
            $.getScript("js/blog.js", function(){
                showBlogs($("#ajaxContent"), ["abhihebbar", "abhilashhebbar"]);
            });
        }
    });
}