$(function(){
    $.fn.supersized.options = {
        startwidth: 640,
        startheight: 480,
        vertical_center: 1,
        slideshow: 1,
        navigation: 1,
        transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
        pause_hover: 0,
        slide_counter: 0,
        slide_captions: 1,
        slide_interval:10000
    };
    $('#supersize').supersized();
});


$(function() {
    // OPACITY OF BUTTON SET TO 100%
    $(".contentP").css("opacity","0.7");
    // ON MOUSE OVER
    $(".contentP").hover(function () {

        // SET OPACITY TO 100%
        $(this).stop().animate({
            opacity: 0.9
        }, "fast");
    },

    // ON MOUSE OUT
    function () {

        // SET OPACITY BACK TO 100%
        $(this).stop().animate({
            opacity: 0.7
        }, "slow");
    });
});

$(document).ready(function() {

    $("#homeLink").click(function () {



        var ele = document.getElementById('home');

        if(ele.style.display == "block"){
            document.getElementById('home').style.display = "none";
            $("#home").hide("puff", {
                percent:100
            }, 600);
        } else if(document.getElementById('events').style.display == "block"){
            document.getElementById('events').style.display = "none";
            $("#events").hide("puff", {
                percent:100
            }, 600);
            $("#home").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('map').style.display == "block"){
            document.getElementById('map').style.display = "none";
            $("#map").hide("puff", {
                percent:100
            }, 600);
            $("#home").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('photos').style.display == "block"){
            document.getElementById('photos').style.display = "none";
            $("#photos").hide("puff", {
                percent:100
            }, 600);
            $("#home").show("puff", {
                percent:100
            }, 1200);
        } else {
            $("#home").show("puff", {
                percent:100
            }, 1200);
        }
    });
    $("#eventsLink").click(function () {


        var ele = document.getElementById('events');
        if(ele.style.display == "block"){
            document.getElementById('events').style.display = "none";
            $("#events").hide("puff", {
                percent:100
            }, 600);
        } else if(document.getElementById('home').style.display == "block"){
            document.getElementById('home').style.display = "none";
            $("#home").hide("puff", {
                percent:100
            }, 600);
            $("#events").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('map').style.display == "block"){
            document.getElementById('map').style.display = "none";
            $("#map").hide("puff", {
                percent:100
            }, 600);
            $("#events").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('photos').style.display == "block"){
            document.getElementById('photos').style.display = "none";
            $("#photos").hide("puff", {
                percent:100
            }, 600);
            $("#events").show("puff", {
                percent:100
            }, 1200);
        } else {
            $("#events").show("puff", {
                percent:100
            }, 1200);
        }
    });
    $("#mapLink").click(function () {


        var ele = document.getElementById('map');
        if(ele.style.display == "block"){
            document.getElementById('map').style.display = "none";
            $("#map").hide("puff", {
                percent:100
            }, 600);
        } else if(document.getElementById('events').style.display == "block"){
            document.getElementById('events').style.display = "none";
            $("#events").hide("puff", {
                percent:100
            }, 600);
            $("#map").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('home').style.display == "block"){
            document.getElementById('home').style.display = "none";
            $("#home").hide("puff", {
                percent:100
            }, 600);
            $("#map").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('photos').style.display == "block"){
            document.getElementById('photos').style.display = "none";
            $("#photos").hide("puff", {
                percent:100
            }, 600);
            $("#map").show("puff", {
                percent:100
            }, 1200);
        } else {
            $("#map").show("puff", {
                percent:100
            }, 1200);
        }
    });
    $("#photosLink").click(function () {


        var ele = document.getElementById('photos');
        if(ele.style.display == "block"){
            document.getElementById('photos').style.display = "none";
            $("#photos").hide("puff", {
                percent:100
            }, 600);
        } else if(document.getElementById('events').style.display == "block"){
            document.getElementById('events').style.display = "none";
            $("#events").hide("puff", {
                percent:100
            }, 600);
            $("#photos").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('map').style.display == "block"){
            document.getElementById('map').style.display = "none";
            $("#map").hide("puff", {
                percent:100
            }, 600);
            $("#photos").show("puff", {
                percent:100
            }, 1200);
        } else if(document.getElementById('home').style.display == "block"){
            document.getElementById('home').style.display = "none";
            $("#home").hide("puff", {
                percent:100
            }, 600);
            $("#photos").show("puff", {
                percent:100
            }, 1200);
        } else {
            $("#photos").show("puff", {
                percent:100
            }, 1200);
        }
    });
});

function toggle(link) {
    var ele = document.getElementById('homeLink');
    ele.style.color = "black";
    ele = document.getElementById('eventsLink');
    ele.style.color = "black";
    ele = document.getElementById('mapLink');
    ele.style.color = "black";
    ele = document.getElementById('photosLink');
    ele.style.color = "black";
    ele = document.getElementById(link);
    ele.style.color = "white";
}