$(document).ready(function() {
    //$("#abs").corner("cc:#FFFFFF");
    //$("#abs1").corner("cc:#FFFFFF");
    //$("#abs2").corner("cc:#FFFFFF");
    //$("#abs3").corner("cc:#FFFFFF");

    $("#lnk4").click(function() {
        tp1.showPanel(2);
        $("#abs").css({ backgroundColor: "#FFFFFF" });
        //$("#abs1").css({ backgroundColor: "#FFFFFF" });
        $("#abs2").css({ backgroundColor: "#FFFFFF" });
        $("#abs3").css({ backgroundColor: "#414a51" });
        $("#lnk1").css({ color: "#f68102" });
        //$("#lnk2").css({ color: "#f68102" });
        $("#lnk3").css({ color: "#f68102" });
        $("#lnk4").css({ color: "#FFFFFF" });
    });
    $("#lnk3").click(function() {
        tp1.showPanel(1);
        $("#abs").css({ backgroundColor: "#FFFFFF" });
        //$("#abs1").css({ backgroundColor: "#FFFFFF" });
        $("#abs2").css({ backgroundColor: "#f68102" });
        $("#abs3").css({ backgroundColor: "#FFFFFF" });
        $("#lnk1").css({ color: "#f68102" });
        //$("#lnk2").css({ color: "#f68102" });
        $("#lnk3").css({ color: "#FFFFFF" });
        $("#lnk4").css({ color: "#414a51" });
        if (typeof (longitude) != "undefined" && typeof (latitude) != "undefined" && GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            //map.removeMapType();
            map.setMapType(G_HYBRID_MAP); 
            map.setCenter(new GLatLng(latitude, longitude), 15);
            var mapControl = new GMapTypeControl();
            map.addControl(mapControl);
            map.addControl(new GLargeMapControl());
            var point = new GLatLng(latitude, longitude);
            var marker = new GMarker(point);
            map.addOverlay(marker);
            marker.openInfoWindowHtml(balloonStr);
        }
    });
//    $("#lnk2").click(function() {
//        tp1.showPanel(1);
//        $("#abs").css({ backgroundColor: "#FFFFFF" });
//        $("#abs1").css({ backgroundColor: "#f68102" });
//        $("#abs2").css({ backgroundColor: "#FFFFFF" });
//        $("#abs3").css({ backgroundColor: "#FFFFFF" });
//        $("#lnk1").css({ color: "#f68102" });
//        $("#lnk2").css({ color: "#FFFFFF" });
//        $("#lnk3").css({ color: "#f68102" });
//        $("#lnk4").css({ color: "#414a51" });
//    });
    $("#lnk1").click(function() {
        tp1.showPanel(0);
        $("#abs").css({ backgroundColor: "#f68102" });
        //$("#abs1").css({ backgroundColor: "#FFFFFF" });
        $("#abs2").css({ backgroundColor: "#FFFFFF" });
        $("#abs3").css({ backgroundColor: "#FFFFFF" });
        $("#lnk1").css({ color: "#FFFFFF" });
        //$("#lnk2").css({ color: "#f68102" });
        $("#lnk3").css({ color: "#f68102" });
        $("#lnk4").css({ color: "#414a51" });
    });
});