DropDown = function(targetId){
	this.targetId = targetId;
	this.targetElement = document.getElementById(this.targetId);
	this.targetElementTitle = this.targetElement.firstChild;
	this.targetElementBody = this.targetElement.lastChild;	
};

DropDown.is_ie = ( /msie/i.test(navigator.userAgent) &&
		   !/opera/i.test(navigator.userAgent) );
		   

DropDown.prototype.Toggle = function(ev){
	//this = Dropdown Object
	//ev = click
	
	if(this.targetElementTitle.className == "dropDownTitle"){
		this.targetElementTitle.className = "dropDownTitle active";
		this.targetElementBody.className = "dropDownBody";		
		
		DropDown.AddEvent(document, "mousedown", DropDown.Check);	
		window.activeDropDown = this;
	}else{
		this.targetElementTitle.className = "dropDownTitle";
		this.targetElementBody.className = "dropDownBody displayNone";
		DropDown.RemoveEvent(document, "mousedown", DropDown.Check);
	}
};

DropDown.Check = function(ev){
	var dropDown = window.activeDropDown;	
	var dropDownParentElement = dropDown.targetElement;
	
	if (!dropDown) {
		return false;
	}
	
	var targetEl = DropDown.is_ie ? window.event.srcElement : ev.target;
	
	for(; targetEl != null && targetEl != dropDownParentElement; targetEl = targetEl.parentNode);
	
	if(targetEl == null){
		dropDown.targetElementTitle.className = "dropDownTitle";
		dropDown.targetElementBody.className = "dropDownBody displayNone";
		DropDown.RemoveEvent(document, "mousedown", DropDown.Check);
	}
	
	/*
	for (; el != null && el != calendar.element; el = el.parentNode);
	
	if (el == null) {
		// calls closeHandler which should hide the calendar.
		window._dynarch_popupCalendar.callCloseHandler();
		return Calendar.stopEvent(ev);
	}*/
}

/*
DropDown.AddEvent(this.targetElementTitle, "click", DropDown.Toggle);	
DropDown.is_ie = ( /msie/i.test(navigator.userAgent) &&
		   !/opera/i.test(navigator.userAgent) );

DropDown.Toggle = function(ev){
	//this: targetElementTitle;
	//ev: click event		
	if(this.className == "dropDownTitle"){
		this.className = "dropDownTitle active";
		DropDown.AddEvent(document, "mousedown", DropDown.Check);	
		window.activeDropDown = this;	
	}else{
		this.className = "dropDownTitle";
		DropDown.RemoveEvent(document, "mousedown", DropDown.Check);
	}
};

DropDown.Check = function(ev){
	var dropDown = window.activeDropDown;	
	var dropDownElement = dropDown;
	alert(dropDown);
	
	if (!dropDown) {
		return false;
	}
	
	//var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
	var targetEl = DropDown.is_ie ? window.event.srcElement : ev.target;
	
	alert(dropDownElement);
		
};

Calendar.getElement = function(ev) {
	var f = Calendar.is_ie ? window.event.srcElement : ev.currentTarget;
	while (f.nodeType != 1 || /^div$/i.test(f.tagName))
		f = f.parentNode;
	return f;
};

Calendar.getTargetElement = function(ev) {
	var f = Calendar.is_ie ? window.event.srcElement : ev.target;
	while (f.nodeType != 1)
		f = f.parentNode;
	return f;
};*/

DropDown.AddEvent = function(el, evname, func)
{
	if (el.attachEvent) { // IE
		el.attachEvent("on" + evname, func);
	} else if (el.addEventListener) { // Gecko / W3C
		el.addEventListener(evname, func, true);
	} else {
		el["on" + evname] = func;
	}
};

DropDown.RemoveEvent = function(el, evname, func) {
	if (el.detachEvent) { // IE
		el.detachEvent("on" + evname, func);
	} else if (el.removeEventListener) { // Gecko / W3C
		el.removeEventListener(evname, func, true);
	} else {
		el["on" + evname] = null;
	}
};


/*

DropDown = function(targetId){
	this.targetId = targetId;	
};

DropDown.CheckClose = function(ev){
	var targetId = window.activeDropDown;
	
	alert(targetId);
};

DropDown.Show = function(){
	
}

DropDown.prototype.Create = function(){
	var dropDown = document.getElementById(this.targetId);
	
	DropDown.addEvent(dropDown, "click", DropDown.Show);
	
	
	DropDown.addEvent(document, "mousedown", DropDown.CheckClose);
	window.activeDropDown = this;
}

DropDown.addEvent = function(el, evname, func)
{
	if (el.attachEvent) { // IE
		el.attachEvent("on" + evname, func);
	} else if (el.addEventListener) { // Gecko / W3C
		el.addEventListener(evname, func, true);
	} else {
		el["on" + evname] = func;
	}
}
function toggleDropDown(element)
{
	addEvent(document, "mousedown", toggleOff);
}	

function toggleOff(ev)
{
	
}

function addEvent(el, evname, func)
{
	if (el.attachEvent) { // IE
		el.attachEvent("on" + evname, func);
	} else if (el.addEventListener) { // Gecko / W3C
		el.addEventListener(evname, func, true);
	} else {
		el["on" + evname] = func;
	}
}*/