$(document).ready(
    function()
    {          
      /*$("div.slideBody").each(
      function()
      {
        $(this).css("height", $(this).height() + "px");
        }
      );
      */
      
      $("div.slidePanel").children(
        "div.slideHeader").click(function()
        {       
             var body = $(this).parent().children("div.slideBody");
             
             $("div.slidePanel").children("div.slideBody").each(
             
                  function()
                  {                   
                    if(body.html() != $(this).html())
                    {
                                   
                        $(this).hide();
                        $(this).parent().children("div.slideHeader").children("h2").removeClass("selected") ;
                    }
                  }                
              ); 
             
             if(body.is(":hidden"))
             {
                $(this).parent().children("div.slideHeader").children("h2").addClass("selected");                
             }
             else
             {
                $(this).parent().children("div.slideHeader").children("h2").removeClass("selected") ;
             }
                    
             body.slideToggle();                        
             
      });
    });




function createMarker(point, num, _ImagePath, _hName, _hName1, _StarId, _Location, _BestBuy, _CityName) {

    var icon = new GIcon();
    icon.image = "../images/hotel.png";

    icon.iconAnchor = new GPoint(13, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);

    var marker = new GMarker(point, icon);
    GEvent.addListener(marker, "click", function() {

        if (_ImagePath == "")
            _ImagePath = "../images/Nophoto.gif";

        var Star = parseInt(_StarId);
        var strStar = '';
        for (var i = 1; i <= 5; i++) {
            if (i <= Star)
                strStar += '<span class="star"><img src="../images/spacer.gif" alt="Star"/></span>';
            else
                strStar += '<span class="star_soft"><img src="../images/spacer.gif" alt="Star" /></span>';
        }

        var InfoHtml = '';
        InfoHtml += '<div class="most_populer_sp" style="border: none;">';
        InfoHtml += '<div class="item">';
        InfoHtml += '<div class="image"><a href="' + _hName1 + '.htm"><img src="' + _ImagePath + '" alt="" /></a></div>';
        InfoHtml += '<div class="text">';
        InfoHtml += '<p><a style="text-decoration:none;color:#000000;" href="' + _hName1 + '.htm">' + _hName + '</a></p>';
        InfoHtml += '<p>' + strStar + '</p>';
        InfoHtml += '<p class="green2">' + _CityName + '</p>';
        if (_BestBuy != "False") {
            InfoHtml += '<p class="red">Best Buy Hotel</p>';
        }
        InfoHtml += '</div>';
        InfoHtml += '</div>';
        InfoHtml += '</div>';

        marker.openInfoWindowHtml(InfoHtml);
    });

    return marker;
}

function createMarkerSearchResultPage(point, num, _ImagePath, _hName, _hName1, _StarId, _Location, _BestBuy, _CityName) {

    var icon = new GIcon();
    icon.image = "images/hotel.png";

    icon.iconAnchor = new GPoint(13, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);

    var marker = new GMarker(point, icon);
    GEvent.addListener(marker, "click", function() {

        if (_ImagePath == "")
            _ImagePath = "images/Nophoto.gif";

        var Star = parseInt(_StarId);
        var strStar = '';
        for (var i = 1; i <= 5; i++) {
            if (i <= Star)
                strStar += '<span class="star"><img src="images/spacer.gif" alt="Star"/></span>';
            else
                strStar += '<span class="star_soft"><img src="images/spacer.gif" alt="Star" /></span>';
        }

        var InfoHtml = '';
        InfoHtml += '<div class="most_populer_sp" style="border: none;">';
        InfoHtml += '<div class="item">';
        InfoHtml += '<div class="image"><a href="hotel.reservations/' + _hName1 + '.htm"><img src="' + _ImagePath + '" alt="" /></a></div>';
        InfoHtml += '<div class="text">';
        InfoHtml += '<p><a style="text-decoration:none;color:#000000;" href="hotel.reservations/' + _hName1 + '.htm">' + _hName + '</a></p>';
        InfoHtml += '<p>' + strStar + '</p>';
        InfoHtml += '<p class="green2">' + _CityName + '</p>';
        if (_BestBuy != "False") {
            InfoHtml += '<p class="red">Best Buy Hotel</p>';
        }
        InfoHtml += '</div>';
        InfoHtml += '</div>';
        InfoHtml += '</div>';

        marker.openInfoWindowHtml(InfoHtml);
    });

    return marker;
}


function loadCityMap() {
    if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map"));

        var mapX = parseFloat(document.getElementById("hdGoogleX").value);
        var mapY = parseFloat(document.getElementById("hdGoogleY").value);

        map.setCenter(new GLatLng(mapX, mapY), 13);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());        

        var MapInfo = document.getElementById("hdGoogle").value.split('#');
        for (var i = 0; i < MapInfo.length-1; i++) {
            var MapIn = MapInfo[i].split('~');

            mapX = parseFloat(MapIn[0]);
            mapY = parseFloat(MapIn[1]);

            if (!isNaN(mapX) && !isNaN(mapY)) {               

                var point = new GLatLng(mapX, mapY);
                var oMarker = createMarker(point, (i + 1), MapIn[2], MapIn[3],MapIn[4],MapIn[5],MapIn[6],MapIn[7],MapIn[8]);
					map.addOverlay(oMarker);           
            }
        }
    }
}


function loadCityMapCityPage() {
    if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map2"));

        var mapX = parseFloat(document.getElementById("hdGoogleX").value);
        var mapY = parseFloat(document.getElementById("hdGoogleY").value);

        map.setCenter(new GLatLng(mapX, mapY), 13);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

        var MapInfo = document.getElementById("hdGoogle").value.split('#');
        for (var i = 0; i < MapInfo.length - 1; i++) {
            var MapIn = MapInfo[i].split('~');

            mapX = parseFloat(MapIn[0]);
            mapY = parseFloat(MapIn[1]);

            if (!isNaN(mapX) && !isNaN(mapY)) {

                var point = new GLatLng(mapX, mapY);
                var oMarker = createMarker(point, (i + 1), MapIn[2], MapIn[3], MapIn[4], MapIn[5], MapIn[6], MapIn[7], MapIn[8]);
                map.addOverlay(oMarker);
            }
        }
    }
}

function loadSearchResultMapPage() {
    if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map2"));

        var mapX = parseFloat(document.getElementById("hdGoogleX").value);
        var mapY = parseFloat(document.getElementById("hdGoogleY").value);

        map.setCenter(new GLatLng(mapX, mapY), 13);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

        var MapInfo = document.getElementById("hdGoogle").value.split('#');
        for (var i = 0; i < MapInfo.length - 1; i++) {
            var MapIn = MapInfo[i].split('~');

            mapX = parseFloat(MapIn[0]);
            mapY = parseFloat(MapIn[1]);

            if (!isNaN(mapX) && !isNaN(mapY)) {

                var point = new GLatLng(mapX, mapY);
                var oMarker = createMarkerSearchResultPage(point, (i + 1), MapIn[2], MapIn[3], MapIn[4], MapIn[5], MapIn[6], MapIn[7], MapIn[8]);
                map.addOverlay(oMarker);
            }
        }
    }
}

function DisplayResultMap(type) {
    if (type == 1) {
        $("#liHotelList").addClass("selected");
        $("#liMapList").removeClass("selected");

        $("#hotelFilter").css("display", "");
        $("#hotelResult").css("display", "");
        $("#hotelMap").css("display", "none");
    }
    else if (type == 2) {
    $("#liHotelList").removeClass("selected");
    $("#liMapList").addClass("selected");    

    $("#hotelFilter").css("display", "none");
    $("#hotelResult").css("display", "none");
    $("#hotelMap").css("display", "");

    loadCityMapCityPage();    
    }
}

function DisplaySearchResultMap(type) {
    if (type == 1) {
        $("#liHotelList").removeClass("map");
        $("#liMapList").removeClass("search_results");

        $("#liHotelList").addClass("search_results");
        $("#liMapList").addClass("map");

        document.getElementById("imgHotelList").src ="images/hotel_search_results.gif";
        document.getElementById("imgMapList").src = "images/hotel_map_view.gif";

        $("#hotelFilter").css("display", "");
        $("#hotelResult").css("display", "");
        $("#hotelMap").css("display", "none");

    }
    else if (type == 2) {
        $("#liHotelList").removeClass("search_results");
        $("#liMapList").removeClass("map");

        $("#liHotelList").addClass("map");
        $("#liMapList").addClass("search_results");

        document.getElementById("imgHotelList").src = "images/hotel_search_results2.gif";
        document.getElementById("imgMapList").src = "images/hotel_map_view2.gif";

        $("#hotelFilter").css("display", "none");
        $("#hotelResult").css("display", "none");
        $("#hotelMap").css("display", "");

        loadSearchResultMapPage();
    }
}


/*
$(document).ready(
    function()
    {          
      $("div.slideBody").each(
      function()
      {
        $(this).css("height", $(this).height() + "px");
        }
      );

      
      $("div.slidePanel").children(
        "div.slideHeader").click(function()
        {       
             var body = $(this).parent().children("div.slideBody");    
             
             if(body.is(":hidden"))
             {
                $(this).parent().children("div.slideHeader").children("h2").addClass("selected");                
             }
             else
             {
                $(this).parent().children("div.slideHeader").children("h2").removeClass("selected") ;
             }
                    
             body.slideToggle();                           
             
      });
    });
    
    */