// thanks to whoever wrote this. 

YAHOO.namespace("example.calendar");
var DOM 			= YAHOO.util.Dom;
var field_name;
var div_name;
function show_calendar(name_val, cal_div_name)
{
	field_name = name_val;
	div_name = cal_div_name;
	YAHOO.example.calendar.cal1 = new YAHOO.widget.CalendarGroup("cal1",cal_div_name, { pages:2, title:"Please make a selection:", close:true } ); 

// yahoo library 2.2.1 sucks, this is what it does for browser detection
	if( YAHOO.example.calendar.cal1.browser.indexOf("ie") >= 0 ) {
 		var el = document.getElementById('footer');
		YAHOO.util.Dom.setStyle( el, "zIndex", -1);
	}
//	// KLUDGE and we can't even fix after the event cause who knows what version of yahoo this is.
//   they did not add hooks to the close event until later versions	
	
	YAHOO.example.calendar.cal1.selectEvent.subscribe(handleSelect, YAHOO.example.calendar.cal1, true);	
	//DOM.setStyle(DOM.get('cal1Container'),'left', DOM.getX(DOM.get(name_val)));
	YAHOO.example.calendar.cal1.render(); 	
	//stickDiv( cal_div_name, name_val ) ;
	YAHOO.example.calendar.cal1.show();	
}

function handleSelect(type,args,obj)
{
    var dates = args[0];
    var date = dates[0];
    var year = date[0], month = date[1], day = date[2];
    var txtDate1 = document.getElementById(field_name);
    txtDate1.value = month + "/" + day + "/" + year;
    document.getElementById(div_name).style.display = 'none';
}