// JavaScript Document

function doExpand(nIn){
	var myItem = $("plus"+nIn);	
	if (myItem != null){
		myItem.innerHTML = "<a href='JavaScript:doShrink(\""+nIn+"\");'>-</a>";
		$("more"+nIn).innerHTML = aMore[nIn];
	}
}

function doShrink(nIn){
	var myItem = $("plus"+nIn);	
	if (myItem != null){
		myItem.innerHTML = "<a href='JavaScript:doExpand(\""+nIn+"\");'>+</a>";	
		$("more"+nIn).innerHTML = "";
	}
}

function goCollapseAll(){
	for (x in aMore){
		doShrink(x);
	}
}

function goExpandAll(){
	for (x in aMore){
		doExpand(x);
	}
}

function seticon(cVar){
	myDiv = document.getElementById("menuitem1");
	myDiv.innerHTML = "&nbsp;&nbsp;&nbsp;<img src='check.jpg'>";
}

function unseticon(cVar){
	myDiv = document.getElementById(cVar);
	myDiv.innerHTML = "";

}

var aMore =new Array();

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	return [curleft,curtop];
	}
}

function showcaloptions(cIn){
	//return;
	var divIn = $(cIn);
	aDivPos = findPos(divIn)
	var cNewDivId = 'divCalMoYear';
	nWidth = 200;
	
	
	//opera Netscape 6 Netscape 4x Mozilla 
	if (window.innerWidth || window.innerHeight){ 
		docwidth = window.innerWidth; 
	} 
	//IE Mozilla 
	if (document.body.clientWidth || document.body.clientHeight){ 
		docwidth = document.body.clientWidth; 
	} 

	var nLeft = ((docwidth - nWidth) / 2) + "px";
	var nTop = (aDivPos[1] + 30) + "px";

	if ($('myMonth') == undefined) {	
		var myMonth = document.createElement('input');
		myMonth.setAttribute('id', 'myMonth');
		myMonth.setAttribute('type', 'hidden');
		document.body.appendChild(myMonth);
	}
	
	if ($('myYear') == undefined) {	
		var myYear = document.createElement('input');
		myYear.setAttribute('id', 'myYear');
		myYear.setAttribute('type', 'hidden');	
		document.body.appendChild(myYear);
	}
		
	if ($(cNewDivId) == undefined){
		var newDiv = document.createElement('div');
		newDiv.setAttribute('id', cNewDivId);
		newDiv.innerHTML = "";
		newDiv.innerHTML = newDiv.innerHTML + "<div onClick='release_ctrl(\""+cNewDivId+"\")' align='right'><bold><a style='text-decoration:none;color:rgb(12,12,12);' href='#' onClick='return false;'>X</a></bold></div>Choose a month and year <br> from the list below:<br>";
		
		newDiv.innerHTML = newDiv.innerHTML + "<div>";
				
		newDiv.innerHTML = newDiv.innerHTML + 
		
						   "<SELECT NAME=\"themonth\" SIZE=\"6\" onClick='setElement(this)'>\n" + 
						   "<OPTION label='Jan' value='01'>Jan</OPTION>" + 
						   "<OPTION label='Feb' value='02'>Feb</OPTION>" + 
						   "<OPTION label='Mar' value='03'>Mar</OPTION>" + 
						   "<OPTION label='Apr' value='04'>Apr</OPTION>" + 
						   "<OPTION label='May' value='05'>May</OPTION>" + 
						   "<OPTION label='Jun' value='06'>Jun</OPTION>" + 
						   "<OPTION label='Jul' value='07'>Jul</OPTION>" + 
						   "<OPTION label='Aug' value='08'>Aug</OPTION>" + 
						   "<OPTION label='Sep' value='09'>Sep</OPTION>" + 
						   "<OPTION label='Oct' value='10'>Oct</OPTION>" + 
						   "<OPTION label='Nov' value='11'>Nov</OPTION>" + 
						   "<OPTION label='Dec' value='12'>Dec</OPTION>" + 
						   "</SELECT>";
						   
		newDiv.innerHTML = newDiv.innerHTML + 
						   "<SELECT NAME=\"theyear\" SIZE=\"6\" onClick='setElement(this)'	>\n" + 
						   "<OPTION value='2008'>2008</OPTION>" + 
						   "<OPTION value='2009'>2009</OPTION>" + 
						   "<OPTION value='2010'>2010</OPTION>" + 
						   "<OPTION value='2011'>2011</OPTION>" + 
						   "<OPTION value='2012'>2012</OPTION>" + 
						   "<OPTION value='2013'>2013</OPTION>" + 
						   "</SELECT>";
						   
		newDiv.innerHTML = newDiv.innerHTML + "</div>";		

		newDiv.innerHTML = newDiv.innerHTML + "<br><a id='theracelink' href='./?p=Race_Calendar'>See Races</a>";				
						   
		//newDiv.setAttribute('style', 'position:absolute;top:'+nTop+';left:'+nLeft+';padding:10px 10px 10px 10px;background-color:white; border: 1px solid black;width:'+nWidth+'px;height:170px;');

		document.body.appendChild(newDiv);
		
		newDiv.style.cssText = 'position:absolute;top:'+nTop+';left:'+nLeft+';padding:10px 10px 10px 10px;background-color:white; border: 1px solid black;width:'+nWidth+'px;height:200px;';
		
		
	}
}

function setElement(oCtrl){
	var cMo, cYear;
	if (oCtrl.name == "themonth"){
		$('myMonth').value = oCtrl.value;
	} else if (oCtrl.name == "theyear"){
		$('myYear').value = oCtrl.value;
	}	
	
	setRaceLink();
}
function setRaceLink(){
	var theMonth = $('myMonth');
	var theYear = $('myYear');	
	

	if ((theMonth == undefined) || (theYear == undefined)){
		
	} else {		
		if ((theMonth.value=='') || (theYear.value=='')){
		} else {
			$('theracelink').href = "./?p=Race_Calendar&m=" + theMonth.value + "&y=" + theYear.value;
		}
	}
}
function release_ctrl(cCtrl){
	var myCtrl = $(cCtrl);
 	myCtrl.parentNode.removeChild(myCtrl);
}

function loadCtrl(cUrl, cItem){
   	if ((cUrl != undefined) && (cUrl != '')) {   		
   		url = cUrl;   		
		pars = '';
		
		var myAjaxU = new Ajax.Updater(
			cItem, 
			url, 
			{
				method: 'get', 
				parameters: pars
			}
		);				
   	}		
}
function loadText(cTxt, cCtrl){
	$(cCtrl).innerHTML = cTxt;
}