var timeFormElement
var dispHour;
var dispMinute;
function openSelectTime(inFormElement){
    timeFormElement = inFormElement
    writeSelectTime()
}

function writeSelectTime(){
    freeDocumentOnmouse();
    
    dispHour  = 0;
    dispMinute  = 0;
    var form_value = timeFormElement.value;

    outTimeHtml(getTimeTable());
    //デフォルト表示位置
    var window_calendar=document.getElementById("WINDOW_SELECTTIME");
    window_calendar.style.top = MOUSE_Y - (window_calendar.offsetHeight/2) + scrollTop();;
    window_calendar.style.left = MOUSE_X  + 30 + scrollLeft();
    MAX_ZINDEX++;
    window_calendar.style.zIndex = MAX_ZINDEX;
    setDragObject('WINDOW_SELECTTIME');
    dragOff();
}

function closeTime(){
    var window_calendar=document.getElementById("WINDOW_SELECTTIME");
    window_calendar.style.top = -1999 ;
    window_calendar.style.left = -1999;
    setDragObject('WINDOW_SELECTTIME');
    dragOff();
}
function getTimeTable(){
    ddata = ''
    ddata += "<div class='window_bar'><span style='padding: 3  1 1 5px; float: left; font-size: 12px;'>TIME</span>"
    ddata += "<a class='icon' href='javascript:closeTime()'><img style='border:none' src='./image/window_close_red.gif' alt='閉じる'></a></div>"
    
    ddata += '<table class="noBorder"><tr><td>'
    
    ddata += '<table class="select_time" style="clear: left;" >'
    ddata += '    <tr><th colspan="12">HOUR</th></tr>'
    ddata += '    <tr>'
	for (var i=0;i<=11;i++){
		ddata += '    <td><a class="select_time" href="">' + i + '</a></td>'
	}
    ddata += '    </tr>'
    ddata += '    <tr>'
	for (var i=12;i<=23;i++){
		ddata += '    <td><a class="select_time" href="">' + i + '</a></td>'
	}
    ddata += '    </tr>'
    ddata += '</table>'
    
    ddata += '<table class="select_time" width="100%">'
    ddata += '    <tr><th>MINUTE</th></tr>'
    ddata += '    <tr><td style="text-align: left;">'
	//30
    ddata += '<table id="min30" class="select_time"><tr>'
    for (var i=0;i<=1;i++){
		ddata += '<td><a class="select_time" href="">' + (i * 30) + '</a></td>'
	}
    ddata += '</tr></table>'
    //10
	ddata += '<table id="min10" class="select_time"><tr>'
    for (var i=0;i<=5;i++){
		ddata += '<td><a class="select_time" href="">' + (i * 10) + '</a></td>'
	}
    ddata += '</tr></table>'
    //5
	ddata += '<table id="min5" class="select_time">'
    ddata += '<tr>'
    for (var i=0;i<=5;i++){
		ddata += '<td><a class="select_time" href="">' + (i * 5) + '</a></td>'
	}
    ddata += '</tr>'
    ddata += '<tr>'
    for (var i=6;i<=11;i++){
		ddata += '<td><a class="select_time" href="">' + (i * 5) + '</a></td>'
	}
    ddata += '</tr>'
    ddata += '</table>'
    //1
	ddata += '<table id="min1" class="select_time">'
    for (var i=0;i<=5;i++){
    ddata += '<tr>'
	    for (var j=0;j<=9;j++){	
			ddata += '<td><a class="select_time" href="">' + (i * 10 + j) + '</a></td>'
		}
    ddata += '</tr>'
	}
    ddata += '</table>'
    //
    ddata += '</td></tr></table>'
    
    ddata += '<table class="list" width="100%"><tr><td align="right">分単位</td>'
    ddata += '<td align="right" width="15px"><a class="min_type" href="javascript:dispMin(\'min1\')">1</a></td>'
    ddata += '<td align="right" width="15px"><a class="min_type" href="javascript:dispMin(\'min5\')">5</a></td>'
    ddata += '<td align="right" width="15px"><a class="min_type" href="javascript:dispMin(\'min10\')">10</a></td>'
    ddata += '<td align="right" width="15px"><a class="min_type" href="javascript:dispMin(\'min30\')">30</a></td>'
    ddata += '</tr></table>'
    
	ddata += '</td></tr></table>'
        
    return ddata;
}

function dispMin(dispMinId){
	noneId("min30");
	noneId("min10");
	noneId("min5");
	noneId("min1");
	blockId(dispMinId);
}
function outTimeHtml(html){
    var window_calendar=document.getElementById("WINDOW_SELECTTIME");
    if (window_calendar == null){
        generateWindowTimeHtml();
        window_calendar=document.getElementById("WINDOW_SELECTTIME");
    }
    window_calendar.innerHTML="";
    window_calendar.innerHTML=html;
}
function generateWindowTimeHtml(){
    var window_calendar = document.createElement("div");
    window_calendar.setAttribute("id","WINDOW_SELECTTIME");
    window_calendar.onmousedown = clickTimeWindow;

    var body_eles =document.getElementsByTagName("body");
    body_eles[0].appendChild(window_calendar);

}
function clickTimeWindow(){
    setDragObject('WINDOW_SELECTTIME');
}