//var selectedTime = "";
var selectedTime = new Array();

function setTime(id,time) {
    document.getElementById(id).value = time;
    document.getElementById("div_" + id).style.display = "none";
    //selectedTime = time;
    selectedTime[id] = time;
    
    try {
        setLaterTime(time);
    } catch(e) {}
}

function getTime(id) {
    document.getElementById('timePicker').getElementsByTagName('div')[0].id = "div_" + id;    
    var div = document.getElementById("div_" + id);
    if(id.indexOf('ctl00_ContentPlaceHolder1') == -1) {
        var num, x, y;        
        if(id.indexOf('txtStartTime') != -1) {
            num = parseInt(id.replace('txtStartTime',''));
            x = 197;
        }
        else {
            num = parseInt(id.replace('txtEndTime',''));        
            x = 297;
        }
        y = 28 * (num + 1);
        div.style.marginLeft = x + 'px';
        div.style.marginTop = y + 'px';
    }
    if(div.style.display == "block") {
        div.style.display = "none";
        return;
    }    
    timePicker(id,15);
    //changeAmPm("Pm");
    //if(selectedTime[id].indexOf("PM")) {
    //    changeAmPm("Am");
    //} 
}

function timePicker(id,interval) {
	var mainDiv = document.getElementById("div_" + id);
	mainDiv.className = "divTimePicker";	
    mainDiv.innerHTML = "";
    try {document.getElementById("divTimePicker").removeChild(document.getElementById("tblTimePicker"));}catch(e){}
    var am = document.createElement("div");
    am.className = "am";
    am.id = "divTimePickerAm" + id;
    var pm = document.createElement("div");
    pm.className = "pm";
    pm.id = "divTimePickerPm" + id;
    var display = "AM";
	for(var i=0; i<24; i++) {
		var h = i;
		ampm = "AM";
	    if(i == 0) {
	        h = 12;
	    }
	    else if(i >= 12) {
		    if(i != 12) {
		        h = i-12;
		    }
		    ampm = "PM";
	    }	    
		for(var j=0; j<60; j=j+interval) {
            var div = document.createElement("div");
			var m = j;
			if(j < 10) {
				m = 0+""+j;
			}
		    var time = h+":"+m+" "+ampm;
		    var a = document.createElement("a");
		    if(selectedTime[id] == time) {
		        a.className = "selectedTime";
		        display = ampm;
		    }
            a.setAttribute("href","javascript:setTime('" + id + "','" + time + "')");
            a.innerHTML = time;
            div.appendChild(a);
            if(ampm == "AM") {
                am.appendChild(div);            		    
		    }
		    else {
                pm.appendChild(div);            		    
		    }
		}			
	}	
	// add X
	var div = document.createElement("div");
	div.className = "x";
	var a = document.createElement("a");
	a.setAttribute("href","javascript:getTime('" +id + "')");
    a.innerHTML = "x";
    div.appendChild(a);
	mainDiv.appendChild(div);
    // add PM
	div = document.createElement("div");
	div.className = "ampm";
	a = document.createElement("a");
	a.id = "divTimePickerAmLink" + id;
	a.setAttribute("href","javascript:changeAmPm('Pm','" + id + "')");
    a.innerHTML = "PM";
    div.appendChild(a);
	mainDiv.appendChild(div);
	// add AM
    div = document.createElement("div");
	div.className = "ampm";
	a = document.createElement("a");
	a.id = "divTimePickerPmLink" + id;
	a.setAttribute("href","javascript:changeAmPm('Am','" + id + "')");
    a.innerHTML = "AM";
    a.className = "activeLink";
    div.appendChild(a);
	mainDiv.appendChild(div);
    // add clear
    div = document.createElement("div");
	div.className = "clear";
	mainDiv.appendChild(div);
	if(display == "AM") {
        pm.style.display = "none";
    }	 
    else {
        am.style.display = "none";
    }   
	mainDiv.appendChild(am);	
	mainDiv.appendChild(pm);	
	mainDiv.style.display = "block";	
}

function changeAmPm(ampm, id) {
    document.getElementById("divTimePickerAm" + id).style.display = "none";
    document.getElementById("divTimePickerPm" + id).style.display = "none";
    document.getElementById("divTimePicker" + ampm + id).style.display = "block";
    document.getElementById("divTimePicker" + ampm + "Link" + id).className = "";
    document.getElementById("divTimePicker" + (ampm == "Am" ? "Pm" : "Am") + "Link" + id).className = "activeLink";
}