/// <reference path="jquery-1.3.2.min.js" />

$(document).ready(function() {

    initMapOnLoad();

    $.fn.replace = function(o) {
        return this.after(o).remove();
    };


    // Changes the map frame url and the main panel contact details
    $(".contactItem h4 a").click(function() {
        var url = $(this).parent().siblings("input").attr("value");
        $("#mapFrame").attr("src", url); // change map url

        // Clone details
        var mainPanel = $(".contactDetails > .contactDetailsItem > .contactDetailsPanel");
        mainPanel.replace($(this).parent().siblings(".contactDetailsPanel").clone());
        $(".contactDetails > .contactDetailsItem > h3").text($(this).text());
    });


    // Changes the locations panel for states when a state is clicked on the map
    $(".contactUs > .contactMap > ul > li > a").click(function() {
        $(".contactStatePanel.visible").removeClass("visible").addClass("hidden");
        var state = $(this).parent().attr("class");
        $("#" + state).addClass("visible").removeClass("hidden");
        initMapOnLoad();
    });


    function initMapOnLoad() {
        var mapUrl = $(".contactStatePanel.visible > .contactItem:first > input").attr("value");
        $("#mapFrame").attr("src", mapUrl); // change map url

        // Clone details
        var mainPanel = $(".contactDetails > .contactDetailsItem > .contactDetailsPanel");
        var firstPanel = $(".contactStatePanel.visible > .contactItem:first .contactDetailsPanel");
        $(mainPanel).after($(firstPanel).clone()).remove(); // replace details
        $(".contactDetails > .contactDetailsItem > h3").text($(firstPanel).parent().children("h4").text());

    }
});