// JScript File

var hotelCount
var SiteURL
var selectedExpType; selectedExpType=""
var defaultNavBarMsg
var showCollapsible;  showCollapsible = 1
defaultNavBarMsg = ""
//alert("defaultNavBarMsg... declared .. " + defaultNavBarMsg)

function changeLanguage(lang)
{       
      var text = document.getElementById("divContent").innerHTML;      
      google.language.detect(text, function(result) 
      {
      if (!result.error && result.language)
      {
        google.language.translate(text, result.language, lang, function(result) 
        {            
            var translated = document.getElementById("divContent");
            if (result.translation) {              
                translated.innerHTML = result.translation;
            }
        });
      }      
});    }

function showAddUsingLatLng(lat, lng, addressText,markerOptions)
{
    var point = new GLatLng(lat, lng);
    var marker = new GMarker(point, markerOptions);
    map.addOverlay(marker);
    
    GEvent.addListener(marker, "mouseover", function() {
        marker.openInfoWindowHtml(addressText);});
}

function showAddressDetail(address)
{
    try
    {    
        var zoom = document.getElementById("ctl00_ContentPlaceHolder2_hdnZoom").value;       
        var addressText = document.getElementById("ctl00_ContentPlaceHolder2_hdnAddressText").value;
        
        geocoder = new GClientGeocoder();
        
          if (geocoder)
          {
            geocoder.getLatLng(address,function(point)
               {
                if (!point) {
                  //alert(address + " not found");                  
                } else {
                    zoom = 6;
                    map.setCenter(point, zoom);
                                
                    var marker = new GMarker(point);
                    map.addOverlay(marker);                                        
                }                
                GEvent.addListener(marker, "mouseover", function() {
                    marker.openInfoWindowHtml(addressText);});
              }
            );
          }          
          }
    catch (err) {};   
}


function initialize()
{   
    //Set Map Variables
    var hotelAddress = "";
    var showMap;
    try
    { 
        hotelAddress = document.getElementById("ctl00_ContentPlaceHolder2_hdnAddress").value;
        showMap = document.getElementById("ctl00_ContentPlaceHolder2_hdnIsMapShown").value; 
        
    }
    catch (err) {};
    if (showMap == 1)
    {
        document.getElementById("lblShowMap").style.display = "block";  
    }
    else
    {
        document.getElementById("lblShowMap").style.display = "none";
    }
    
    
    SiteURL = document.getElementById("hdnSiteURL").value;       
    hotelCount = prepareHotelCounts();
    
    //defaultNavBarMsg = "<div class='divContentBox collapsibleBar'>The Guide to " + hotelCount + " Unique and Unusual Properties</div>"
    //alert("before setting: " + defaultNavBarMsg)    
    if (defaultNavBarMsg == "")
    {
        defaultNavBarMsg = "The Guide to " + hotelCount + " Unique and Unusual Properties"
    }
    //alert("after setting: " + defaultNavBarMsg)
    
    toggleExperienceContent("", "",defaultNavBarMsg,"#90B5F3","#FFF");
    
    setSelectedButton();
    
    
    /*Rounded Corners*/  
    $(".roundedCorners").corner("10px");
    $(".roundedCornersTop").corner("top");
    $(".roundedCorners5px").corner("5px");
    $(".roundedCornersRight").corner("5px right");
    
    
    /*Rollovers*/
    $("#imgGo").mouseenter(function () {            
        $("#imgGo").attr("src", SiteURL + "Images/Buttons/Go_Rlover.gif");        
    });
    $("#imgGo").mouseleave(function () {            
        $("#imgGo").attr("src", SiteURL + "Images/Buttons/Go_btn.gif");        
    });
    
    /*Slider Usability and Functionality*/
    //Opens the slider on hover of any of the 6 experiences
    $("#spnLinks").mouseenter(function () {
        toggleExperienceSlider("open");        
    });
    //Closes the slider on hover of section above the links
    $("#divMasterMenuLinks").mouseenter(function () {
        clearSelectedButton()
        toggleExperienceSlider("close");
        if (showMap == 1)
        {
            $("#lblShowMap").attr("style", "display:block;")            
        }
    });
    //Closes the slider on hover of Search Box
    $("#divSearchBox").mouseenter(function () {            
        clearSelectedButton()
        toggleExperienceSlider("close");
        if (showMap == 1)
        {
            $("#lblShowMap").attr("style", "display:block;")
        }
    });
    //Closes the slider on hover of Refine Search - If open
    $("#divRefineSearch").mouseenter(function () {
        clearSelectedButton()
        toggleExperienceSlider("close")
        if (showMap == 1)
        {
            $("#lblShowMap").attr("style", "display:block;")
        }
    });
    //Closes the slider on hover of Map - If open
    $("#divMasterMap").mouseenter(function () {
        clearSelectedButton()
        toggleExperienceSlider("close")
        if (showMap == 1)
        {
            $("#lblShowMap").attr("style", "display:block;")
        }
    });
    //Closes the slider on hover of section below the slider content
    $("#divMid").mouseenter(function () {
        clearSelectedButton()        
        toggleExperienceSlider("close")
        if (showMap == 1)
        {
            $("#lblShowMap").attr("style", "display:block;")
        }
    });    
    $("#ctl00_hypHome").mouseenter(function () {        
        toggleExperienceSlider("close");
        clearSelectedButton();        
        $("#imgHome").attr("src", SiteURL + "Images/Buttons/Home-Rlover.gif");        
        toggleExperienceContent("", "", "The Guide to " + hotelCount + " Unique and Unusual Properties", "#90B5F3","#FFF");
    });
    
  
    /*Mouse Enter Events*/
    $("#arty").mouseenter(function () {
        clearSelectedButton();        
        $("#imgArty").attr("src", SiteURL + "Images/Buttons/Arty_Rlover.gif");
        toggleExperienceFader("in",toggleExperienceContent("arty", "Arty <a href='#' >link</a> <img src='Images/Curves/Search_Curve.gif' height='41' width='1' border='0' />","ARTY - Arts & Heritage","#F4E775","#000"));
    });
    $("#wild").mouseenter(function () {   
        clearSelectedButton();
        $("#imgWild").attr("src", SiteURL + "Images/Buttons/Wild_Rlover.gif");        
        toggleExperienceFader("in",toggleExperienceContent("wild", "Wild","WILD - Safari, Wildlife & Eco","#F4A7A7","#000"));
    });
    $("#bling").mouseenter(function () {            
        clearSelectedButton();
        $("#imgBling").attr("src", SiteURL + "Images/Buttons/Bling_Rlover.gif");
        toggleExperienceFader("in",toggleExperienceContent("bling", "Bling","BLING - Luxury & Lifestyle","#A7DBF0","#000"));            
    });
    $("#thrill").mouseenter(function () {
        clearSelectedButton();
        $("#imgThrill").attr("src", SiteURL + "Images/Buttons/Thrill_Rlover.gif");
        toggleExperienceFader("in",toggleExperienceContent("thrill", "Thrill","THRILL - Adventure & Activities","#E5CA97","#000"));            
    });
    $("#romance").mouseenter(function () {            
        clearSelectedButton();
        $("#imgRomance").attr("src", SiteURL + "Images/Buttons/Romance_Rlover.gif");
        toggleExperienceFader("in",toggleExperienceContent("romance", "Romance","ROMANCE - Romance & Honeymoon","#F9B8ED","#000"));
    });
    $("#family").mouseenter(function () {            
        clearSelectedButton();
        $("#imgFamily").attr("src", SiteURL + "Images/Buttons/Family_Rlover.gif");
        toggleExperienceFader("in",toggleExperienceContent("family", "Family","FAMILY - Family & Kids","#70ECA5","#000"));
    });
    
       
    /*Search Box Water Mark Script*/    
    /*----------------------------*/
    // Define what happens when the textbox comes under focus
    // Remove the watermark class and clear the box
    $("#ctl00_txtKeyword").focus(function() {
        $(this).filter(function() {
            // We only want this to apply if there's not something actually entered
            return $(this).val() == "" || $(this).val() == "Search"
        }).removeClass("watermarkOn").val("");
    });

    // Define what happens when the textbox loses focus
    // Add the watermark class and default text
    $("#ctl00_txtKeyword").blur(function() {
        $(this).filter(function() {
            // We only want this to apply if there's not something actually entered
            return $(this).val() == ""
        }).addClass("watermarkOn").val("Search");
    });
    
    /*NL Subscribe Email Water Mark Script*/
    $("#ctl00_txtEmail").focus(function() {
        $(this).filter(function() {            
            return $(this).val() == "" || $(this).val() == "Enter your Email"
        }).removeClass("watermarkOn").val("");
    });    
    $("#ctl00_txtEmail").blur(function() {
        $(this).filter(function() {            
            return $(this).val() == ""
        }).addClass("watermarkOn").val("Enter your Email");
    });
    
        /*Members Only Black Panel Email Water Mark Script*/
    $("#ctl00_ContentPlaceHolder2_txtMembersEmail").focus(function() {
        $(this).filter(function() {            
            return $(this).val() == "" || $(this).val() == "Enter your Email"
        }).removeClass("watermarkOn").val("");
    });    
    $("#ctl00_ContentPlaceHolder2_txtMembersEmail").blur(function() {
        $(this).filter(function() {            
            return $(this).val() == ""
        }).addClass("watermarkOn").val("Enter your Email");
    });
    
    /*Saved Search Water Mark Script*/
    $("#ctl00_ContentPlaceHolder2_txtTitle").focus(function() {
        $(this).filter(function() {            
            return $(this).val() == "" || $(this).val() == "Enter a title to save your Search"
        }).removeClass("watermarkOn").val("");
    });    
    $("#ctl00_ContentPlaceHolder2_txtTitle").blur(function() {
        $(this).filter(function() {            
            return $(this).val() == ""
        }).addClass("watermarkOn").val("Enter a title to save your Search");
    });
   
    
    /*$("#divSelectedLanguage").click(function () {
       $("#divLanguages").slideToggle("slow");
    });  */
    
    /*Login Popup Behaviour*/
//    $("#ancLogin").mouseenter(function(e)
//    {        
//      popupOpen('LoginPopuup_div');
//      $("#ancLogin").css({color:'#60B1F0'});
//    });
//    $("#ancLogin").mouseleave(function(e)
//    {           
//      popupCloseTime();      
//    });      
//    $("#closeMe").click(function(e)
//    {      
//      $('#LoginPopuup_div').slideUp("fast");
//      $("#ancLogin").css({color:'#FFF'});
//    });   
    //Closes the slider on hover of Search Box
//    $("#divSearchBox").mouseenter(function () {            
//       $('#LoginPopuup_div').slideUp("fast");
//       $("#ancLogin").css({color:'#FFF'});
//    });
//    //Closes the slider on hover of the slider content
//    $("#divExperienceLinks").mouseenter(function () {
//       $('#LoginPopuup_div').slideUp("fast");
//       $("#ancLogin").css({color:'#FFF'});
//    });
//    //Closes the slider on hover of Refine Search - If open
//    $("#divRefineSearch").mouseenter(function () {
//       $('#LoginPopuup_div').slideUp("fast");
//       $("#ancLogin").css({color:'#FFF'});
//    });
//    //Closes the slider on hover of Map - If open
//    $("#divMasterMap").mouseenter(function () {
//      $('#LoginPopuup_div').slideUp("fast");
//      $("#ancLogin").css({color:'#FFF'});
//    });
//    //Closes the slider on hover of section below the slider content
//    $("#divMid").mouseenter(function () {
//       $('#LoginPopuup_div').slideUp("fast");
//       $("#ancLogin").css({color:'#FFF'});
//    });
    
        //Optional Mandatory fields in Suggest a Property
        if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "Suggest")
        {
            $(".OptValidation").blur(function () {
               if (document.getElementById("ctl00_ContentPlaceHolder2_txtPEmail").value != '')
               {
                $('#opt1').show();
                $('#opt2').hide();
                $("#opt3").hide();
               }
               else if (document.getElementById("ctl00_ContentPlaceHolder2_txtPhoneNum").value != '')
               {
                $('#opt1').hide();
                $('#opt2').show();
                $("#opt3").hide();
               }
               else if (document.getElementById("ctl00_ContentPlaceHolder2_txtWebURL").value != '')
               {
                $('#opt2').hide();
                $("#opt1").hide();
                $("#opt3").show();
               }
               else 
               {
                $('#opt1').show();
                $('#opt2').show();
                $("#opt3").show();
                alert("Please provide atleast one from Property Email, Property Contact No. or Property Website");
               }
            });
        }
    
        //In Join the Guide page, limit the characters of input comment
        if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "JTG" || document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "Suggest")
        {     
            limitChars("ctl00_ContentPlaceHolder2_txtUnusual", 250, "limitMsg")
        
            $(function(){
                $('#ctl00_ContentPlaceHolder2_txtUnusual').keyup(function(){
                    limitChars('ctl00_ContentPlaceHolder2_txtUnusual', 250, 'limitMsg');
                })
            });
        }
        //In Join the Guide page, limit the characters of input comment
        if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "TellUs")
        {     
            limitChars("ctl00_ContentPlaceHolder2_UCRegister1_txtRemarks", 250, "limitMsgTellUs")
        
            $(function(){
                $('#ctl00_ContentPlaceHolder2_UCRegister1_txtRemarks').keyup(function(){
                    limitChars('ctl00_ContentPlaceHolder2_UCRegister1_txtRemarks', 250, 'limitMsgTellUs');
                })
            });
        }
    
     //shows/hides map on click of button
    $("#lblShowMap").click(function () {
        $('#lblShowMap').toggleClass("lblShowMapOpen");
        if (document.getElementById("lblShowMap").innerHTML == "Hide map")
        {
            //$('#lblShowMap').html("Show map")
            $('#divMasterMap').toggle();
            //Increase the top margin of black panel if present.            
            //$('#divOpacity').css('margin-top', function() {
            //      return $('#divOpacity').css('margin-top') + 250;
            //    });
        }
        else
        {
            //$('#lblShowMap').html("Hide map")
            $('#divMasterMap').toggle();
            //Increase the top margin of black panel if present.            
            //$('#divOpacity').css('margin-top', function() {
            //      return $('#divOpacity').css('margin-top') - 250;
            //    });
            //drawAJAXMap("map_canvas");
            drawMapCanvas('map_canvas');
        }      
    });
}

function limitChars(textid, limit, infodiv)
{
 var text = $('#'+textid).val(); 
 var textlength = text.length;
 if(textlength > limit)
 {
 $('#' + infodiv).html('Max. '+limit+' characters!');
 $('#'+textid).val(text.substr(0,limit));
  return false;
  }
  else
  {
  $('#' + infodiv).html((limit - textlength) +'/' + limit + ' characters left.');
  return true;
 }
  }

function drawMapCanvas(map_canvas)
{
    geocoder = new GClientGeocoder();
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById(map_canvas));
        
        //Set icon for detail and center of the map
        //------------------------------------------------------------------------------------------------------------START
        if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "HotelDetail")
        {   
            zoom = 12;
            map.setCenter(new GLatLng(EXP_mapHotelsFocus[0][1],EXP_mapHotelsFocus[0][2]), zoom);   
        
            // Create our "tiny" marker icon
            var uhotwIcon = new GIcon(G_DEFAULT_ICON);
            uhotwIcon.iconSize = new GSize(19, 23);
            uhotwIcon.shadowSize = new GSize(0, 0);
            
            uhotwIcon.image = "http://unusualhotelsoftheworld.com/Images/Hotel-Icon-04-Red.gif";
            // Set up our GMarkerOptions object
            var markerOptionsFocus = { icon:uhotwIcon };
            
            //showAddressDetail(hotelAddress);
            showAddUsingLatLng(EXP_mapHotelsFocus[0][1], EXP_mapHotelsFocus[0][2], EXP_mapHotelsFocus[0][3],markerOptionsFocus);
        }
        else
        {  
            var markerOptions;                
            zoom = parseInt(document.getElementById("ctl00_ContentPlaceHolder2_hdnZoom").value);
            if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "HotelListing")
            {
                for (index1 = 1; index1 < EXP_mapHotels.length; index1++)
                {                        
                    if(EXP_srcHotels[1][0] == EXP_mapHotels[index1][4])
                    {                                
                        map.setCenter(new GLatLng(EXP_mapHotels[index1][1],EXP_mapHotels[index1][2]), zoom);
                    }                           
                }
            }
            else if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "HotelDetail")
            {                    
                map.setCenter(new GLatLng(EXP_mapHotels[1][1],EXP_mapHotels[1][2]), zoom);  
            }
            else
            {                
                map.setCenter(new GLatLng(31.1136293,-7.87216), 2);
            }                
        }           
        
        //Set the icon according to the zoom level
        if (zoom >= 3)
        {
            // Create our "tiny" marker icon
            var uhotwIcon = new GIcon(G_DEFAULT_ICON);                    
            uhotwIcon.iconSize = new GSize(19, 23);
            uhotwIcon.shadowSize = new GSize(0, 0);
            
            uhotwIcon.image = "http://unusualhotelsoftheworld.com/Images/Hotel-Icon-04-Big.gif";
            // Set up our GMarkerOptions object
            markerOptions = { icon:uhotwIcon };
        }
        else
        {
            // Create our "tiny" marker icon
            var uhotwIcon = new GIcon(G_DEFAULT_ICON);
            //uhotwIcon.iconSize = new GSize(9, 13);
            uhotwIcon.iconSize = new GSize(13, 16);
            uhotwIcon.shadowSize = new GSize(0, 0);
            uhotwIcon.iconAnchor = new GPoint(0, 12);
            uhotwIcon.infoWindowAnchor = new GPoint(5, 6);
            
            uhotwIcon.image = "http://unusualhotelsoftheworld.com/Images/Hotel-Icon-04.gif";
            // Set up our GMarkerOptions object
            markerOptions = { icon:uhotwIcon };
        }
        //------------------------------------------------------------------------------------------------------------END
        
        //Show other markers
        var index1;
        
        if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "HotelListing")
        {
            var index2;
            for (index2 = 1; index2 < EXP_srcHotels.length; index2++)
            {                
                for (index1 = 1; index1 < EXP_mapHotels.length; index1++)
                {
                    if(EXP_srcHotels[index2][0] == EXP_mapHotels[index1][4])
                    {
                        showAddUsingLatLng(EXP_mapHotels[index1][1], EXP_mapHotels[index1][2], EXP_mapHotels[index1][3],markerOptions);
                    }
                }
            }
        }
        else if (document.getElementById("ctl00_ContentPlaceHolder2_hdnPage").value == "HotelDetail")
        {
            for (index1 = 1; index1 < EXP_mapHotels.length; index1++)
            {                   
                if(EXP_mapHotelsFocus[0][4] != EXP_mapHotels[index1][4])
                {
                    showAddUsingLatLng(EXP_mapHotels[index1][1], EXP_mapHotels[index1][2], EXP_mapHotels[index1][3],markerOptions);
                }
            }            
        }
        else
        {
            for (index1 = 1; index1 < EXP_mapHotels.length; index1++)
            {
                showAddUsingLatLng(EXP_mapHotels[index1][1], EXP_mapHotels[index1][2], EXP_mapHotels[index1][3],markerOptions);                 
            }            
        }
        

        
        //Set UI of the map
        map.setUIToDefault();
        map.enableDoubleClickZoom();
    }
  else
  {
    alert("Sorry, Map not available for this property!");
    $("#lblShowMap").hide();
  }
}

function toggleExperienceSlider(mouseStatus)
{       
    if (mouseStatus == "open")
    {   
        // No Collapsible for Page Not Found
        if (showCollapsible != 1)     return;        
        $("#divExperienceLinks").slideDown("slow");
    }
    else
    {           
        $("#divExperienceLinks").slideUp("slow");
        //alert("222")
        //toggleExperienceContent("", "",defaultNavBarMsg,"#90B5F3","#FFF");
        
        //set default settings
        setSelectedButton()
    }
}
function toggleExperienceFader(mouseStatus,toggleExperience)    
{
    if (mouseStatus == "in")
    {        
        $("#lblExperience").fadeIn("slow",toggleExperience); 
    }
    else
    {     
        $("#lblExperience").fadeOut("slow",toggleExperience);
    }
}
function toggleExperienceContent(expType, html, HeaderHtml, bgColor, textColor)
{
    //hemant
    $("#lblExperience").html(html);
    //$("#divHeader").html(HeaderHtml);            
    $("#divHeader").html("<div class='floatLeft'>" + HeaderHtml + "</div>");            
    //defaultNavBarMsg = "<div class='divContentBox collapsibleBar'>The Guide to " + hotelCount + " Unique and Unusual Properties</div>"
    
    $("#divHeaderOuter").css('background-color', bgColor);    
    $("#divHeader").css('color', textColor);
    
    //document.getElementById('EXP_aExpLink').href = document.getElementById('hdnSiteURL').value + "Experience/" + expType.toLowerCase()
    //document.getElementById('EXP_aExpLinkContent').href = document.getElementById('hdnSiteURL').value + "Experience/" + expType.toLowerCase()
    document.getElementById('EXP_aExpLinkContent').href = 'javascript:redirectPage("' + document.getElementById("hdnSiteURL").value + 'Experience/' + expType.toLowerCase() + '", "' + expType.toLowerCase() + '")'
    
    //Hotels info section
    var index1 = 1; var index2 = 1;    
    for (index1 = 1; index1 <= 6; index1++)
    {
        if (EXP_hotelArr[index1][0].toLowerCase() == expType.toLowerCase())
        {       
            for (index2 = 1; index2 <= 3; index2++)
            {
                var ID = 'EXP_aHotelLink' + index2
                //document.getElementById(ID).href = document.getElementById('hdnSiteURL').value + EXP_hotelArr[index1][index2][1]
                document.getElementById(ID).href = 'javascript:redirectPage("' + document.getElementById('hdnSiteURL').value + EXP_hotelArr[index1][index2][1] + '", "' + expType.toLowerCase() + '")'
                
                ID = 'EXP_imgHotel' + index2
                document.getElementById(ID).src =  document.getElementById('hdnSiteURL').value + 'Images/Hotels/Medium/' + EXP_hotelArr[index1][index2][2];
    
                ID = 'EXP_imgHotel' + index2
                document.getElementById(ID).alt = EXP_hotelArr[index1][index2][3];
                
                ID = 'EXP_h2HotelName' + index2
                document.getElementById(ID).innerHTML = EXP_hotelArr[index1][index2][3];
                
                ID = 'EXP_spanHotelLocation' + index2
                document.getElementById(ID).innerHTML = EXP_hotelArr[index1][index2][4];
            }
            break;
        }
    }
    
    
    //document.getElementById('EXP_divInterestDesc').style.className = "divInterestDesc " + expType.toLowerCase()
    //alert(document.getElementById('EXP_divInterestDesc').style.className)

    selectedExpType = expType.toLowerCase();

    var btnBGColor 
    switch(expType.toLowerCase())   //Expereince Description section
    {
        case "arty":
          //document.getElementById('EXP_h1ExpName').innerHTML = 'Arts & Heritage'
          document.getElementById('EXP_spanExpDesc').innerHTML = 'Art, Architectural gems and Historic buildings'
          document.getElementById('EXP_aExpLink').innerHTML = 'See all ARTY Properties'          
          btnBGColor = "#f4e775";          
         break;
          
        case "wild":
          //document.getElementById('EXP_h1ExpName').innerHTML = 'Safari, Wildlife & Eco'
          document.getElementById('EXP_spanExpDesc').innerHTML = 'Wilderness, Outdoor extreme and Ecology'
          document.getElementById('EXP_aExpLink').innerHTML = 'See all WILD Properties'
          btnBGColor = "#f4a7a7"
          break;
          
        case "bling":
          //document.getElementById('EXP_h1ExpName').innerHTML = 'Luxury & Lifestyle'
          document.getElementById('EXP_spanExpDesc').innerHTML = 'Luxury, Gourmet food and wine - 5 Stars and up!'
          document.getElementById('EXP_aExpLink').innerHTML = 'See all BLING Properties'
          btnBGColor = "#a7dbf0"
          break;
          
        case "thrill":
          //document.getElementById('EXP_h1ExpName').innerHTML = 'Adventure & Activities'
          document.getElementById('EXP_spanExpDesc').innerHTML = 'Adventure, Sport and Adrenaline rush properties'
          document.getElementById('EXP_aExpLink').innerHTML = 'See all THRILL Properties'
          btnBGColor = "#e5ca97"
          break;
        
        case "romance":
          //document.getElementById('EXP_h1ExpName').innerHTML = 'Romance & Honeymoon'
          document.getElementById('EXP_spanExpDesc').innerHTML = "Honeymoons, cosy 'lurve' breaks for two and intimate expression"
          document.getElementById('EXP_aExpLink').innerHTML = 'See all ROMANCE Properties'
          btnBGColor = "#f9b8ed"
          break;
        
        case "family":
          //document.getElementById('EXP_h1ExpName').innerHTML = 'Family & Kids'
          document.getElementById('EXP_spanExpDesc').innerHTML = 'Children focused, family speciality and kid sized fun'
          document.getElementById('EXP_aExpLink').innerHTML = 'See all FAMILY Properties'
          btnBGColor = "#70eca5"
          break;
    }
    
    document.getElementById('EXP_divExpLink').style.backgroundColor = btnBGColor; /*button - text*/          
    /*button - top*/
    document.getElementById('b1').style.backgroundColor = btnBGColor; 
    document.getElementById('b2').style.backgroundColor = btnBGColor;
    document.getElementById('b3').style.backgroundColor = btnBGColor;
    document.getElementById('b4').style.backgroundColor = btnBGColor;

    /*button - bottom*/
    document.getElementById('b1Bot').style.backgroundColor = btnBGColor;
    document.getElementById('b2Bot').style.backgroundColor = btnBGColor;
    document.getElementById('b3Bot').style.backgroundColor = btnBGColor;
    document.getElementById('b4Bot').style.backgroundColor = btnBGColor;
    
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function prepareHotelCounts()
{           
    var literal = document.getElementById("ctl00_hdnHotelCountMsg").value;    
    return literal;
}

function setSelectedButton()
{
    //alert("setSelectedButton")
    //alert("hdnMenuStatus: " + document.getElementById("ctl00_hdnMenuStatus").value)
    //Show the selected Experience as per the page.    
    switch(document.getElementById("ctl00_hdnMenuStatus").value)//Tab no
    {    
        case "1":   /*HOME*/
            $("#imgHome").attr("src", SiteURL + "Images/Buttons/Home-Rlover.gif");             
            toggleExperienceContent("", "", "The Guide to " + hotelCount + " Unique and Unusual Properties", "#90B5F3","#FFF");
            $("#divSeparator").css('background-color', "#C3932F");    /*Change the bottom border color for the Collapsible section*/
            /*$("#divHeader").css('color', "#626b34");*/
            break;
            
        case "2":   /*ARTY*/
            $("#imgArty").attr("src", SiteURL + "Images/Buttons/Arty_Rlover.gif");
            toggleExperienceContent("arty", "Arty <a href='#' >link</a> <img src='Images/Curves/Search_Curve.gif' height='41' width='1' border='0' />", defaultNavBarMsg,"#F4E775","#000")
            $("#divSeparator").css('background-color', "#C3932F");    /*Change the bottom border color for the Collapsible section*/
            /*$("#divHeader").css('color', "#626b34");*/
            if (typeof(sessionStorage) != 'undefined') // This IF logic will be used only when user is coming directly on the Detaiuls page wne we have to display the Nav message as Exp type > Hotel Name
            {   
                if (String(sessionStorage['breadCrumbSource']) == 'undefined' && defaultNavBarMsg.indexOf("<a") == -1 ) // If no anchor - no breadcrumb
                {
                
                    var strURL = "javascript:redirectPage('Experience/" + "ARTY" + "'," + "'" + "ARTY" + "');"
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + "ARTY Properties" + '</a> > ' + defaultNavBarMsg
                }
            }            
            break;
            
        case "3":   /*WILD*/
            $("#imgWild").attr("src", SiteURL + "Images/Buttons/Wild_Rlover.gif"); 
            toggleExperienceContent("wild", "Wild", defaultNavBarMsg,"#F4A7A7","#000");
            $("#divSeparator").css('background-color', "#C3932F");    /*Change the bottom border color for the Collapsible section*/
            /*$("#divHeader").css('color', "#626b34");*/
            if (typeof(sessionStorage) != 'undefined') // This IF logic will be used only when user is coming directly on the Detaiuls page wne we have to display the Nav message as Exp type > Hotel Name
            {
                if (String(sessionStorage['breadCrumbSource']) == 'undefined' && defaultNavBarMsg.indexOf("<a") == -1 ) // If no anchor - no breadcrumb
                {
                    var strURL = "javascript:redirectPage('Experience/" + "WILD" + "'," + "'" + "WILD" + "');"
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + "WILD Properties" + '</a> > ' + defaultNavBarMsg
                }
            }
            break;
            
        case "4":   /*BLING*/
            $("#imgBling").attr("src", SiteURL + "Images/Buttons/Bling_Rlover.gif");
            toggleExperienceContent("bling", "Bling", defaultNavBarMsg ,"#A7DBF0","#000")
            $("#divSeparator").css('background-color', "#C3932F");    /*Change the bottom border color for the Collapsible section*/
            /*$("#divHeader").css('color', "#626b34");*/
            if (typeof(sessionStorage) != 'undefined') // This IF logic will be used only when user is coming directly on the Detaiuls page wne we have to display the Nav message as Exp type > Hotel Name
            {
                if (String(sessionStorage['breadCrumbSource']) == 'undefined' && defaultNavBarMsg.indexOf("<a") == -1 ) // If no anchor - no breadcrumb
                {
                    var strURL = "javascript:redirectPage('Experience/" + "BLING" + "'," + "'" + "BLING" + "');"
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + "BLING Properties" + '</a> > ' + defaultNavBarMsg
                }
            }
            break;
            
        case "5":   /*THRILL*/
            $("#imgThrill").attr("src", SiteURL + "Images/Buttons/Thrill_Rlover.gif");
            toggleExperienceContent("thrill", "Thrill", defaultNavBarMsg ,"#E5CA97","#000")
            $("#divSeparator").css('background-color', "#C3932F");    /*Change the bottom border color for the Collapsible section*/
            /*$("#divHeader").css('color', "#626b34");*/
            if (typeof(sessionStorage) != 'undefined') // This IF logic will be used only when user is coming directly on the Detaiuls page wne we have to display the Nav message as Exp type > Hotel Name
            {
                if (String(sessionStorage['breadCrumbSource']) == 'undefined' && defaultNavBarMsg.indexOf("<a") == -1 ) // If no anchor - no breadcrumb
                {
                    var strURL = "javascript:redirectPage('Experience/" + "THRILL" + "'," + "'" + "THRILL" + "');"
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + "THRILL Properties" + '</a> > ' + defaultNavBarMsg
                }
            }
            break;
            
        case "6":   /*ROMANCE*/
            $("#imgRomance").attr("src", SiteURL + "Images/Buttons/Romance_Rlover.gif");
            toggleExperienceContent("romance", "Romance", defaultNavBarMsg,"#F9B8ED","#000")
            $("#divSeparator").css('background-color', "#C3932F");    /*Change the bottom border color for the Collapsible section*/
            /*$("#divHeader").css('color', "#626b34");*/
            if (typeof(sessionStorage) != 'undefined') // This IF logic will be used only when user is coming directly on the Detaiuls page wne we have to display the Nav message as Exp type > Hotel Name
            {
                if (String(sessionStorage['breadCrumbSource']) == 'undefined' && defaultNavBarMsg.indexOf("<a") == -1 ) // If no anchor - no breadcrumb
                {
                    var strURL = "javascript:redirectPage('Experience/" + "ROMANCE" + "'," + "'" + "ROMANCE" + "');"
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + "ROMANCE Properties" + '</a> > ' + defaultNavBarMsg
                }
            }
            break;
            
        case "7":   /*FAMILY*/
            $("#imgFamily").attr("src", SiteURL + "Images/Buttons/Family_Rlover.gif");
            toggleExperienceContent("family", "Family", defaultNavBarMsg ,"#70ECA5","#000")            
            $("#divSeparator").css('background-color', "#C3932F");    /*Change the bottom border color for the Collapsible section*/
            /*$("#divHeader").css('color', "#626b34");*/
            if (typeof(sessionStorage) != 'undefined') // This IF logic will be used only when user is coming directly on the Detaiuls page wne we have to display the Nav message as Exp type > Hotel Name
            {
                if (String(sessionStorage['breadCrumbSource']) == 'undefined' && defaultNavBarMsg.indexOf("<a") == -1 ) // If no anchor - no breadcrumb
                {
                    var strURL = "javascript:redirectPage('Experience/" + "FAMILY" + "'," + "'" + "FAMILY" + "');"
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + "FAMILY Properties" + '</a> > ' + defaultNavBarMsg
                }
            }
            break;
            
        case "8":   /*search*/
            //alert("search")
            toggleExperienceContent("", "", defaultNavBarMsg, "#eacd55", "#000")
            document.getElementById('imgSearchBoxRight').style.display = "none";         
            if (navigator.appVersion.toLowerCase().indexOf("msie 6.0") == -1)
            {
                $("#divSearchBox").css({height:'24px'});    //For all Browsers Other than IE 6.0
            }
            $("#divSearchBox").css('background-color', "#ebcb4d");
            $("#divHeader").css('color', "#000");
            break;
            
        default:
            /*This section will cover all static pages*/
            toggleExperienceContent("", "", defaultNavBarMsg ,"#ebebeb","#000")
            $("#divSeparator").css('background-color', "#d0d0d0");    /*Change the bottom border color for the Collapsible section*/
            break;
    }

    //Set the BreadCrumb messages and the selection of Top Menu or Search section
    if (document.getElementById("ctl00_PageName").value.toLowerCase() == 'hoteldetails.aspx')
    {   //breadcrumb willl be showin in Details page and listing page only. Here, we'll take care of detail page only and listing page will be handled in code
        getBreadCrumb()
    }

}
function clearSelectedButton()
{    
    $("#lblShowMap").attr("style", "display:none;");
    
    if (document.getElementById("ctl00_hdnMenuStatus").value != 2)
        $("#imgArty").attr("src", SiteURL + "Images/Buttons/Arty_Btn.gif");    
    if (document.getElementById("ctl00_hdnMenuStatus").value != 3)
        $("#imgWild").attr("src", SiteURL + "Images/Buttons/Wild_Btn.gif");    
    if (document.getElementById("ctl00_hdnMenuStatus").value != 4)
        $("#imgBling").attr("src", SiteURL + "Images/Buttons/Bling_Btn.gif");    
    if (document.getElementById("ctl00_hdnMenuStatus").value != 5)
        $("#imgThrill").attr("src", SiteURL + "Images/Buttons/Thrill_Btn.gif");    
    if (document.getElementById("ctl00_hdnMenuStatus").value != 6)
        $("#imgRomance").attr("src", SiteURL + "Images/Buttons/Romance_Btn.gif");    
    if (document.getElementById("ctl00_hdnMenuStatus").value != 7)
        $("#imgFamily").attr("src", SiteURL + "Images/Buttons/Family_Btn.gif");    
    if (document.getElementById("ctl00_hdnMenuStatus").value != 1)
        $("#imgHome").attr("src", SiteURL + "Images/Buttons/Home-Btn.gif");    
}

var MENUtimeout	= 500;
var MENUclosetimer	= 0;
var MENUddmenuitem	= 0;
var Onlink=0
var divID
// open hidden layer
function popupOpen(id)
{	
    divID = "#" + id;    
    // cancel close timer
    Onlink=1
    MENUcancelclosetime();
    MENUddmenuitem = document.getElementById(id);
    // close old layer
    if(MENUddmenuitem){
        $(divID).slideDown("fast");
	    $(this).toggleClass("active"); return false;
	} 
	        
    // get new layer and show it
    MENUddmenuitem = document.getElementById(id);
   //MENUddmenuitem.style.display = 'inline';

}
// close showed layer
function popupClose()
{
    if((MENUddmenuitem)&&(Onlink==0)){
    //MENUddmenuitem.style.display = 'none';
    $(id).slideUp("fast");
	$(this).toggleClass("active"); return false;
    } //MENUddmenuitem.style.display = 'none';
}

// go close timer
function popupCloseTime()
{   Onlink=0
    MENUclosetimer = window.setTimeout(MENUclose, MENUtimeout);
}

// cancel close timer
function MENUcancelclosetime()
{
    if(MENUclosetimer)
    {
	    window.clearTimeout(MENUclosetimer);
	    MENUclosetimer = null;
    }
}

/*Hemant: this function will be called on mouse over of the Experience Images, text */
function expMouseOver(position)
{
    //alert(selectedExpType)
    var textColor = '#000'
    var imgBorderColor = '#fff'
    switch(selectedExpType.toLowerCase())   
    {
        case "arty":    imgBorderColor = "#f4e775";          textColor = "#d2b810";          break;
        case "wild":    imgBorderColor = "#f4a7a7";          textColor = "#f26b6b";          break;
        case "bling":   imgBorderColor = "#a7dbf0";          textColor = "#39aaca";          break;
        case "thrill":  imgBorderColor = "#e5ca97";          textColor = "#f18021";          break;
        case "romance": imgBorderColor = "#f9b8ed";          textColor = "#bd5dad";          break;
        case "family":  imgBorderColor = "#70eca5";          textColor = "#22a64a";          break;
    }
    var objID = "#EXP_h2HotelName" + position
    $(objID).css('color', textColor);
    
    objID = "#EXP_spanHotelLocation" + position
    $(objID).css('color', textColor);
    
    objID = "#EXP_imgHotel" + position
    $(objID).css('border', 'solid 5px ' + imgBorderColor);    
}

/*Hemant: this function will be called on mouse out of the Experience Images, text */   
function expMouseOut(position)
{   
    var color = '#000'
    var objID = "#EXP_h2HotelName" + position
    $(objID).css('color', color);
    
    objID = "#EXP_spanHotelLocation" + position
    $(objID).css('color', color);
    
    objID = "#EXP_imgHotel" + position
    $(objID).css('border', 'solid 5px #fff');
}

function expMouseOverLink(ID)
{    //alert("expMouseOverLink")
    ID = "#" + ID
    var textColor = '#000'    
    switch(selectedExpType.toLowerCase())   
    {
        case "arty":    textColor = "#baa207";          break;
        case "wild":    textColor = "#E34F4A";          break;
        case "bling":   textColor = "#006AD5";          break;
        case "thrill":  textColor = "#e67920";          break;
        case "romance": textColor = "#d231b6";          break;
        case "family":  textColor = "#008000";          break;
    }
    $(ID).css('color', textColor);
}

function expMouseOutLink(ID)
{
    var textColor = '#000'    
    ID = "#" + ID
    $(ID).css('color', textColor);
}
function togglePasswordField()
{
    if (document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_chkRegister").checked)
    {
        document.getElementById("divRegisterReq").style.display = "block";  
        document.getElementById("ctl00_ContentPlaceHolder2_divForm").style.height = "745";
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_PasswordValidator").enabled = true;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_ConfirmPasswordValidator").enabled = true;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_chkBoxNL").checked = true;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_chkBoxNF").checked = true;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_chkOffers").checked = true;
        document.getElementById("ctl00_divBottom").style.display = "none";     
    }
    else
    {        
        document.getElementById("divRegisterReq").style.display = "none";
        document.getElementById("ctl00_ContentPlaceHolder2_divForm").style.height = "590";
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_PasswordValidator").enabled = false;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_ConfirmPasswordValidator").enabled = false;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_txtPsswrd").value = "";
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_txtCnfrmPsswrd").value = "";
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_chkBoxNL").checked = false;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_chkBoxNF").checked = false;
        document.getElementById("ctl00_ContentPlaceHolder2_UCRegister1_chkOffers").checked = false;
        document.getElementById("ctl00_divBottom").style.display = "block";  
    }
}

function redirectPage(url, breadCrumbSource) 
{   
    if (typeof(sessionStorage) == 'undefined') 
    {
      //alert('local and session storage not supported by this browser.');
      //Here, we can handle for storing in the Cookie or anotheraltaernate Client side storage
    }
    else
    {
        //sessionStorage['IsOtherHotelsPopulated'] = 0
        //Save data in sessionStorage
        if (document.getElementById("ctl00_PageName").value.toLowerCase() == 'hotellisting.aspx')
        {   
            //Search Listing page
            
            //Save for Paging and Sorting
            //sessionStorage['PagingNo'] = document.getElementById("ctl00_ContentPlaceHolder2_ddPerPage").options[document.getElementById("ctl00_ContentPlaceHolder2_ddPerPage").selectedIndex].value;
            //sessionStorage['SortBy'] = document.getElementById("ctl00_ContentPlaceHolder2_ddSortBy").options[document.getElementById("ctl00_ContentPlaceHolder2_ddSortBy").selectedIndex].value;
            //alert("PagingNo: " + sessionStorage['PagingNo'])
            
            //alert(document.getElementById("ctl00_ContentPlaceHolder2_ddPerPage").options[document.getElementById("ctl00_ContentPlaceHolder2_ddPerPage").selectedIndex].value);
            //alert(document.getElementById("ctl00_ContentPlaceHolder2_ddSortBy").options[document.getElementById("ctl00_ContentPlaceHolder2_ddSortBy").selectedIndex].value);
            
            
            if (window.location.href.toLowerCase().indexOf("experience") != parseInt("-1"))   //http://localhost/UHOTW2009/SiteRedesign/Experience/Wild
            {   //Experience
                if (window.location.href.toLowerCase().lastIndexOf("/") != parseInt("-1"))
                {
                   var expType = window.location.href.toLowerCase().substr(parseInt(window.location.href.toLowerCase().lastIndexOf("/") + 1), parseInt(window.location.href.length - 1));
                   sessionStorage['breadCrumbSource'] = expType;
                   sessionStorage['ancBreadCrumb'] = "javascript:redirectPage('Experience/" + convertToProperCase(expType) + "'," + "'" + convertToProperCase(expType) + "');"
                }
            }
            else if (window.location.href.toLowerCase().indexOf("toppickhotels") != parseInt("-1"))   //http://localhost/UHOTW2009/SiteRedesign/Search/TopPickHotels
            {   //Top Pick
                sessionStorage['breadCrumbSource'] = "TopPickListing"
                sessionStorage['ancBreadCrumb'] = "javascript:redirectPage('Search/TopPickHotels'" + "," + "'TopPickListing');"
            }
            else if (window.location.href.toLowerCase().indexOf("wowhotels") != parseInt("-1"))   //http://localhost/UHOTW2009/SiteRedesign/Search/WOWHotels
            {   //WOWHotels            
                sessionStorage['breadCrumbSource'] = "WOWListing"
                sessionStorage['ancBreadCrumb'] = "javascript:redirectPage('Search/WOWHotels'" + "," + "'WOWListing');"                
            }
            else if (window.location.href.toLowerCase().indexOf("keyword") != parseInt("-1"))   //http://localhost/UHOTW2009/SiteRedesign/Keyword/london
            {   //Keyword
                sessionStorage['breadCrumbSource'] = "Search" //+ window.location.href.toLowerCase().substr(parseInt(window.location.href.toLowerCase().lastIndexOf("/") + 1), parseInt(window.location.href.length - 1));
                
                var keyword = window.location.href.toLowerCase().substr(parseInt(window.location.href.toLowerCase().lastIndexOf("/") + 1), parseInt(window.location.href.length - 1))
                sessionStorage['ancBreadCrumb'] = "javascript:redirectPage('Keyword/" + keyword + "'" + ");"
            }
            else if (window.location.href.toLowerCase().indexOf("/newhotels") != parseInt("-1"))   //http://localhost/UHOTW2009/SiteRedesign/Keyword/london
            {   //New Hotels
                //alert("new..")
                sessionStorage['breadCrumbSource'] = "NewHotels"
                sessionStorage['ancBreadCrumb'] = "javascript:redirectPage('Search/NewHotels'" + "," + "'NewHotels');"
            }
            else if (window.location.href.toLowerCase().indexOf("type") != parseInt("-1"))   //http://localhost/UHOTW2009/SiteRedesign/Type/Other-OneOfAKind
            {   //Type
                //sessionStorage['breadCrumbSource'] = window.location.href.toLowerCase().substr(parseInt(window.location.href.toLowerCase().lastIndexOf("/") + 1), parseInt(window.location.href.length - 1));
                sessionStorage['breadCrumbSource'] = GetTypeFromURL(window.location.href.toLowerCase().substr(parseInt(window.location.href.toLowerCase().lastIndexOf("/") + 1), parseInt(window.location.href.length - 1)));
                sessionStorage['ancBreadCrumb'] = "javascript:redirectPage('Type/" + window.location.href.toLowerCase().substr(parseInt(window.location.href.toLowerCase().lastIndexOf("/") + 1), parseInt(window.location.href.length - 1)) + "'" + "," + "'" + "Type" + "');"
                //alert("TYPE - sessionStorage['ancBreadCrumb']: " + sessionStorage['ancBreadCrumb'])                
            }
            /*else if (window.location.href.toLowerCase().indexOf("/newhotels") != parseInt("-1"))   //http://localhost/UHOTW2009/SiteRedesign/Keyword/london
            {   //Properties Sitemap
                sessionStorage['breadCrumbSource'] = "Properties Sitemap"
                sessionStorage['ancBreadCrumb'] = "javascript:redirectPage('HotelsSitemap.aspx'" + ");"
            }*/           
        }
        else if (document.getElementById("ctl00_PageName").value.toLowerCase() == 'ContributorDetails.aspx'.toLowerCase())  //Contributor Details - coming form Contributors properties list
        {
            sessionStorage['breadCrumbSource'] = breadCrumbSource;
            var ContributorName = window.location.href.toLowerCase().substr(parseInt(window.location.href.toLowerCase().lastIndexOf("/") + 1), parseInt(window.location.href.length - 1))
            sessionStorage['ancBreadCrumb'] = '<a class="ancBreadCrumb" href=' + 'Contributors' + '>' + 'Contributors' + '</a> > ' + '<a class="ancBreadCrumb" href=' + 'Contributors/' + convertToProperCase(ContributorName) + '>' + convertToProperCase(ContributorName) + '</a>' + " > " 
        }
        else if (document.getElementById("ctl00_PageName").value.toLowerCase() == 'HotelsSitemap.aspx'.toLowerCase())  //Hotels Sitemap
        {
            sessionStorage['breadCrumbSource']= breadCrumbSource;
            sessionStorage['ancBreadCrumb'] = "HotelsSitemap.aspx";
        }
        else
        {
            //Other than search listing page
            sessionStorage['breadCrumbSource']= breadCrumbSource;
            //alert(sessionStorage['breadCrumbSource'])
        }
        
    }
    //alert(sessionStorage['breadCrumbSource'])
    window.location.href=url;
}

function seeAllButtonHover(img, rloverPath)
{
    document.getElementById(img).src = rloverPath;
}

function getBreadCrumb()
{
    //alert("getBreadCrumb")
    //This function is being called only for the Hotel Details page
    
    if (typeof(sessionStorage) == 'undefined')  return;
    
    var str = ''
    str = sessionStorage['breadCrumbSource'] ? sessionStorage['breadCrumbSource'] : '';
    
    //alert("defaultNavBarMsg..." + defaultNavBarMsg)
    $("#divHeader").html("<div class='floatLeft'>" + defaultNavBarMsg + "</div>");
    
    if (String(str).toLowerCase() == "search")
    {
        //This needs to set as When searching for keyword and then going in Details page, Nav Search section is not being selected
        //$("#divHeader").html("<div class='floatLeft'>" + defaultNavBarMsg + "</div>");
        setSearchSection()
    }
    
    if (typeof(sessionStorage) == 'undefined') 
    {
      //alert('session storage not supported by this browser.');
    }
    else if (defaultNavBarMsg.indexOf(">") == parseInt("-1"))   //if bread crumb is not already set
    {
        //alert("else")
        //Fetch data from sessionStorage
        var bCrumb = ''
        bCrumb = sessionStorage['breadCrumbSource'] ? sessionStorage['breadCrumbSource'] : '';
        var strURL = ''
        //alert("here: " + sessionStorage['ancBreadCrumb']);
        if (sessionStorage['ancBreadCrumb'] != undefined && sessionStorage['ancBreadCrumb'] != '')
        {
            //alert("assigning...  "  + sessionStorage['ancBreadCrumb'])
            strURL = String(sessionStorage['ancBreadCrumb']);
            //alert("strURL 1 : " + strURL)
            sessionStorage['ancBreadCrumb'] = '';
            //alert("making sessionStorage['ancBreadCrumb'] blank....  " + sessionStorage['ancBreadCrumb'])
        } 
        //alert("String(bCrumb): " + String(bCrumb))
        switch(String(bCrumb).toLowerCase())   //Expereince Description section
        {
            case "wowlisting".toLowerCase():      bCrumb='WOW';                
                strURL = "javascript:redirectPage('Search/WOWHotels'" + "," + "'WOWListing');"  //overwrite the Session URL for anchor
                break;
              
            case "toppicklisting".toLowerCase():  bCrumb='Top Pick';
                strURL = "javascript:redirectPage('Search/TopPickHotels'" + "," + "'TopPickListing');"  //overwrite the Session URL for anchor
                break;
            
            case "newhotels".toLowerCase():       bCrumb='New';                
                strURL = "javascript:redirectPage('Search/NewHotels'" + "," + "'NewHotels');"  //overwrite the Session URL for anchor
                break;            
                
            case "contributors".toLowerCase():    bCrumb='Contributors';       break;            
            //case "type".toLowerCase():            bCrumb='';       break;
            case "arty".toLowerCase():            bCrumb='ARTY';               break;
            case "wild".toLowerCase():            bCrumb='WILD';               break;
            case "bling".toLowerCase():           bCrumb='BLING';              break;
            case "romance".toLowerCase():         bCrumb='ROMANCE';            break;
            case "family".toLowerCase():          bCrumb='FAMILY';             break;
            case "thrill".toLowerCase():          bCrumb='THRILL';             break;
            
            case "HotelsSiteMap".toLowerCase():   bCrumb='Properties Sitemap';     break;
        }
        //alert("String(bCrumb) 2: " + String(bCrumb))
        //alert("defaultNavBarMsg - 111: " ); alert(defaultNavBarMsg);
        //For other than the Nav tabs, Serach section should be selected and Nav bar color should be Yellow
        if ((defaultNavBarMsg.toLowerCase().indexOf("WOWHotels".toLowerCase()) != parseInt("-1")) || 
            (defaultNavBarMsg.toLowerCase().indexOf("TopPickHotels".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("NewHotels".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("Contributors".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("Type/".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("Sitemap".toLowerCase()) != parseInt("-1"))   
           )
        {
            setSearchSection()  //setting Serach section
        }
        
        //alert("defaultNavBarMsg: " + defaultNavBarMsg)
        //alert("bCrumb: " + String(bCrumb).toLowerCase())
        //alert("strURL 2 : " + strURL)
        if (bCrumb != '' && bCrumb != 'undefined')
        {
            if (strURL == '')
            {
                if (String(bCrumb).toLowerCase().indexOf("Properties".toLowerCase()) != parseInt("-1")) 
                    defaultNavBarMsg = (String(bCrumb).toLowerCase() == "search" ? convertToProperCase(String(bCrumb)) + " Results > " : convertToProperCase(String(bCrumb)) + " > ")  + defaultNavBarMsg
                else
                    defaultNavBarMsg = (String(bCrumb).toLowerCase() == "search" ? convertToProperCase(String(bCrumb)) + " Results > " : convertToProperCase(String(bCrumb)) + " Properties > ")  + defaultNavBarMsg                
            }
            else
            {
                if (String(bCrumb).toLowerCase() == "search")
                {
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + convertToProperCase(String(bCrumb)) + " Results " + '</a> > ' + defaultNavBarMsg
                }
                else if (String(bCrumb).toLowerCase() == "contributors")
                {
                    defaultNavBarMsg = strURL + defaultNavBarMsg                
                }
                /*else if (String(bCrumb).toLowerCase() == "Properties Sitemap".toLowerCase())
                {
                    defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + convertToProperCase(String(bCrumb)) + '</a> > ' + defaultNavBarMsg
                }*/
                else
                {   //alert("else....   " + String(bCrumb))
                    if (String(bCrumb).toLowerCase().indexOf("Properties".toLowerCase()) != parseInt("-1")) 
                    {
                        defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + convertToProperCase(String(bCrumb)) + '</a> > ' + defaultNavBarMsg
                    }
                    else
                    {
                        defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + convertToProperCase(String(bCrumb)) + ' Properties' + '</a> > ' + defaultNavBarMsg
                    }
                }
            }
        }
    }
    else
    {   //This else will be called when there is already ">" in Nav message - means Nav message is already set
        //In this case, we'll set the Nav Bar color as Search for some cases (WOW, New, Top Pick etc.)
        if ((defaultNavBarMsg.toLowerCase().indexOf("WOWHotels".toLowerCase()) != parseInt("-1")) || 
            (defaultNavBarMsg.toLowerCase().indexOf("TopPickHotels".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("NewHotels".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("Contributors".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("Type/".toLowerCase()) != parseInt("-1")) ||
            (defaultNavBarMsg.toLowerCase().indexOf("Sitemap".toLowerCase()) != parseInt("-1"))   
           ) 
        {
            setSearchSection()  //setting Serach section
        }
    }
}


//This function will be called form Hotel Details code and will check that Exp typr should be set as randomly selected in Hitel details page
// In Future, enhancement can be done for the Exp type...
function breadCrumb_EetExpType_DetailsPage()
{
    //alert("breadCrumb_EetExpType_DetailsPage(")
    if (document.getElementById("ctl00_PageName").value.toLowerCase() != 'hoteldetails.aspx' || typeof(sessionStorage) == 'undefined')
    {
        return;
    }

    if (typeof(sessionStorage) == 'undefined')  return;


    var menuStatus = 0;
    var isExperience = 0;
    
        var bCrumb = ''
        bCrumb = sessionStorage['breadCrumbSource'] ? sessionStorage['breadCrumbSource'] : '';
        bCrumb = String(bCrumb).toLowerCase();
    
        switch(bCrumb)   //Expereince Description section
        {
            case "arty":            menuStatus = 2; isExperience = 1;        break;
            case "wild":            menuStatus = 3; isExperience = 1;        break;
            case "bling":           menuStatus = 4; isExperience = 1;        break;
            case "thrill":          menuStatus = 5; isExperience = 1;        break;
            case "romance":         menuStatus = 6; isExperience = 1;        break;
            case "family":          menuStatus = 7; isExperience = 1;        break;
        }
    
    if (document.getElementById("ctl00_hdnMenuStatus") != null && isExperience == 1)
        document.getElementById("ctl00_hdnMenuStatus").value = menuStatus
        
    if (isExperience == 1)//If Experience type, set in Session for the Exp type selected in Details page
    {
        var tmpExpType = ""
        switch(document.getElementById("ctl00_hdnMenuStatus").value)
        {    
            case "2":   tmpExpType = "ARTY";            break;   //ARTY
            case "3":   tmpExpType = "WILD";            break;   //WILD
            case "4":   tmpExpType = "BLING";           break;   //BLING
            case "5":   tmpExpType = "THRILL";          break;   //THRILL
            case "6":   tmpExpType = "ROMANCE";         break;   //ROMANCE
            case "7":   tmpExpType = "FAMILY";          break;   //FAMILY
        }

        sessionStorage['breadCrumbSource'] = tmpExpType;
        
        var strURL = "javascript:redirectPage('Experience/" + convertToProperCase(tmpExpType) + "'," + "'" + convertToProperCase(tmpExpType) + "');" 
        defaultNavBarMsg = '<a class="ancBreadCrumb" href=' + strURL + '>' + convertToProperCase(tmpExpType) + ' Properties' + '</a> > '  + defaultNavBarMsg 
    }
}

// Function to change any text to Proper Case (e.g. picco -> Picco)
function convertToProperCase(str) 
{
    return str.charAt(0).toUpperCase() + str.substring(1, str.length);
}

function GetTypeFromURL(TypeUrlName)
{
    var typeName = ""
    switch(TypeUrlName.toLowerCase())
    {    
        case "Floating-Boats".toLowerCase():                            typeName = "Floating - Boats";                                  break;
        case "Underwater".toLowerCase():                                typeName = "Underwater";                                        break;
        case "Décor-Designer-Chic".toLowerCase():                       typeName = "Décor - Designer - Chic";                           break;
        case "Underground-Caves".toLowerCase():                         typeName = "Underground - Caves";                               break;
        case "Lighthouse".toLowerCase():                                typeName = "Lighthouse";                                        break;
        case "Cabin-Lodge-Huts".toLowerCase():                          typeName = "Cabin - Lodge - Huts";                              break;
        case "Ice-Igloo-Snow".toLowerCase():                            typeName = "Ice - Igloo - Snow";                                break;
        case "Industrial-Factory".toLowerCase():                        typeName = "Industrial - Factory";                              break;
        case "Remote-Isolated".toLowerCase():                           typeName = "Remote - Isolated";                                 break;
        case "Tipee-Tents-Wigwam".toLowerCase():                        typeName = "Tipee - Tents - Wigwam";                            break;
        case "Other-OneOfAKind".toLowerCase():                          typeName = "Other - One Of A Kind";                             break;
        case "Fantasy-Theme".toLowerCase():                             typeName = "Fantasy - Theme";                                   break;
        case "Treehouse".toLowerCase():                                 typeName = "Treehouse";                                         break;
        case "Ecoresorts".toLowerCase():                                typeName = "Eco resorts";                                       break;
        case "Prisons".toLowerCase():                                   typeName = "Prisons";                                           break;
        case "Train-Caboose-RailwaycarriagesandPlanes".toLowerCase():   typeName = "Train - Caboose - Railway carriages and Planes";    break;
        case "Cars-CoveredWagons".toLowerCase():                        typeName = "Cars - Covered Wagons";                             break;
        case "Desert-Oasis".toLowerCase():                              typeName = "Desert - Oasis";                                    break;
        case "Food-Drink".toLowerCase():                                typeName = "Food - Drink";                                      break;
        case "Kids".toLowerCase():                                      typeName = "Kids";                                              break;
        case "Luxury".toLowerCase():                                    typeName = "Luxury";                                            break;
        case "Romance".toLowerCase():                                   typeName = "Romance";                                           break;
        case "Views".toLowerCase():                                     typeName = "Views";                                             break;
        case "HistoricBuildings-Castles-Palaces-Churches".toLowerCase():typeName = "Historic Buildings - Castles - Palaces - Churches"; break;
        case "ArtGalleriesandMuseums".toLowerCase():                    typeName = "Art Galleries and Museums";                         break;
    }
    return typeName;
}


//This function will clear all the selected images - and will show the Menu as not selected
function clearAllSelectedButtons()
{    
    //$("#lblShowMap").attr("style", "display:none;");
    $("#imgArty").attr("src", SiteURL + "Images/Buttons/Arty_Btn.gif");    
    $("#imgWild").attr("src", SiteURL + "Images/Buttons/Wild_Btn.gif");    
    $("#imgBling").attr("src", SiteURL + "Images/Buttons/Bling_Btn.gif");    
    $("#imgThrill").attr("src", SiteURL + "Images/Buttons/Thrill_Btn.gif");    
    $("#imgRomance").attr("src", SiteURL + "Images/Buttons/Romance_Btn.gif");    
    $("#imgFamily").attr("src", SiteURL + "Images/Buttons/Family_Btn.gif");    
    $("#imgHome").attr("src", SiteURL + "Images/Buttons/Home-Btn.gif");    
}


function hotelDetails_setExp()
{
    //alert("hotelDetails_setExp")    
    if (typeof(sessionStorage) == 'undefined')         
    {
        document.getElementById("ctl00_ContentPlaceHolder2_UCOtherHotels1_btnHdnPopulateOtherHotels").click();
        return;
    }
    
    var bCrumb = ''
    bCrumb = sessionStorage['breadCrumbSource'] ? sessionStorage['breadCrumbSource'] : '';
    bCrumb = String(bCrumb).toLowerCase();

    //alert("bCrumb: " + bCrumb)
    var menuStatus = ''
    switch(bCrumb)   //Expereince Description section
    {
        case "arty":            menuStatus = 2;         break;
        case "wild":            menuStatus = 3;         break;
        case "bling":           menuStatus = 4;         break;
        case "thrill":          menuStatus = 5;         break;
        case "romance":         menuStatus = 6;         break;
        case "family":          menuStatus = 7;         break;
    }
 
    document.getElementById("ctl00_ContentPlaceHolder2_hdnExp").value = menuStatus
    //calling click of Button in UCOtherHotels which will populate "Other Hotels of Exp Tupe". Button click is used because populate should be done only after Exp type is set whoch is done on client side in above code
    document.getElementById("ctl00_ContentPlaceHolder2_UCOtherHotels1_btnHdnPopulateOtherHotels").click();
}

//This function will be used to set the Serach section
function setSearchSection()
{
    toggleExperienceContent("", "", defaultNavBarMsg ,"#eacd55","#000")
    document.getElementById('imgSearchBoxRight').style.display = "none";         
    if (navigator.appVersion.toLowerCase().indexOf("msie 6.0") == -1)
    {
        //For all Browsers Other than IE 6.0
        $("#divSearchBox").css({height:'24px'});
    }
    $("#divSearchBox").css('background-color', "#ebcb4d");
    $("#divHeader").css('color', "#000");

    //This function will clear all the selected images - and will show the Menu as not selected 
    clearAllSelectedButtons()
}

/*
//Function to be called from Search Listing page
function setSearchCriteriaAndPopulate()
{
    //alert("setSearchCriteriaAndPopulate")
    //Set the hidden variables values only if clicked coming for "BackToListing"
    if (typeof(sessionStorage) != 'undefined') 
    {
        //document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value = 2
        //alert(document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)
        document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value = sessionStorage['PagingNo']
        
        alert("ctl00_ContentPlaceHolder2_hdnStartIndex: " + document.getElementById("ctl00_ContentPlaceHolder2_hdnStartIndex").value)
        
        //document.getElementById("ctl00_ContentPlaceHolder2_hdnSortBy").value = 'City'
        document.getElementById("ctl00_ContentPlaceHolder2_hdnSortBy").value = sessionStorage['SortBy']
    }
    document.getElementById("ctl00_ContentPlaceHolder2_btnPopulate").click();
}
*/

/*function backToListing()
{
    alert("defaultNavBarMsg: " + defaultNavBarMsg)
    var tmpStr = defaultNavBarMsg.subStr(10, defaultNavBarMsg.length());
    //var tmpStr = defaultNavBarMsg.substr(defaultNavBarMsg.toLowerCase().indexOf("redirectpage('") + parseInt("redirectpage('".length()), defaultNavBarMsg.length());
    alert("tmpStr: " + tmpStr);
    //var url = tmpStr.subStr(0, tmpStr.indexOf("','");
    //alert(url)
    //var url = defaultNavBarMsg.substr(defaultNavBarMsg.toLowerCase().indexOf("','")+"','".length())
    //defaultNavBarMsg: <a class="ancBreadCrumb" href=javascript:redirectPage('Experience/ARTY','ARTY');>ARTY Properties</a> > The Five Hotel
    //window.location.href=url;
}*/

/*function setExp()
{
    alert("setExp")
    alert("hdnMenuStatus: " + document.getElementById("ctl00_hdnMenuStatus"))
    alert("hdnExp: " + document.getElementById("ctl00_ContentPlaceHolder2_hdnExp").value)
}*/

///Registartion functions Starts here 
function HideWatermarkTextLogin(objId) { if(document.getElementById(objId).value == "Enter your Email") { document.getElementById(objId).value = ""; } }
function ShowWatermarkTextLogin(objId) { if(document.getElementById(objId).value.trim() == "") { document.getElementById(objId).value = "Enter your Email"; } } 
///Registartion functions Ends here