// initialize the jquery code
$(document).ready(function() {
    // removes classes from map tabs
    // return false keeps the browser from following the link's '#' target
    $("#map a").click(function() {
        $("#maptab1").removeClass();
        $("#maptab2").removeClass();
        $("#map-image1").removeClass();
        $("#map-image2").removeClass();
        return false;
    });

    // clicking one link adds its own class
    $("#maptab1").click(function() {
        $("#maptab1").addClass("blacktab");
        $("#maptab2").addClass("orangetab");
        $("#map-image1").addClass("classvisible");
        $("#map-image2").addClass("classhidden");
    });

    $("#maptab2").click(function() {
        $("#maptab1").addClass("orangetab");
        $("#maptab2").addClass("blacktab");
        $("#map-image1").addClass("classhidden");
        $("#map-image2").addClass("classvisible");
    });

    //**************************************//

    $("#areas a").click(function() {

        if ($(this).parent("li").attr('class') == "arrowclosed") {
            $(this).parent("li").removeClass();
            $(this).parent("li").addClass("arrowopened");
        } else {
            $(this).parent("li").removeClass();
            $(this).parent("li").addClass("arrowclosed");
        }

        //$(this).parent("li").find(">ul").toggle(500);
    });

    $('#areas a').parent("li").removeClass();
    $('#areas a').parent("li").addClass("arrowclosed");

});

function swapFeatured(elem, src) {
    $('#photos .main-image').attr('src', src);
    $('#thumbnails img').removeClass('selected');
    $(elem).addClass('selected');
}