function tabAreaCode(e){
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    //alert("keycode: " + keycode);
    if (keycode !== 9 & keycode !== 16) {
        if (document.getElementById('txtPhoneArea').value.length > 2){
            document.getElementById('txtPhone').focus();
        }
    }
}

var inputElements = document.getElementsByTagName("input");
for(i=0;i<inputElements.length;i++)
{
    if(inputElements[i].type == "text")
    {
        inputElements[i].onfocus = doFocus;
        inputElements[i].onblur = doBlur;
    }
}

function doFocus(){
	this.style.background='#fff';
	this.style.border='1px solid #cc9';
}
function doBlur(){
	this.style.background='#eee';
	this.style.border='1px inset';
}

//var streetArray = ['a','b'];   
var oACDS = new YAHOO.widget.DS_JSArray(streetArray);  
var oAutoComp = new YAHOO.widget.AutoComplete('txtStreetName','streetcontainer1', oACDS);
oAutoComp.queryDelay = 0;   
oAutoComp.prehighlightClassName = "yui-ac-prehighlight";   
oAutoComp.typeAhead = false;
//oAutoComp.forceSelection = true;  
oAutoComp.useShadow = true;
oAutoComp.itemArrowToEvent.subscribe(myItemArrowTo);
oAutoComp.itemArrowFromEvent.subscribe(myItemArrowFrom);
function myItemArrowTo(sType, aArgs) {
    var oItem = aArgs[1];
    oItem.style.color = 'white';
}
function myItemArrowFrom(sType, aArgs) {
    var oItem = aArgs[1];
    oItem.style.color = 'black';
}


var one_day=1000*60*60*24;
		
YAHOO.namespace("example.calendar");

function init() {
	this.today = new Date();
	this.tomorrow = new Date();
	this.tomorrow.setDate(this.tomorrow.getDate() + 1); 
	
	var thisMonth = this.today.getMonth();
	var thisDay = this.today.getDate();
	var thisYear = this.today.getFullYear();
	
	var tomorrowMonth = this.tomorrow.getMonth();
	var tomorrowDay = this.tomorrow.getDate();
	var tomorrowYear = this.tomorrow.getFullYear();

	this.link1 = document.getElementById('dateLink1');
	this.link2 = document.getElementById('dateLink2');

	this.selYear1 = document.getElementById('selYear1');
	this.selMonth1 = document.getElementById('selMonth1');
	this.selDay1 = document.getElementById('selDay1');

	/*<cfif isdefined("form.fieldnames")>
		for (var y=0;y<selYear1.options.length;y++) {   
	    	if (selYear1.options[y].text == '#form.selYear1#') {   
	        	selYear1.selectedIndex = y;   
	            break;   
        	}   
	    }
		this.selMonth1.selectedIndex = #form.selMonth1 - 1#;
		this.selDay1.selectedIndex = #form.selDay1 - 1#;
	<cfelse>
		for (var y=0;y<selYear1.options.length;y++) {   
	    	if (selYear1.options[y].text == thisYear) {   
	        	selYear1.selectedIndex = y;   
	            break;   
        	}   
	    }
		this.selMonth1.selectedIndex = thisMonth;
		this.selDay1.selectedIndex = thisDay-1;
	</cfif>
	document.getElementById('selYear1store').value = selYear1.selectedIndex;
	document.getElementById('selMonth1store').value = selMonth1.selectedIndex;
	document.getElementById('selDay1store').value = selDay1.selectedIndex;*/
	
	this.selYear2 = document.getElementById('selYear2');
	this.selMonth2 = document.getElementById('selMonth2');
	this.selDay2 = document.getElementById('selDay2');

	/*<cfif isdefined("form.fieldnames")>
		for (var y=0;y<selYear2.options.length;y++) {   
	    	if (selYear2.options[y].text == '#form.selYear2#') {   
	        	selYear2.selectedIndex = y;   
	            break;   
        	}   
	    }
		this.selMonth2.selectedIndex = #form.selMonth2 - 1#;
		this.selDay2.selectedIndex = #form.selDay2 - 1#;
	<cfelse>
		for (var y=0;y<selYear2.options.length;y++) {   
	    	if (selYear2.options[y].text == tomorrowYear) {   
	        	selYear2.selectedIndex = y;   
	            break;   
        	}   
	    }
		this.selMonth2.selectedIndex = tomorrowMonth;
		this.selDay2.selectedIndex = tomorrowDay-1;
	</cfif>
	document.getElementById('selYear2store').value = selYear2.selectedIndex;
	document.getElementById('selMonth2store').value = selMonth2.selectedIndex;
	document.getElementById('selDay2store').value = selDay2.selectedIndex;*/

	YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("YAHOO.example.calendar.cal1","container1",{ title:"Start date:", close:true, mindate: new Date((thisMonth + 1) + '/' + thisDay + '/' + thisYear) } );
	YAHOO.example.calendar.cal1.selectEvent.subscribe(setDate1, YAHOO.example.calendar.cal1, true);
	YAHOO.example.calendar.cal1.cfg.setProperty("pagedate", this.selMonth1.value + "/" + this.selYear1.value);
	YAHOO.example.calendar.cal1.render();
	YAHOO.util.Event.addListener("dateLink1", "click", showCalendar1, YAHOO.example.calendar.cal1, true); 
	
	YAHOO.example.calendar.cal2 = new YAHOO.widget.Calendar("YAHOO.example.calendar.cal2","container2",{ title:"End date:", close:true, mindate: new Date((thisMonth + 1) + '/' + thisDay + '/' + thisYear) } );
	YAHOO.example.calendar.cal2.selectEvent.subscribe(setDate2, YAHOO.example.calendar.cal2, true);
	YAHOO.example.calendar.cal2.cfg.setProperty("pagedate", this.selMonth2.value + "/" + this.selYear2.value);
	YAHOO.example.calendar.cal2.render();
	YAHOO.util.Event.addListener("dateLink2", "click", showCalendar2, YAHOO.example.calendar.cal2, true); 
	
	this.selYear1.onchange = changeDate1
	this.selMonth1.onchange = changeDate1
	this.selDay1.onchange = changeDate1
	this.selYear2.onchange = changeDate2
	this.selMonth2.onchange = changeDate2
	this.selDay2.onchange = changeDate2
}

function showCalendar1() {
	YAHOO.example.calendar.cal1.show();
	YAHOO.example.calendar.cal2.hide();
}

function showCalendar2() {
	YAHOO.example.calendar.cal2.show();
	YAHOO.example.calendar.cal1.hide();
}

function setDate1() {
	var date1 = YAHOO.example.calendar.cal1.getSelectedDates()[0];
	selMonth1.selectedIndex=date1.getMonth();
	selDay1.selectedIndex=date1.getDate()-1;
	for (var y=0;y<selYear1.options.length;y++) {   
    	if (selYear1.options[y].text == date1.getYear()) {   
        	selYear1.selectedIndex = y;
            break;   
    	}   
    }
	document.getElementById('container1').style.display='none';
}

function setDate2() {
	var date2 = YAHOO.example.calendar.cal2.getSelectedDates()[0];
	selMonth2.selectedIndex=date2.getMonth();
	selDay2.selectedIndex=date2.getDate()-1;
	for (var y=0;y<selYear2.options.length;y++) {   
    	if (selYear2.options[y].text == date2.getYear()) {   
        	selYear2.selectedIndex = y;
            break;   
    	}   
    }
	document.getElementById('container2').style.display='none';
}

function changeDate1() {
	var month = document.getElementById('selMonth1').selectedIndex;
	var day = document.getElementById('selDay1').selectedIndex + 1;
	var year = document.getElementById('selYear1').value;
	YAHOO.example.calendar.cal1.select((month+1) + "/" + day + "/" + year);
	YAHOO.example.calendar.cal1.setMonth(month);
	YAHOO.example.calendar.cal1.setYear(year);
	YAHOO.example.calendar.cal1.render();
}

function changeDate2() {
	var month = document.getElementById('selMonth2').selectedIndex;
	var day = document.getElementById('selDay2').selectedIndex + 1;
	var year = document.getElementById('selYear2').value;
	YAHOO.example.calendar.cal2.select((month+1) + "/" + day + "/" + year);
	YAHOO.example.calendar.cal2.setMonth(month);
	YAHOO.example.calendar.cal2.setYear(year);
	YAHOO.example.calendar.cal2.render();
}	

function dateValid(){
	var startDay = new Date(selMonth1.value + '/' + selDay1.value + '/' + selYear1.value);
	var endDay = new Date(selMonth2.value + '/' + selDay2.value + '/' + selYear2.value);
	if((endDay - startDay)/one_day < 1){
		alert('The end day must be after the start day.');
		selYear1.selectedIndex = document.getElementById('selYear1store').value;
		selMonth1.selectedIndex = document.getElementById('selMonth1store').value;
		selDay1.selectedIndex = document.getElementById('selDay1store').value;
		selYear2.selectedIndex = document.getElementById('selYear2store').value;
		selMonth2.selectedIndex = document.getElementById('selMonth2store').value;
		selDay2.selectedIndex = document.getElementById('selDay2store').value;
		return false;
	} else {
		document.getElementById('selYear1store').value = selYear1.selectedIndex;
		document.getElementById('selMonth1store').value = selMonth1.selectedIndex;
		document.getElementById('selDay1store').value = selDay1.selectedIndex;
		document.getElementById('selYear2store').value = selYear2.selectedIndex;
		document.getElementById('selMonth2store').value = selMonth2.selectedIndex;
		document.getElementById('selDay2store').value = selDay2.selectedIndex;
	}
}	

YAHOO.util.Event.addListener(window, "load", init);