/// <reference path="jquery-1.3-vsdoc.js/> 

// JavaScript Document
var scripts_isIE = jQuery.browser.msie;
var scripts_isIE6 = (scripts_isIE && jQuery.browser.version.substr(0, 1) == "6");
var highlightSpeed = 2500;


function getDrinkReceipeRatings(elem) {
    var data = new Object();
    data.name = $("#" + elem).val();

    ajax.makeCall({ url: 'GetRecipePicks', data: data, func: updateDrinkReceipes });
}

function updateDrinkReceipes(data) {
    data = eval(data.d);
    var $drinkItemsList = $('.drinkItemsList').eq(0)

    $drinkItemsList
        .next('.lbLink').toggle('blind').end()
        .toggle('blind', function() {
            $(this)
                .html("")
                .setTemplate($("#TemplateRecipeTable").html())
                .processTemplate(data)
                .toggle('blind', function() { $(this).next('.lbLink').toggle('blind') })
        });
}

/* ************************************ */


jQuery.preloadImages = function() {
    for (var i = 0; i < arguments.length; i++) {
        jQuery("<img>").attr("src", arguments[i]);
    }
}

String.prototype.leftTrim = function() {
    return this.replace(/^\s+/, '');
};
String.prototype.rightTrim = function() {
    return this.replace(/\s+$/, '');
};
String.prototype.trim = function() {
    return this.replace(/^\s+/, '').replace(/\s+$/, '');
};
String.prototype.isEmail = function() {
    if (this.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) return true;
    else return false;
};


function RolloverImage(offImage, onImage) {
    this.offImage = offImage;
    this.onImage = onImage;
}

var leftPlusMinusImg = new RolloverImage("http://static.thebar.com/v2/CSS-JS-IMAGES/icons/plus.gif", "http://static.thebar.com/v2/CSS-JS-IMAGES/icons/minus.gif");

var mainNavImages = new Array();
mainNavImages["mainNav0"] = new RolloverImage("http://static.thebar.com/v2/CSS-JS-IMAGES/nav_drinks_type.png", "http://static.thebar.com/v2/CSS-JS-IMAGES/nav_drinks_type_over.png");
mainNavImages["mainNav1"] = new RolloverImage("http://static.thebar.com/v2/CSS-JS-IMAGES/nav_drinks_occasion.png", "http://static.thebar.com/v2/CSS-JS-IMAGES/nav_drinks_occasion_over.png");
mainNavImages["mainNav2"] = new RolloverImage("http://static.thebar.com/v2/CSS-JS-IMAGES/nav_drinks_brand.png", "http://static.thebar.com/v2/CSS-JS-IMAGES/nav_drinks_brand_over.png");
mainNavImages["mainNav3"] = new RolloverImage("http://static.thebar.com/v2/CSS-JS-IMAGES/nav_quick_drinks.png", "http://static.thebar.com/v2/CSS-JS-IMAGES/nav_quick_drinks_over.png");
mainNavImages["mainNav4"] = new RolloverImage("http://static.thebar.com/v2/CSS-JS-IMAGES/nav_wine.png", "http://static.thebar.com/v2/CSS-JS-IMAGES/nav_wine_over.png");
mainNavImages["mainNav5"] = new RolloverImage("http://static.thebar.com/v2/CSS-JS-IMAGES/nav_articles_videos.png", "http://static.thebar.com/v2/CSS-JS-IMAGES/nav_articles_videos_over.png");

addWindowEvent("load", function() {
    for (var i in mainNavImages) {
        $.preloadImages(mainNavImages[i].onImage);
    }
});


/*
if (scripts_isIE6) {
window.attachEvent("onload", function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("ulMainNav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
});*/

/*window.attachEvent("onload", function() { 
for(var i=0; i<document.images.length; i++) {
var img = document.images[i];
if (ie6CorrectPng(img)) {
i = i-1;
}
}
});
}
*/

/*jQuery.preloadImages = function() {
jQuery.each (arguments,function (e) {
jQuery ('<img src="' + this + '" />');
});
}*/
/*
function ie6CorrectPng(img) {
var imgName = img.src.toUpperCase();
//if (img.className.indexOf("ie6PngNoFix") == -1 && imgName.substring(imgName.length-3, imgName.length) == "PNG") {
if (img.className.indexOf("ie6PngFix") > -1 && imgName.substring(imgName.length-3, imgName.length) == "PNG") {
var imgID = (img.id) ? "id='" + img.id + "' " : "";
var imgClass = (img.className) ? "class='" + img.className + "' " : "";
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
var imgStyle = "display:inline-block;" + img.style.cssText;
if (img.align == "left") imgStyle = "float:left;" + imgStyle;
if (img.align == "right") imgStyle = "float:right;" + imgStyle;
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;		
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\');\"></span>";
img.outerHTML = strNewHTML;
return true;
}
return false;
}*/

function ie6HideSearchDropDown() {
    if (scripts_isIE6) {
        $('#ctl00_search_searchDDList').hide();
        // Added the below line as the control id for the Search dropdown is different than that generated on the homepage
        $('#ctl00_ctl00_search_searchDDList').hide();
    }
}
function ie6ShowSearchDropDown() {
    if (scripts_isIE6 && !scripts_menuShowing) {
        $('#ctl00_search_searchDDList').show();
        // Added the below line as the control id for the Search dropdown is different than that generated on the homepage
        $('#ctl00_ctl00_search_searchDDList').show();
    }
}

function showSearchInput() {
    document.getElementById("divSearchText").style.display = "none";
    document.getElementById("divSearchUserText").style.display = "none";
    document.getElementById("divSearchInput").style.display = "inline";
    //document.getElementById("divSearchInput").childNodes[0].focus();
    document.getElementById("divSearchInput").getElementsByTagName("input")[0].focus();

}
function hideSearchInput() {
    var text = document.getElementById("divSearchText");
    var userText = document.getElementById("divSearchUserText");
    var inputDiv = document.getElementById("divSearchInput");
    //var input = inputDiv.childNodes[0];
    var input = inputDiv.getElementsByTagName("input")[0];
    if (input.value.trim() != "") {
        userText.innerHTML = input.value;
        userText.style.display = "inline";
    } else {
        text.style.display = "inline";
    }
    inputDiv.style.display = "none";
}

function showMyBarNotifications(callback) {
    $('#ctl00_search_searchDDList').blur(); //remove focus from search select field
    // Added the below line as the control id for the Search dropdown is different than that generated on the homepage
    $('#ctl00_ctl00_search_searchDDList').blur();
    ie6HideSearchDropDown();
    if (scripts_isIE6) $('#divMyBarNotify').bgiframe();
    $("#divMyBarNotify").slideDown("normal", callback);
}

function hideMyBarNotifications() {
    $("#divMyBarNotify").slideUp("normal", ie6ShowSearchDropDown);
    $('span[id$=addednewingredients]').text('').hide('slow');
}

var scripts_myBarTimeout = null;

function showMyBar() {
    if (scripts_myBarTimeout != null)
        window.clearTimeout(scripts_myBarTimeout);

    showMyBarNotifications(null);
}
function hideMyBar() {
    scripts_myBarTimeout = window.setTimeout(hideMyBarNotifications, 200);
}
function saveToMyBar() {
    showHideMyBar();
}

function showHideMyBar() {
    showMyBarNotifications(function() {
        window.setTimeout(hideMyBarNotifications, 5000);
    });
}

// This funtion updates the count of recipes or articles and videos or shopping list 
// and total items counts when the corresponding items is saved to my bar
//Param1 - artifactSaved - acceptable values 'Recipes', 'Articles' and 'ShoppingLists'
function updateTopNavMyBarDetails(artifactSaved, countToIncrement) {
    var currentCount;
    var addedString = '';
    var splitArray;
    var $link;

    switch (artifactSaved) {
        case 'Recipes': addedString = '(numberofrecipes)'; $link = $("a[id$=numberofrecipes]"); break;
        case 'ArticlesVideos': addedString = '(numberofarticles)'; $link = $("a[id$=numberofarticles]"); break;
        case 'ShoppingLists': addedString = '(numberofshoppinglists)'; $link = $("a[id$=numberofshoppinglists]"); break;
        case 'Ingredients': addedString = '(numberofingredients)'; break;
    }

    if ($link) {
        // Update new link count
        currentCount = Math.abs($link.text().match("([0-9]+)")[0]);
        $link.text($link.text().replace(/[0-9]+/, currentCount + countToIncrement));

        // Finally update the total items count
        $link = $('span[id$=navSignedinmessage]');
        currentCount = Math.abs($link.text().match("([0-9]+)")[0]);
        $link.text($link.text().replace(/[0-9]+/, currentCount + countToIncrement));

        if (artifactSaved == 'ShoppingLists' && countToIncrement < 0) {
            UpdateMyProfileLeftNavCounts()
        }
    }

    // Get hidded alert text to display msg to user. 
    splitArray = $("input:hidden[id$=" + artifactSaved + "Text]").val().split("##");
    if (countToIncrement > 0)
        addedString = splitArray[0].replace(addedString, countToIncrement);
    else
        addedString = splitArray[1].replace(addedString, countToIncrement * -1);

    $('[id$=addednewingredients]').text(addedString).show();

    showHideMyBar();
}

function addWindowEvent(eventName, func) {
    if (window.attachEvent) {
        window.attachEvent("on" + eventName, func);
    } else {
        window.addEventListener(eventName, func, false);
    }
}

/*var scripts_currentLeftNavItem = null;
var scripts_currentLeftNavOptions = null;
var scripts_currentLeftNavCount = null;*/
function showLeftNavOptions(index) {
    //var scripts_currentLeftNavItem = "navItem"+index;
    var scripts_currentLeftNavOptions = "navOptions" + index;
    var scripts_currentLeftNavDisp = document.getElementById(scripts_currentLeftNavOptions).style.display;

    if (scripts_currentLeftNavDisp != "block") {
        //document.getElementById("navItem"+index).style.listStyleImage = "url(http://static.thebar.com/v2/CSS-JS-IMAGES/icons/minus.gif)";
        $("#plusMinus" + index).attr("src", leftPlusMinusImg.onImage);
        //document.getElementById("navOptions"+index).style.display = "block";
        document.getElementById(scripts_currentLeftNavOptions).style.display = "block";
    } else {
        //document.getElementById(scripts_currentLeftNavItem).style.listStyleImage = "url(http://static.thebar.com/v2/CSS-JS-IMAGES/icons/plus.gif)";
        $("#plusMinus" + index).attr("src", leftPlusMinusImg.offImage);
        document.getElementById(scripts_currentLeftNavOptions).style.display = "none";
    }

    /*
    if (scripts_currentLeftNavItem != null) {
    document.getElementById(scripts_currentLeftNavItem).style.listStyleImage = "url(http://static.thebar.com/v2/CSS-JS-IMAGES/icons/plus.gif)";
    }
    if (scripts_currentLeftNavOptions != null) {
    document.getElementById(scripts_currentLeftNavOptions).style.display = "none";
    }
    document.getElementById("navItem"+index).style.listStyleImage = "url(http://static.thebar.com/v2/CSS-JS-IMAGES/icons/minus.gif)";
    document.getElementById("navOptions"+index).style.display = "block";
    scripts_currentLeftNavItem = "navItem"+index;
    scripts_currentLeftNavOptions = "navOptions"+index;
    */

    /*if(scripts_isIE) {
    if (scripts_currentLeftNavCount != null) {
    document.getElementById(scripts_currentLeftNavCount).style.top = "-2em";
    }
    document.getElementById("navCount"+index).style.top = "-1.7em";
    scripts_currentLeftNavCount = "navCount"+index;
    }*/

}

function setRating(ratingDivID, rating) {
    document.getElementById(ratingDivID).value = rating;
}
function highlightRating(ratingDivID, rating) {
    document.getElementById(ratingDivID).className = "rating" + rating;
}
function resetRating(ratingDivID, ratingHidInputID) {
    var lastRating = parseInt(document.getElementById(ratingHidInputID).value);
    document.getElementById(ratingDivID).className = "rating" + lastRating;
}

var scripts_lastShown = null;
var scripts_fadeTimeout = Array();
var scripts_menuShowing = false;
function showMainSub(index, navID, hideSearchSelect) {
    $("#" + navID).attr("src", mainNavImages["mainNav" + index].onImage);

    if (scripts_isIE6) $('#subMenu' + index).bgiframe();

    $('#ctl00_search_searchDDList').blur(); //remove focus from search select field
    // Added the below line as the control id for the Search dropdown is different than that generated on the homepage
    $('#ctl00_ctl00_search_searchDDList').blur();

    if (index == 5) //articles & videos tab
        hideMyBarNotifications();
    if (scripts_lastShown != null && scripts_lastShown != index)
        doFadeOut(scripts_lastShown);
    if (scripts_fadeTimeout[index])
        window.clearTimeout(scripts_fadeTimeout[index]);
    if (hideSearchSelect)
        ie6HideSearchDropDown()
    $("#subMenu" + index).fadeIn("fast", function() {
        if (hideSearchSelect)
            ie6HideSearchDropDown();
        scripts_menuShowing = true;
    });
    scripts_lastShown = index;
}
function hideMainSub(index, navID, showSearchSelect) {
    scripts_fadeTimeout[index] = window.setTimeout("doFadeOut(" + index + ",'" + navID + "'," + showSearchSelect + ")", 100);
}
function doFadeOut(index, navID, showSearchSelect) {
    $("#" + navID).attr("src", mainNavImages["mainNav" + index].offImage);
    $("#subMenu" + index).fadeOut("fast", function() {
        scripts_menuShowing = false;
        if (showSearchSelect)
            ie6ShowSearchDropDown();

    });
}

function toggleBtn(objImg, btnPath) {
    toggleImg(objImg, btnPath);
}
function toggleImg(objImg, imagePath) {
    objImg.src = imagePath;
}

// MAKE THESE VARS GLOBAL FOR CLICKDIV() FUNCTION
var leftVal;
var topVal;
var clickDivID = 'divMain'; //set some default;
var clickDivPageX = 300;
var clickDivPageY = 300;
$(function() {
    $(document).click(function(e) {
        //alert("you clicked!");
        clickDivPageX = e.pageX;
        clickDivPageY = e.pageY;
    });
});

function clickDiv() {

    //getting height and width of the message box
    var height = $('#' + clickDivID).height();
    var width = $('#' + clickDivID).width();
    //calculating offset for displaying popup message
    //leftVal=e.pageX-(width/2)+"px";
    leftVal = clickDivPageX - Math.round(width / 1.2) + "px";
    topVal = clickDivPageY - Math.round(height / 3) + "px";
}

/*
function showNutrPopupDiv(divID) 
{
clickDivID = divID;
clickDiv();

//show the layer

leftVal = Math.round(parseInt(leftVal)-650) + "px";
topVal = Math.round(parseInt(topVal)-650) + "px";
    
if (scripts_isIE6) $('#'+divID).bgiframe();

$('#'+divID).css({left:leftVal,top:topVal}).show();

document.getElementById(divID).style.visibility = "visible";
}
*/

function showNutrPopupDiv(divID) {
    if (scripts_isIE6) $('#' + divID).bgiframe();
    $('#' + divID).css({ left: -200, top: 0 }).show();

    document.getElementById(divID).style.visibility = "visible";
}

function showPopupDiv(divID) {

    clickDivID = divID;
    clickDiv();
    //show the layer
    if (scripts_isIE6) $('#' + divID).bgiframe();

    $('#' + divID).css({ left: leftVal, top: topVal }).show();
    document.getElementById(divID).style.visibility = "visible";
}

function showPopupDivCenter(divID) {
    if (scripts_isIE6) $('#' + divID).bgiframe();

    centerLyr(divID);
    rePositionLyr(true, divID);
    document.getElementById(divID).style.visibility = "visible";
}

function centerLyr(divID) {
    $('#' + divID).css("position", "absolute");
    $('#' + divID).css("top", ($(window).height() - $('#' + divID).height()) / 2 + $(window).scrollTop() + "px");
    $('#' + divID).css("left", ($(window).width() - $('#' + divID).width()) / 2 + $(window).scrollLeft() + "px");
}

function rePositionLyr(status, divID) {
    switch (status) {
        case true:
            $(window).bind('resize', function() {
                centerLyr(divID);
            });
            $(window).bind('scroll', function() {
                centerLyr(divID);
            });
            break;
        case false:
            $(window).unbind('resize');
            $(window).unbind('scroll');
            break;
    }
}

function hidePopupDiv(divID) {
    //changed to hidden instead of display: none, because IE6 doesn't render the PNG fix for those images that are display: none
    document.getElementById(divID).style.visibility = "hidden";
}

var scripts_selectedPrintSizeImg = null;
var printSize = null;
function selectPrintSize(imgID, size) {
    var img = document.getElementById(imgID);
    if (scripts_selectedPrintSizeImg != null) {
        scripts_selectedPrintSizeImg.className = scripts_selectedPrintSizeImg.className.replace(/Sel$/, "");
    }
    printSize = size;
    img.className += "Sel";
    scripts_selectedPrintSizeImg = img;

}
function openPrintWindow(url) {
    window.open(url + printSize);
}

function openShoppingListPrintWindow(url) {
    window.open(url);
}
function openArticlePrintWindow(url) {
    window.open(url);
}
function printpage() {
    window.print();
}

function openVideoPlayer(divID, flashDivID, flvUrl) {

    showPopupDivCenter(divID);
    callTrack(flvUrl);

    var flashvars = {
        flv_path: "http://cp18256.edgefcs.net/ondemand/18256/v2/" + flvUrl
    };
    var params = {
        scale: "showall",
        wmode: "transparent",
        allowFullScreen: "true",
        salign: "ct",
        bgcolor: "#ffffff"
    };
    var attributes = {

};

swfobject.embedSWF("~/_layouts/TheBar/swf/the_bar_video_player_no_bkgd.swf", flashDivID, "480", "303", "9.0.0", false, flashvars, params, attributes);

//alert(flvUrl);
//     var so = new SWFObject("~/_layouts/TheBar/swf/the_bar_video_player_no_bkgd.swf", "the_bar_video_player", "480", "303", "10", "#ffffff"); 
//     so.addParam("scale", "showall");
//     so.addParam("allowFullScreen", "true");
//     so.addParam("salign", "ct");
//     so.addParam("wmode", "transparent");
//     so.addVariable("debugger", "false");
//     so.addVariable("flv_path", "http://cp18256.edgefcs.net/ondemand/18256/v2/"+flvUrl); 
//     so.write(flashDivID);
}

function closeVideoPlayer(divID, flashDivID) {

    rePositionLyr(false, divID);
    hidePopupDiv(divID);
    if (!document.getElementById('nonflashcontent')) {
        document.getElementById(flashDivID).innerHTML = '';
        document.getElementById(flashDivID).style.visibility = 'hidden';

    }
}

function swapNavClass(obj, cls) {
    obj.className = cls;
}

function restoreNavClass(obj, cls) {
    obj.className = cls;

}

function go(u) {
    window.location = u;
}

/** dev specific **/

function closeVideoPlayerFromFlash() {
    closeVideoPlayer('flash-lyr', 'flashcontent');
}

var geocoder;
function initialize() {
    if (GBrowserIsCompatible()) {
        geocoder = new GClientGeocoder();
    }
}

function showLatLong(response) {
    if (!response || response.Status.code != 200) {

        alert("Sorry, we were unable to geocode that address");

    } else {
        place = response.Placemark[0];
        point = new GLatLng(place.Point.coordinates[1],
                     place.Point.coordinates[0]);
        lat = point.lat();
        lng = point.lng();
        alert(lat);
        alert(lng);
        // document.getElementById("my_lat").value = lat;
        // document.getElementById("my_lng").value = lng;
        // postSubmitHiddenForm(lat,lng);
    }
}
// showLocation() is called when you click on the Search button
// in the form.  It geocodes the address entered into the form
// and adds a marker to the map at that location.
function showLocation() {
    var address = document.forms[0].q.value;
    geocoder.getLocations(address, showLatLong);
}


// findLocation() is used to enter the sample addresses into the form.

function findLocation(address) {

    document.forms[0].q.value = address;

    showLocation();

}




// postSubmitHiddenForm() is used to send the hidden form containing Latitude and Longitude via a POST request.

function postSubmitHiddenForm(Lat, Lng) {

    document.myHiddenForm.LAT.value = Lat;

    document.myHiddenForm.LNG.value = Lng;

    document.myHiddenForm.submit();

}


function validateZIP(field) {
    var valid = "0123456789-";
    var hyphencount = 0;

    if (field.length != 5 && field.length != 10) {
        alert("Please enter your 5 digit or 5 digit+4 zip code.");
        return false;
    }
    for (var i = 0; i < field.length; i++) {
        temp = "" + field.substring(i, i + 1);
        if (temp == "-") hyphencount++;
        if (valid.indexOf(temp) == "-1") {
            alert("Invalid characters in your zip code.  Please try again.");
            return false;
        }
        if ((hyphencount > 1) || ((field.length == 10) && "" + field.charAt(5) != "-")) {
            alert("The hyphen character should be used with a properly formatted 5 digit+four zip code, like '12345-6789'.   Please try again.");
            return false;
        }
    }
    return true;
}

function CheckCount(text, length) {



    var maxlength = new Number(length); // Change number to your max length.



    if (text.value.length > maxlength) {



        text.value = text.value.substring(0, maxlength);



        alert(" Only " + maxlength + " characters allowed");

    }

}

function changeDivDisplay(divID, btnID) {

    if (document.getElementById(divID).style.display == "block") {
        document.getElementById(divID).style.display = "none";
    }
    else {
        document.getElementById(divID).style.display = "block";
    }
    var k = 0;
    for (j = 0; j <= 10; j++) {
        var x = document.getElementsByName("ctl00$ctl00$PlaceHolderMain$col2$chkWhatUDrink" + j);
        for (l = 0; l < x.length; l++) {

            if (document.getElementById(x[l].id).checked) {
                k++;
            }
        }
    }

    if (k < 1) {

        document.getElementById("divError").style.display = "block";
        document.getElementById(btnID).disabled = true
        document.getElementById("topText").style.display = "none";
    }
    else {

        document.getElementById("divError").style.display = "none";
        document.getElementById(btnID).disabled = false
        document.getElementById("topText").style.display = "block";

    }
}
function addValueToHiddenFld(hndID, ddID) {
    document.getElementById(hndID).value = document.getElementById(ddID).text;
    alert("done");
}
function changeMyBarFooter() {
    document.getElementById("divFooter").className = "myBarFooter";
}
function hideDivByClass(clname) {
    $('.' + clname).hide();
}

function setRating(ratingDivID, rating, recipeID) {
    //CallServer(rating, " ");    	
    CallServerForSmallRating(rating, " ");
    document.getElementById(ratingDivID).value = rating;
    // This is done to set the rating value to the hidden field so that it can be used to get it on the server side.
    document.getElementById("ctl00_ctl00_PlaceHolderMain_MainCol_mainContent2_hdnRatingValue").value = rating;
}

function highlightRating(ratingDivID, rating) {
    document.getElementById(ratingDivID).className = "rating" + rating;
}

function resetRating(ratingDivID, ratingHidInputID) {
    var lastRating = parseInt(document.getElementById(ratingHidInputID).value);
    document.getElementById(ratingDivID).className = "rating" + lastRating;
}

function setRatingLrg(ratingDivID, rating, recipeID) {
    //cbkLrgRating.callback(rating);	    
    //CallServer(rating, " ");	    
    CallServerForLargeRating(rating, " ");
    document.getElementById(ratingDivID).value = rating;
}

function highlightRatingLrg(ratingDivID, rating) {
    document.getElementById(ratingDivID).className = "lrgRating" + rating;
}

function resetRatingLrg(ratingDivID, ratingHidInputID) {
    var lastRating = document.getElementById(ratingHidInputID).value;
    document.getElementById(ratingDivID).className = "lrgRating" + lastRating;
}

function ReceiveServerData(arg, context) {
    // If arg contains ##, it means that the call is from the Rating Large user control
    if (arg.indexOf("##") != -1) {
        // arg argument has the image path as well as the new text for lblAvgRating   
        var splitArray = arg.split("##")
        document.getElementById("pnlLrgRatingControl").style.display = "none";
        //document.getElementById("imgRating").src = arg;
        document.getElementById("imgRating").src = splitArray[0];
        document.getElementById("imgRating").title = splitArray[2];
        document.getElementById("pnlLrgRatingImg").style.display = "block";
        // Set the lblAvgRating innet html
        document.getElementById("ctl00_ctl00_PlaceHolderMain_RightCol_rightContent1_ratingControl1_lblAvgRating").innerHTML = splitArray[1];
    }
    else {

    }
}

function addListener(element, type, expression, bubbling) {
    bubbling = bubbling || false;
    if (window.addEventListener) { // Standard    
        element.addEventListener(type, expression, bubbling);
        return true;
    }
    else if (window.attachEvent) { // IE    
        element.attachEvent('on' + type, expression);
        return true;
    }
    else
        return false;
}

var ImageLoader = function(url) {
    this.url = url;
    this.image = null;
    this.loadEvent = null;
};

ImageLoader.prototype = { load: function() {
    this.image = document.createElement('img');
    var url = this.url;
    var image = this.image;
    var loadEvent = this.loadEvent;
    addListener(this.image, 'load', function(e) {
        if (loadEvent != null) {
            loadEvent(url, image);
        }
    }, false);
    this.image.src = this.url;
}, getImage: function() {
    return this.image;
}
};

function UpdateMyProfileLeftNavCounts() {
    var openBracketIndex;
    var currentCount;

    openBracketIndex = document.getElementById("ctl00_ctl00_topNav_numberofrecipes").innerHTML.indexOf("(");
    currentCount = document.getElementById("ctl00_ctl00_topNav_numberofrecipes").innerHTML.slice((openBracketIndex * 1) + 1, -1);
    document.getElementById("ctl00_ctl00_PlaceHolderMain_lblRecipesCount").innerHTML = "(" + currentCount + ")";

    openBracketIndex = document.getElementById("ctl00_ctl00_topNav_numberofarticles").innerHTML.indexOf("(");
    currentCount = document.getElementById("ctl00_ctl00_topNav_numberofarticles").innerHTML.slice((openBracketIndex * 1) + 1, -1);
    document.getElementById("ctl00_ctl00_PlaceHolderMain_lblArticlesVideosCount").innerHTML = "(" + currentCount + ")";

    openBracketIndex = document.getElementById("ctl00_ctl00_topNav_numberofshoppinglists").innerHTML.indexOf("(");
    currentCount = document.getElementById("ctl00_ctl00_topNav_numberofshoppinglists").innerHTML.slice((openBracketIndex * 1) + 1, -1);
    document.getElementById("ctl00_ctl00_PlaceHolderMain_lblShoppingListsCount").innerHTML = "(" + currentCount + ")";
}

function UpdateLargeRating(avgRatingString, avgRatingWithHalfString) {
    document.getElementById("divRating2").className = "lrgRating" + avgRatingWithHalfString;
    document.getElementById("hidRating2").value = "lrgRating" + avgRatingWithHalfString;
    document.getElementById("ctl00_ctl00_PlaceHolderMain_RightCol_rightContent1_ratingControl1_lblAvgRating").innerHTML = avgRatingString;
}

/*
function SubtractTopNavMyBarValues()
{
var openBracketIndex;    
var currentCount;
          
openBracketIndex = document.getElementById("ctl00_ctl00_topNav_numberofrecipes").innerHTML.indexOf("(");
currentCount = document.getElementById("ctl00_ctl00_topNav_numberofrecipes").innerHTML.slice((openBracketIndex*1) + 1, -1);
currentCount = currentCount * 1;
currentCount = currentCount / 10;
currentCount = Math.round(currentCount);
document.getElementById("ctl00_ctl00_PlaceHolderMain_col2_rptMyRecipes_ctl11_lblTotalPages").innerHTML = currentCount;    
}
*/

function mbsb_Toggle(elid, imgPath, DivID) {
    var sArr = elid.split('_');
    var sVal = sArr.pop(); //get last element in array.
    var pnlID = DivID;
    var sSrc = $('#shoppingListToggleIcon_' + sVal).children("img").attr("src");
    if (sSrc.indexOf("plus") != -1) {

        //already open
        $('#shoppingListToggleIcon_' + sVal).children("img").attr("src", imgPath + "minus.gif");
        $('#shoppingListToggleIcon_' + sVal).children("img").attr("alt", "Hide This Shopping List");
        $('[id$=ViewShoppingList' + sVal + ']').text("Hide This Shopping List");
        $('#shoppingTDRow_' + sVal).css("background-color", "#dfdee0");
        $('#dateTD_' + sVal).css("background-color", "#dfdee0");
        $('#printTD_' + sVal).css("background-color", "#dfdee0");
        $('#deleteTD_' + sVal).css("background-color", "#dfdee0");

        $('#' + pnlID).show();

    } else {

        //is closed
        $('#shoppingListToggleIcon_' + sVal).children("img").attr("src", imgPath + "plus.gif");
        $('#shoppingListToggleIcon_' + sVal).children("img").attr("alt", "View This Shopping List");
        $('[id$=ViewShoppingList' + sVal + ']').text("View This Shopping List");
        $('#shoppingTDRow_' + sVal).css("background-color", "#ffffff");
        $('#dateTD_' + sVal).css("background-color", "#f0f0f0");
        $('#printTD_' + sVal).css("background-color", "#ffffff");
        $('#deleteTD_' + sVal).css("background-color", "#f0f0f0");

        $('#' + pnlID).hide();
    }
}

// Quantity Adjuster for Drink Recipe. New Feature in 2.0
function AdjustDrinkRecipeQuantity(qaListId, selectList) {
    var iCount = selectList.value;

    $('#' + qaListId + ' li').each(
        function(intIndex) {
            var dDefault = $(this).find('var').attr('defVal');
            dDefault = dDefault == "" ? 1 : dDefault;

            if (!isNaN(iCount) && !isNaN(dDefault)) {
                var result = roundNumber(iCount * dDefault, 1);
                $(this).find('var').text(result);
            }
        }
    );
    var PrintRecipeBtn = $('a[id$=lnkBtnPrint]');
    PrintRecipeBtn.attr('href', PrintRecipeBtn.attr('href').replace(/&servings=\d+/, '&servings=' + iCount))
}

/* Use this function for only Recipe Details page */
function AdjDrinkRecipeQty(qaListId, selectList) {
    var iCount = selectList.value;

    $('#' + qaListId + ' li').each(
        function(intIndex) {
            var dDefault = $(this).find('var').attr('defVal');
            dDefault = dDefault == "" ? 1 : dDefault;

            if (!isNaN(iCount) && !isNaN(dDefault)) {
                var result = roundNumber(iCount * dDefault, 1);
                if ($(this).find('var').attr('defVal') == "" && result == 1) {
                    result = "";      /* if default is "" then disply "" instead of 1 */
                }
                $(this).find('var').text(result);
            }
        }
    );
    var PrintRecipeBtn = $('a[id$=lnkBtnPrint]');
    PrintRecipeBtn.attr('href', PrintRecipeBtn.attr('href').replace(/&servings=\d+/, '&servings=' + iCount))
}

function roundNumber(num, dec) {
    var result = Math.round(num * Math.pow(10, dec)) / Math.pow(10, dec);
    return result;
}

/* ******************************
ShoppingList Section
****************************** */
function AdjustShoppingListQty(DropDown) {
    $DropDown = $(DropDown)
    var recipeid = $DropDown.closest(".MyBarRecipes_Container").find("input[id$='hdnRecipeid']").val();
    var $DropDown_Container = $DropDown.closest(".divShoppingHide");
    var ParentContainer = $DropDown_Container.find("ul");
    var SpiritItems;
    var IngredientItems;

    // Loop thru Your Spirits/Brands
    SpiritItems = ParentContainer.eq(0).find("li[recipeid*='" + recipeid + "']");
    if (SpiritItems.length > 0) {
        SpiritItems.each(
            function(intIndex) {
                var elem = $(this);
                var result = 0;
                var arrRecipeID = elem.attr('recipeid').split('|');
                var arrNumOfOz = elem.attr('defVal').split('|');
                var arrBrandvolume = elem.attr('brandvolume').split('|');

                arrRecipeID.pop(); // Remove blank dimension from the array

                // loop thru array of RecipeIds
                $.map(arrRecipeID, function(recipeID, recipeIndex) {
                    if (arrNumOfOz[recipeIndex] != '' && arrBrandvolume[recipeIndex] != '') {
                        var numOfServings = $DropDown_Container.find("select[recipeid$='" + recipeID + "']").val();
                        result += numOfServings * (arrNumOfOz[recipeIndex] / arrBrandvolume[recipeIndex])
                    }
                })
                if (!isNaN(result)) {
                    elem.find("span").text(Math.ceil(result))
                }
                elem.effect("highlight", {}, highlightSpeed)
            }
        );
    }

    // Loop thru Your Ingredients
    IngredientItems = ParentContainer.eq(1).find("li[recipeid*='" + recipeid + "']");
    if (IngredientItems.length > 0) {
        IngredientItems.each(
            function(intIndex) {
                var elem = $(this);
                var result = 0;
                var arrRecipeID = elem.attr('recipeid').split('|');
                var arrNumOfOz = elem.attr('defVal').split('|');
                var arrBrandvolume = elem.attr('brandvolume').split('|');

                arrRecipeID.pop(); // Remove blank dimension from the array

                // loop thru array of RecipeIds
                $.map(arrRecipeID, function(recipeID, recipeIndex) {
                    arrNumOfOz[recipeIndex] = /[1-9]/.test(arrNumOfOz[recipeIndex]) ? arrNumOfOz[recipeIndex] : 1;
                    if (arrNumOfOz[recipeIndex] != '') {
                        var numOfServings = $DropDown_Container.find("select[recipeid$='" + recipeID + "']").val();

                        var Stirrings = arrBrandvolume[recipeIndex]
                        if (Stirrings == 0) {
                            result += numOfServings * arrNumOfOz[recipeIndex]
                        } else {
                            result += numOfServings * (arrNumOfOz[recipeIndex] / arrBrandvolume[recipeIndex])
                        }
                    }
                })
                elem.find("span").text(Math.ceil(result))
                elem.effect("highlight", {}, highlightSpeed)
            }
        );
    }
}

function deleteShoppingList(elem) {
    if (!confirm("Are you sure you want to delete this Shopping List?"))
        return;

    var $elParentDiv = $(elem).closest(".ShoppingListContainer")
    var shoppingListID = $elParentDiv.find("input[id$='hdnShoppingID']").val();
    var data = new Object();
    data.shoppinglistid = shoppingListID;

    // Make Ajax call
    ajax.makeCall({ url: 'DeleteShoppingList', data: data,
        func: function() {
            // Delete Elem from page
            $elParentDiv
                .effect('highlight', {}, highlightSpeed, function() {
                    $(this).toggle('blind', function() {
                        $(this).remove()

                        var ShoppingListOnPageCount = $('.ShoppingListContainer').length;
                        if (ShoppingListOnPageCount == 0) {
                            updateTopNavMyBarDetails('ShoppingLists', -1)

                            if ($("a[id$=numberofshoppinglists]").text() != '(0)') {
                                eval($("a[id$='lnkbPrevious']").attr('href'))
                            }
                        }
                        else {
                            var ShoppingList_Left = $("span[id$='lblShoppingListsCount']");
                            var ShoppingList_TopNav = $("a[id$='numberofshoppinglists']");

                            var ShoppingListsCount = Math.ceil(ShoppingList_Left.text().match("([0-9]+)")[0] - 1);

                            $("span[id$='lblTotalPages']").text(Math.ceil(ShoppingListsCount / 10));
                            ShoppingList_Left.text(ShoppingList_Left.text().replace(/[0-9]+/, ShoppingListsCount));

                            if (ShoppingListOnPageCount == 9 && ShoppingListsCount >= 10) {
                                var btnShoppingList_UpdatePanel = $("[id$='RunHidden']").attr('id');
                                __doPostBack(btnShoppingList_UpdatePanel, '');
                            }

                            // Alert user of results
                            updateTopNavMyBarDetails('ShoppingLists', -1)

                        }
                    });
                })
        }
    });
}

function deleteShoppingList_Recipe(elem) {
    if (!confirm("Are you sure you want to delete this Recipe?"))
        return;

    var $el = $(elem)
    var shoppingListID = $el.closest(".ShoppingListContainer").find("input[id$='hdnShoppingID']").val();

    var $Parent_MyBarRecipes_Div = $el.closest(".MyBarRecipes_Container")
    var recipeid = $Parent_MyBarRecipes_Div.find("input[id$='hdnRecipeid']").val();
    var $ddl = $Parent_MyBarRecipes_Div.find("select");

    var $ShoppingList_Items = $el.closest(".divShoppingHide").find("li[recipeid*='" + recipeid + "']")

    var data = new Object();
    data.recipeid = recipeid;
    data.shoppinglistid = shoppingListID;

    // Make Ajax call
    ajax.makeCall({ url: 'DeleteRecipefromShoppingList',
        data: data,
        func: deleteShoppingList_Recipe_OnComplete($ShoppingList_Items, recipeid, $ddl, $Parent_MyBarRecipes_Div)
    });
}

function deleteShoppingList_Recipe_OnComplete($ShoppingList_Items, recipeid, $ddl, $Parent_MyBarRecipes_Div) {
    var iCount = 1;
    $ddl.val('1');                                      // Reset ddl
    AdjustShoppingListQty($ddl[0])                      // Re-calculate Recipes Items
    var $ShoppingListWrapper;
    var closeRecipeDetailsArea = false;

    // Remove Your Spirits/Brand items
    $ShoppingList_Items
	    .each(function() {
	        var $ListItem = $(this);
	        var txt = $ListItem.attr('recipeid').replace(recipeid + '|', '')
	        $ListItem.attr('recipeid', txt)

	        if ($ListItem.attr('recipeid') == '') {
	            $ListItem.toggle('blind', function() {
	                if ($ListItem.siblings().length == 0) {
	                    $ListItem.parent().prev('h3').remove();
	                    $ListItem.parent().remove();
	                } else {
	                    $ListItem.remove(); // Remove Your Spirits/Brand
	                }
	            })
	        }

	        // Alert user of results and re-calculate display
	        if ($ShoppingList_Items.length == iCount) {
	            $ShoppingListWrapper = $Parent_MyBarRecipes_Div.closest(".ShoppingListContainer")
	            closeRecipeDetailsArea = $ShoppingListWrapper.find('.MyBarRecipes_Container').length == 1
	            $Parent_MyBarRecipes_Div.toggle('blind').remove();  // Remove Recipe
	            updateTopNavMyBarDetails('Ingredients', -iCount)         // Update Top & Left Nav bar
	            //updateTopNavMyBarDetails('Ingredients', -1)         // Update Top & Left Nav bar

	        }
	        iCount++
	    });

    if (closeRecipeDetailsArea) {
        eval($ShoppingListWrapper.find('a[id^=ViewShoppingList]').attr('href'));
        $ShoppingListWrapper.find('.divShoppingHide').empty()
    }

}

function AlertUser(Header, Msg) {
    $(notice.replace('[Header]', Header).replace('[Msg]', Msg)).purr({ usingTransparentPNG: true, removeTimer: 2000 });
}


function AddServingCountToPrintQueryString(elem) {
    var $el = $(elem)
    var href = '&servings=';
    var $wrapper = $el.closest(".ShoppingListContainer");

    $wrapper
        .find("select option:selected")
        .each(function() { href += $(this).text() + "-" })

    // populate global variables with li items
    g_SpiritsListItems = $wrapper.find("ul").eq(0).find('li').clone();
    g_IngredientsListItems = $wrapper.find("ul").eq(1).find('li').clone();

    href = $el.attr('href') + href
    href = href.substring(0, href.length - 1)
    //href = href.replace(/-$/,"");

    // Open Popup window
    openShoppingListPrintWindow(href)
}

// Alert User of successful Ajax operation
var notice = '<div class="notice">'
		  + '<div class="notice-body">'
//+ '<img src="/_layouts/TheBar/CSS-JS-IMAGES/purrInfo.png" alt="" />'
			  + '<img src="http://static.thebar.com/v2/CSS-JS-IMAGES/purrInfo.png" alt="" />'
			  + '<h3>[Header]</h3>'
			  + '<p>[Msg]</p>'
		  + '</div>'
		  + '<div class="notice-bottom">'
		  + '</div>'
	  + '</div>';

/* ************************************
* Get Selected Brands
* *********************************** */
function GetBrands(ddl) {
    var data = new Object();
    data.brandid = $(ddl).val();
    data.localeid = $("input[id$='hdnLocaleId']").val(); ;

    // Make Ajax call
    ajax.makeCall({ url: 'GetBrands', data: data,
        func: function(result) {
            var $ddlflavour = $("select[id$='ddlflavour']")
            $ddlflavour.empty();

            $.each(result, function(i, b) {
                $("<option/>").attr("value", b.BrandId).text(b.BrandName).appendTo($ddlflavour)
            })

            if (result.length > 1)
                $(".brandFlavour").show('slow');
            else
                $(".brandFlavour").hide('slow');

        }
    });
}


/* ************************************
* Ajax Section
* *********************************** */
var ajax = function() { };
ajax.onPageError = function(error) {
    alert("An error occurred:\r\n\r\n" + error.Message);
}

ajax.makeCall = function(options) {
    var theBarWebSvcURL = "_layouts/TheBar/Webservices/theBarSvc.asmx/"
    var error = ajax.onPageError;
    options.data = JSON2.stringify(options.data)

    $.ajax({
        type: "POST",
        url: theBarWebSvcURL + options.url,
        data: options.data,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: options.func,
        error: function(xhr) {
            if (!error) return;
            var res = xhr.responseText;
            if (res && res.charAt(0) == '{')
                var err = JSON2.parse(res);
            if (err)
                error(err);
            else
                if (xhr.status != 200)
                error({ Message: "Http Error: " + xhr.statusText });
            else
                error({ Message: "Unknown Error Response" });
            return;
        }
    });
};

// PERT Tags functions
function openSurveyPopup() {
    maskSiteForSurvey("divSurveyPopup");
}

function closeSurveyPopup() {
    surveyClose();
}

function closeSurveyPopupDelay() {
    setTimeout(surveyClose, 1500);
}

function surveyClose() {
    unmaskSiteForSurvey();
    $("#divSurveyPopup").hide();
}

function ShowPERTSurvey(userFrequency) {
    var num = 1;

    if (num == rand(userFrequency)) {
        // Show Survey
        openSurveyPopup();
    }
};

function rand(n) {
    return (Math.floor(Math.random() * n + 1));
}

function maskSiteForSurvey(divID) {
    toShow = "";

    var newHeight = $(document).height();

    // Build the background overlay div
    toShow += "<div class='pert_overlay'></div>";

    $('body').append(toShow);

    $('div.pert_overlay').css('opacity', 0).fadeTo('slow', 0.65, function() {
        showPopupDivCenter(divID);
        $('div.pert_overlay').css("z-index", "2000");
        $('div.pert_overlay').height(newHeight);
        $('#' + divID).css("z-index", "3000");
        $('div.pert_overlay').show();
    });
}


function unmaskSiteForSurvey() {
    $('div.pert_overlay').remove();
}

function rolloverEffect(index, imageUrl) {
    var divName = "ImgDiv" + index;
    document.getElementById(divName).style.backgroundImage = imageUrl;
}