/* Author: 
	@jonocasley
*/

$(document).ready(function () {

    $("#TermsContent #Terms").fancybox({
        'padding': 0,
        'width': 450,
        'height': 500,
        'autoScale': false,
        'transitionIn': 'true',
        'transitionOut': 'true',
        'overlayColor': "#000"
    });

    $("#CharityContent #Charity").fancybox({
        'padding': 0,
        'width': 340,
        'height': 450,
        'autoScale': true,
        'transitionIn': 'true',
        'transitionOut': 'true',
        'scrolling': 'no',
        'overlayColor': "#000"
    });

    var home = true,
	mission = false,
	rules = false,
	navArray = [home, mission, rules],
	removeSlide,
	addSlide,
	selectedItem = 0;

    $('.main-content.mission').css("display", "none");
    $('.main-content.rules').css("display", "none");

    $('.navigation a').click(function (event) {
        event.preventDefault();
        var item;
        item = $(event.target).html();
        if (item == "PLAY") {
            addSlide = '.main-content.home';
            selectedItem = 0;
        }
        else if (item == "OUR MISSION") {
            addSlide = '.main-content.mission';
            selectedItem = 1;
        }
        else if (item == "THE RULES") {
            addSlide = '.main-content.rules';
            selectedItem = 2;
        }

        if (navArray[0]) {
            removeSlide = '.main-content.home';
        } else if (navArray[1]) {
            removeSlide = '.main-content.mission';
        } else if (navArray[2]) {
            removeSlide = '.main-content.rules';
        }

        if (removeSlide != addSlide)
            moveStuffAround(removeSlide, addSlide, selectedItem);
    });

    function moveStuffAround(contentToRemove, contentToShow, selectedItem) {
        $(contentToRemove).slideUp('fast, easeIn', function () {
            $(contentToShow).slideDown('fast, easeOut', function () {
                	$('html, body').animate({
                		scrollTop: $(".main-content").offset().top
                		}, 1000);

                for (var i = 0; i < navArray.length; ++i) {
                    if (i != selectedItem) {
                        navArray[i] = false;
                    }
                    else {
                        navArray[i] = true;
                    }
                }
            });
        });
    }
});