var lastShownMenu = "";

function updateDate(value) {
	var btnDate = document.getElementById("btnDate");
	if (btnDate) {
		btnDate.innerHTML = value;	
	}
}

function selectItem(id, label) {
	document.frmOpenTable[id].value = label;
		
	var lbl = document.getElementById("btn" + id);
	if (lbl) {
		lbl.innerHTML = label;	
	}
	
	showMenu("lst" + id, false);
}

function showMenu(id, bShow) {
	var lst = document.getElementById(id);
	if (lst) {
		if (bShow) {
			if (lst.style.display == "block") {
				lst.style.display = "none";
				if (id == lastShownMenu)
					lastShownMenu = "";
			} else {
				lst.style.display = "block";
				if (lastShownMenu.length > 0) {
					showMenu(lastShownMenu, false);	
				}
				lastShownMenu = id;
			}
		} else {
			lst.style.display = "none";
			if (id == lastShownMenu)
				lastShownMenu = "";
		}
	}
}



function getTime(time) {
    var am_pm = "AM";
    if (time >= 12) {
        am_pm = "PM";
        time -= 12;
    }
    if (time < 1)
        time += 12;
        
    var minutes = time - parseInt(time)
    minutes *= 60;
    
    minutes = "" + minutes;
    
    if (minutes.length == 0)
        minutes = "00";
    else if (minutes.length == 1)
        minutes = "0" + minutes;
        
    return parseInt(time) + ":" + minutes + " " + am_pm;    
}
function getTimes(timeStart, timeEnd, interval) {
    var retVal = "";
    for(var curTime = timeStart; curTime <= timeEnd; curTime += interval) {
        var time = getTime(curTime);
        retVal += "<a href=\"javascript:selectItem('ResTime', '" + time + "')\">" + time + "</a><br />\n";
    }
    return retVal;
}
function getPartySize(maxGuests) {
    var retVal = "";
    for (var i=1; i<=maxGuests; i++) {
        retVal += "<a href=\"javascript:selectItem('PartySize','" + i + "')\">" + i + "</a><br />\n";
    }
    return retVal;
}
function getDate() {
    var today = new Date();
    var month = today.getMonth() + 1;
    month = "" + month;
    if (month.length == 1)
        month = "0" + month;    
    
    var date = "" + today.getDate();
    if (date.length == 1)
        date = "0" + date;
        
    
    return month + "/" + date + "/" + today.getFullYear();
}

function getReservations(timeStart, timeEnd, interval, maxGuests, defaultPartySize, defaultResTime, defaultDate) {
    document.write("<form name=\"frmOpenTable\" action=\"http://www.opentable.com/r/interim.aspx\" method=\"post\" target=\"_blank\"\n" +
				    "<input type=\"hidden\" name=\"RestaurantID\" value=\"30124\" />\n" +
					"<input type=\"hidden\" name=\"txtDateFormat\" value=\"MM/dd/yyyy\" />\n" +
					"<input type=\"hidden\" id=\"txtDate\" name=\"startDate\" value=\"" + defaultDate + "\" onchange=\"updateDate(this.value)\" />\n" +
					"<input type=\"hidden\" name=\"ResTime\" value=\"" + defaultResTime + "\" />\n" +
					"<input type=\"hidden\" name=\"PartySize\" value=\"" + defaultPartySize + "\" />\n" +
					"<div id=\"reservations_bar\">\n" +
                    "    <span class=\"reservations_label\">DATE</span>\n" +
					"    <div id=\"btnDate\" class=\"reservations_dropdown\">" + defaultDate + "</div>\n" +
                    "    <span class=\"reservations_label\">TIME</span>\n" +
					"    <div id=\"btnResTime\" onclick=\"showMenu('lstResTime', true)\" class=\"reservations_dropdown\">" + defaultResTime + "</div>\n" +
					"    <div id=\"lstResTime\" class=\"reservations_dropdown_list\">\n" +
					getTimes(timeStart, timeEnd, interval) +
  				    "   </div>\n" +
                    "    <span class=\"reservations_label\">GUESTS</span>\n" +
					"    <div id=\"btnPartySize\" onclick=\"showMenu('lstPartySize', true)\" class=\"reservations_dropdown\"  style=\"margin-right:0;\">" + defaultPartySize + "</div>\n" +
					"    <div id=\"lstPartySize\" class=\"reservations_dropdown_list\">\n" +
					getPartySize(maxGuests) +
					"    </div>\n" +
					"</div>\n" +
				    "<div class=\"reservations_link\">\n" +
					"    <input type=\"image\" src=\"images/buttons/btnReserve.gif\" alt=\"OpenTable Reservations\" />\n" +
				    "</div>\n" +
					"<script type=\"text/javascript\">\n" +
					"	Calendar.setup(\n" +
					"		  {\n" +
					"			inputField  : \"txtDate\",         // ID of the input field\n" +
					"			ifFormat    : \"%m/%d/%Y\",    // the date format\n" +
					"			button      : \"btnDate\"      // ID of the button\n" +
					"		  }\n" +
					"	);\n" +
					" </script>\n" +
				    "</form>");
}