jQuery(document).ready(function() {
	EnableSelect();
	var zipDefaultText = jQuery("input[id$='hdnZipCode']").val();
	var cityDefaultText = jQuery("input[id$='hdnCity']").val();

	if (jQuery("span[id$='lblCitySearchErrorMessage']")[0] != null) {
        jQuery("span[id$='lblCitySearchErrorMessage']")[0].innerHTML = '';
    }
	
    jQuery("input[id$='txtZipCode']").focus(function() {
        if (jQuery(this).val() == zipDefaultText)
        {
            jQuery(this).val('');
        }
    });

    jQuery("input[id$='txtZipCode']").blur(function() {
        if (jQuery(this).val() == '') {
            jQuery(this).val(zipDefaultText);
        }

    });
      
    jQuery("input[id$='txtCity']").focus(function() {
        if (jQuery(this).val() == cityDefaultText )
 		{
            jQuery(this).val('');
        }
    });

    jQuery("input[id$='txtCity']").blur(function() {
        if (jQuery(this).val() == '') {
	        jQuery(this).val(cityDefaultText);
        }

    });

	jQuery("input[id$='ibtnCityStateSearch']").click(function() {
			var lblSearchTopNavErrorMessage = jQuery("span[id$='lblSearchTopNavErrorMessage']")[0];
			var lblCitySearchErrorMessage = jQuery("span[id$='lblCitySearchErrorMessage']")[0];
			var tdRevCity = jQuery("#tdRevCity")[0];
			
			if(lblSearchTopNavErrorMessage != null)
            {
                lblSearchTopNavErrorMessage.style.display="none";
            }
            lblCitySearchErrorMessage.style.display="none";
            tdRevCity.style.display="none";
            
            var txtCity = jQuery("input[id$='txtCity']");
            var objVal = txtCity.val();
            var cityErrorMessage = jQuery("input[id$='hdnCityErrMsg']").val();
            
            if (objVal == cityDefaultText || objVal =='') {
                lblCitySearchErrorMessage.style.display="block";
                lblCitySearchErrorMessage.innerHTML = cityErrorMessage;
                txtCity.focus();
                return false;
            }
            tdRevCity.style.display="block";
     });


    if (typeof (Sys) != "undefined") {
        Sys.Application.add_load(RegisterPageEvents);
        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(OnUpdating);
        //Added an ajax end request event handler to set the page title back to original
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() { document.title = 'Location Search'; OnUpdated(); });
     }
});

function SaveCookie(name, value)
{
	//Set the Restaurant ID cookie from the parameters passed
    jQuery.cookie(name, value, { expires: 365 });
    jQuery.cookie("Online_Ordering", "true", { expires: 365 });
    jQuery.cookie("International", "No", { expires: 365 });
}

function CallServer(argument)
{
	jQuery("input[id$='hdnAreaTitle']").val(argument);
	var btnRefreshMapName = jQuery("input[id$='btnRefreshMap']").attr("name");
    __doPostBack(btnRefreshMapName,"");
}

function onAreaOver(thisObj)
{
	var changeMap="/images/loc-search/";
	changeMap+=thisObj.id+".gif";
	jQuery("img[id$='mapImg']")[0].src = changeMap;
	jQuery("div[id$='divUSMap']")[0].style.cursor='pointer';
}

function onAreaOut(thisObj){
	jQuery("img[id$='mapImg']")[0].src="/images/loc-search/us-location-map.gif";
	jQuery("div[id$='divUSMap']")[0].style.cursor='auto';
}

function ChangeImageOver(thisObj)
{
    thisObj.src = "/images/loc-search/select-location-on.gif";
}

function ChangeImageOut(thisObj)
{
    thisObj.src = "/images/loc-search/select-location.gif";
}

function DisableSelect()
{
	$("select").each(function() {
		$(this).attr("disabled", "true");	
	});
}

function EnableSelect()
{
	$("select").each(function() {
		$(this).attr("disabled", "");	
	});
}

 
function OnUpdating(sender,args){
   
   //get the update progress div
    var updateProgressDiv = $get('updateProgressDiv'); 
	var updateProgressUploader = $get('updateProgressLoader');
    
    //--OTBMigration--var index  = sender._postBackSettings.panelID.split('|')[0].lastIndexOf('$') + 1;
	//--OTBMigration--var updatePanelName = sender._postBackSettings.panelID.split('|')[0].substring(index,sender._postBackSettings.panelID.split('|')[0].length);
   	var divSearchControls;
   	//--OTBMigration--if(updatePanelName == 'upSearchModal')
   	//--OTBMigration-- {
        //get the div enclosing the update panel for search modal 
   	//--OTBMigration--	divSearchControls = $get('divGrid');
   	//--OTBMigration--}
   	//--OTBMigration--else
   	//--OTBMigration--{
	    //Disable dropdown only if its location search page
	    DisableSelect();
	    //get the div enclosing the update panel for location search 
		divSearchControls = $get('divSearchControls');
		//--OTBMigration--}
 
    //make the update progress div visible
    updateProgressDiv.style.display = '';
    
    //get the bounds of both the update panel and the progress div
    var divSearchControlsBounds = Sys.UI.DomElement.getBounds(divSearchControls);
    var updateProgressDivBounds = Sys.UI.DomElement.getBounds(updateProgressDiv);

    updateProgressDiv.style.width = divSearchControlsBounds.width + "px";
	updateProgressDiv.style.height = divSearchControlsBounds.height + "px";
	updateProgressUploader.style.marginTop = Math.round(divSearchControlsBounds.height / 2) + "px";
	//--OTBMigration--if(updatePanelName == 'upSearchModal')
	//--OTBMigration--{
    	updateProgressUploader.style.marginLeft = Math.round(divSearchControlsBounds.width / 2) + "px";
    	//--OTBMigration--}
		
    //set the progress element to this position
    Sys.UI.DomElement.setLocation (updateProgressDiv, divSearchControlsBounds.x, divSearchControlsBounds.y );           
}

function OnUpdated() {
    // get the update progress div
    var updateProgressDiv = $get('updateProgressDiv'); 
    // make it invisible
    updateProgressDiv.style.display = 'none';
    EnableSelect();
}

function RegisterPageEvents()
{
	var zipDefaultText = jQuery("input[id$='hdnZipCode']").val();
	var cityDefaultText = jQuery("input[id$='hdnCity']").val();

	if (jQuery("span[id$='lblCitySearchErrorMessage']")[0] != null) {
        jQuery("span[id$='lblCitySearchErrorMessage']")[0].innerHTML = '';
    }
    	
	jQuery("input[id$='txtZipCode']").focus(function () 
	{	
        if (jQuery(this).val() == zipDefaultText)
		{
			jQuery(this).val('');			
		}

	});	
	
	jQuery("input[id$='txtZipCode']").blur(function () 
	{		
		if(jQuery(this).val() == '')
		{
            jQuery(this).val(zipDefaultText);
		}
	});	
	
	jQuery("input[id$='ibtnZipCodeSearch']").click(function() {
	    if(jQuery("span[id$='lblSearchTopNavErrorMessage']")!=null)
        {
            jQuery("span[id$='lblSearchTopNavErrorMessage']").hide();
        }
        if(jQuery("span[id$='lblCitySearchErrorMessage']")!=null)
        {
            jQuery("span[id$='lblCitySearchErrorMessage']").hide();
        }
	});	


	jQuery("input[id$='txtCity']").focus(function () 
	{
        if (jQuery(this).val() == cityDefaultText )
		{
			jQuery(this).val('');
		}
	});	
	
	jQuery("input[id$='txtCity']").blur(function () 
	{		
		if(  jQuery(this).val() == '')
		{
			jQuery(this).val(cityDefaultText);
		}	
	
	});
	
	 jQuery("input[id$='ibtnCityStateSearch']").click(function() {
			var lblSearchTopNavErrorMessage = jQuery("span[id$='lblSearchTopNavErrorMessage']")[0];
			var lblCitySearchErrorMessage = jQuery("span[id$='lblCitySearchErrorMessage']")[0];
			var tdRevCity = jQuery("#tdRevCity")[0];
			
			if(lblSearchTopNavErrorMessage != null)
            {
                lblSearchTopNavErrorMessage.style.display="none";
            }
            lblCitySearchErrorMessage.style.display="none";
            tdRevCity.style.display="none";
            
            var txtCity = jQuery("input[id$='txtCity']");
            var objVal = txtCity.val();
            var cityErrorMessage = jQuery("input[id$='hdnCityErrMsg']").val();
            
            if (objVal == cityDefaultText || objVal =='') {
                lblCitySearchErrorMessage.style.display="block";
                lblCitySearchErrorMessage.innerHTML = cityErrorMessage;
                txtCity.focus();
                return false;
            }
            tdRevCity.style.display="block";
     });
			
	 
}
