$(document).ready(function() {

    //  Create the navigation
    $("#navigation ul li").hover(
        function() {
            $(this).find("ul").show();
        },
        function() {
            $(this).find("ul").hide();
        }
    );

    //  Create the sub navigation

    //  Work out which ul to have open
    var url = document.URL
    var urlSplit = url.split("/")
    var OpenNav = urlSplit[3].split("-by-");
    if (OpenNav[1] != undefined) {
        switch (OpenNav[1]) {
            case "people":
                $("#subnavigation .collapse span.people ul").slideDown();
                $("#subnavigation .collapse span.people p").addClass('active');
                break;
            case "duration":
                $("#subnavigation .collapse span.duration ul").slideDown();
                $("#subnavigation .collapse span.duration p").addClass('active');
                break;
            case "objectives":
                $("#subnavigation .collapse span.objective ul").slideDown();
                $("#subnavigation .collapse span.objective p").addClass('active');
                break;
        }
    } else if (url.indexOf("/team-building-activities/") != -1) {
        $("#subnavigation .collapse span.type ul").slideDown();
        $("#subnavigation .collapse span.type p").addClass('active');
    } else if (url.indexOf("/team-development/") != -1) {
        $("#subnavigation .collapse span.development-type ul").slideDown();
        $("#subnavigation .collapse span.development-type p").addClass('active');
    } else if (url.indexOf("/evening/") != -1) {
        $("#subnavigation .collapse span.evening-type ul").slideDown();
        $("#subnavigation .collapse span.evening-type p").addClass('active');
    } else if (url.indexOf("/school-college-team-building/") != -1) {
        $("#subnavigation .collapse span.schools-type ul").slideDown();
        $("#subnavigation .collapse span.schools-type p").addClass('active');
    } else if (url.indexOf("/treasure-hunts/") != -1) {
        $("#subnavigation .collapse span.treasure-type ul").slideDown();
        $("#subnavigation .collapse span.treasure-type p").addClass('active');
    } else if (url.indexOf("/event-management/") != -1) {
        $("#subnavigation .collapse span.event-type ul").slideDown();
        $("#subnavigation .collapse span.event-type p").addClass('active');
    }
    
    if ($("#subnavigation .collapse span")) {
        $("#subnavigation .collapse span p").click(function() {
            $("#subnavigation .collapse ul").removeClass('display');
            $("#subnavigation .collapse ul").slideUp();
            $("#subnavigation .collapse p").removeClass('active');
            $(this).next("ul").slideDown();
            $(this).addClass('active');
        }
        );
    }

    // Create Tags
    $('.tags img').hover(function() {
        var image = $(this).attr('src').split("/")[5].split(".")[0];
        $(this).attr('src', '/Assets/EML/Images/Tags/' + image + '-hover.gif');
    }, function() {
        var image = $(this).attr('src').split("/")[5].split(".")[0].split("-")[0];
        $(this).attr('src', '/Assets/EML/Images/Tags/' + image + '.gif');
    });
});

function cleartext(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
    thisfield.value = "";
    thisfield.style.color = "#333333";
    }
}
function recalltext(thisfield, defaulttext) {
    if (thisfield.value == "") {
        thisfield.value = defaulttext;
        thisfield.style.color = "#999";
    }
}

function mapHover(imgSrc) {
    var imgMap = document.getElementById('locationmap');
    imgMap.src = "/Assets/EML/Images/map/" + imgSrc;
}

function mapExit() {
    var imgMap = document.getElementById('locationmap');
    imgMap.src = "/Assets/EML/Images/map/standard.gif"
}

function showLocation(Area) {
    var selectedAreaID = "#" + Area;
    $(".location").removeClass('active');
    $(selectedAreaID).addClass('active');
}

function slideSwitch() {
    // Create Lander Slider
    var $active = $('#splash a.active');

    if ($active.length == 0) $active = $('#splash a:last');

    var $next = $active.next().length ? $active.next()
        : $('#splash a:first');


    $active.addClass('last-active');

    $next.css({ opacity: 0.0 })
        .addClass('active')
        .animate({ opacity: 1.0 }, 1000, function() {
            $active.removeClass('active last-active');
        });
}