function dropdown() {
	//variablen
	this.cordsX 		= 0;
	this.cordsY 		= 0;
	
	this.dropdown_menu	= null;
	this.close_pending	= false;
	
	this.alpha			= 0;
	this.end_alpha		= 0; 
	this.blend_factor	= 5;
	
	//functions
	this.init			= init_dd;
	this.fade			= fade_dd;
	this.getCords		= getCords_dd;
	
	this.over			= over_dd;
	this.out			= out_dd;
	this.move			= move_dd;

	this.close			= close_dd;
}

//wichtige variablen für die intervalle
var dd_close_time		= 350;
var dd_close_interval	= null;

var dd_blend_time		= 1;
var dd_blend_interval	= null;

function getCords_dd() {
	//die koordinaten von <a>Angebote</a> abfragen
	try {
		this.cordsX = 0;
		this.cordsY = 0;
		
		var obj = document.getElementById("angebote");
		do {
			this.cordsX += obj.offsetLeft;
			this.cordsY += obj.offsetTop;
		} while (obj = obj.offsetParent);
		
		this.cordsY += 30;
	
		//alert(this.cordsX + " | " + this.cordsY);
	}
	catch(e) {
		write_js_log("getCords_dd_p1", e);
	}
	
	//die koordinaten des dd's setzen
	try {
		obj = document.getElementById("dropdown_menu").style;
		obj.top	 = this.cordsY + "px";
		obj.left = this.cordsX + "px";
	}
	catch(e) {
		write_js_log("getCords_dd_p2", e);
	}
}
function init_dd() {
	var obj;
	var newEle;
	
	//dd-elemente hinzufügen
	try {
		
		this.dropdown_menu	= document.createElement("div");
		this.dropdown_menu.id	= "dropdown_menu";
		
		newEle			 = document.createElement("a");
		newEle.className = "first";
		newEle.href		 = "/angebote/erstellung.html";
		newEle.appendChild(document.createTextNode("Homepage-Erstellung"));
		this.dropdown_menu.appendChild(newEle);
		
			newEle			 = document.createElement("a");
			newEle.className = "sub";
			newEle.href		 = "/angebote/einfache-homepage.html";
			newEle.appendChild(document.createTextNode("» Einfache Homepage"));
			this.dropdown_menu.appendChild(newEle);
		
			newEle			 = document.createElement("a");
			newEle.className = "sub";
			newEle.href		 = "/angebote/mittlere-homepage.html";
			newEle.appendChild(document.createTextNode("» Mittlere Homepage"));
			this.dropdown_menu.appendChild(newEle);
		
			newEle			 = document.createElement("a");
			newEle.className = "sub";
			newEle.href		 = "/angebote/typo-homepage.html";
			newEle.appendChild(document.createTextNode("» Typo3 Homepage"));
			this.dropdown_menu.appendChild(newEle);
			
			newEle			 = document.createElement("a");
			newEle.className = "sub";
			newEle.href		 = "/angebote/eshop-homepage.html";
			newEle.appendChild(document.createTextNode("» Online-Shop"));
			this.dropdown_menu.appendChild(newEle);
		
			newEle			 = document.createElement("a");
			newEle.className = "sub";
			newEle.href		 = "/angebote/baukasten-homepage.html";
			newEle.appendChild(document.createTextNode("» Homepage-Baukasten"));
			this.dropdown_menu.appendChild(newEle);
		
		newEle			 = document.createElement("a");
		newEle.href		 = "/angebote/hosting.html";
		newEle.appendChild(document.createTextNode("Homepage-Hosting"));
		this.dropdown_menu.appendChild(newEle);
		
		newEle			 = document.createElement("a");
		newEle.className = "last";
		newEle.href		 = "/angebote/service.html";
		newEle.appendChild(document.createTextNode("Sonstiger Service"));
		this.dropdown_menu.appendChild(newEle);
		
		this.dropdown_menu.onmouseover = dd.over;
		this.dropdown_menu.onmouseout	 = dd.out;
		this.dropdown_menu.onmousemove = dd.move;
		
		this.dropdown_menu.style.display = "none";
		document.getElementsByTagName('body')[0].appendChild(this.dropdown_menu);
		
	}
	catch(e) {
		write_js_log("init_dd", e);
	}
	
	//koordinaten abfragen + objekt positionieren
	this.getCords();

}
function fade_dd() {
	try {
		dd_blend_interval = window.clearInterval(dd_blend_interval);	
		if(dd.alpha>dd.end_alpha) {
			dd.alpha -= dd.blend_factor;
		}
		else if(dd.alpha<dd.end_alpha) {
			dd.alpha += dd.blend_factor;
		}
			
		
		//set alpha
		if(dd.alpha != 0) dd.dropdown_menu.style.display = "block";
		else 			  dd.dropdown_menu.style.display = "none";
		
		dd.dropdown_menu.style.opacity = (dd.alpha / 100);
	    dd.dropdown_menu.style.MozOpacity = (dd.alpha / 100);
	    dd.dropdown_menu.style.KhtmlOpacity = (dd.alpha / 100);
	    dd.dropdown_menu.style.filter = "alpha(opacity=" + dd.alpha + ")";
		
		if(dd.alpha != dd.end_alpha) dd_blend_interval = setInterval(fade_dd, dd_blend_time);
	}
	catch(e) {
		write_js_log("fade_dd", e);
	}
}
function over_dd() {
	if(dd.alpha == 100) dd_close_interval = window.clearInterval(dd_close_interval);
	else {
		dd_blend_interval = window.clearInterval(dd_blend_interval);
		dd.getCords();
		dd.end_alpha = 100;
		fade_dd();
	}
}
function out_dd() {
	try {
		if(dd.close_pending == true) return false;
		
		dd.close_pending = true;
		dd_close_interval = window.setInterval(close_dd, dd_close_time);
	}
	catch(e) {
		write_js_log("out_dd", e);
	}
}
function move_dd() {
	try {
		dd_close_interval = window.clearInterval(dd_close_interval); 
		dd.close_pending = false; //(closing dd)
	}
	catch (e) {
		write_js_log("move_dd", e);
	}
}
function close_dd() {
	try {
		dd_close_interval = window.clearInterval(dd_close_interval);
		dd.close_pending = false; //(closing dd)
		
		dd_blend_interval = window.clearInterval(dd_blend_interval);
		dd.end_alpha = 0;
		fade_dd();
	}
	catch(e) {
		write_js_log("close_dd", e);
	}
}