/**
 * @author noehmeier-marcel
 */


function Contextmenu(){
	
	var pi = Math.PI;
	
	this.overlay;
	
	this.gt = 0;
	
	this.cp;
	
	this.pos = 0;
	
	this.boxes			= [];
	
	
	this.createOverlayNEW		= function(_obj, xy){
		
		this.overlay = document.createElement('div');
		
		//this.overlay.makeDraggable();
		this.overlay.style.position = 'absolute';
		this.overlay.className = 'contextMenu';
		this.overlay.style.left = (xy.x)+'px';
		this.overlay.style.top = (xy.y)+'px';
		this.overlay.style.display = 'block';		
		
		var obj = this;
		
		_obj.parentNode.onmouseover = function(){
			obj.display();
		}
		_obj.parentNode.onmouseout = function(){
			obj.hide();
		}
		
		this.overlay.onmouseover = function(){
			obj.display();
		}
		this.overlay.onmouseout = function(){
			obj.hide();
		}
		
		
		var div = document.createElement('div');
		div.innerHTML = ' Bildmenü ';
		this.overlay.appendChild(div);
		document.body.appendChild(this.overlay);
	}
	
	this.createOverlay			= function(_obj){
		this.overlay = document.createElement('div');
		//this.overlay.makeDraggable();
		this.overlay.style.position = 'absolute';
		this.overlay.className = 'contextMenu';
		
		if( document.all ){
			//IE
			this.overlay.style.left = (_obj['offsetParent'].offsetLeft+_obj.offsetLeft)+540;
			this.overlay.style.top = (_obj['offsetParent'].offsetTop+_obj.offsetTop)+180;
		}else{
			this.overlay.style.top = (_obj.offsetTop+125)+'px';
			this.overlay.style.left = (_obj.offsetLeft+195)+'px';
		}
		
		this.overlay.style.display = 'block';
		
		var obj = this;
		
		_obj.parentNode.onmouseover = function(){
			obj.display();
		}
		_obj.parentNode.onmouseout = function(){
			obj.hide();
		}
		
		this.overlay.onmouseover = function(){
			obj.display();
		}
		this.overlay.onmouseout = function(){
			obj.hide();
		}
		
		document.body.appendChild(this.overlay);
		var div = document.createElement('div');
		div.innerHTML = ' Bildmenü ';
		this.overlay.appendChild(div);
	}
	
	this.display				= function(){
		this.overlay.style.display = 'block';
	}
	
	this.hide				= function(){
		this.overlay.style.display = 'none';
	}
	
	this.createBox				= function(){
		var li = document.createElement('li');
		this.overlay.appendChild(li);
		li.onmouseout = function(e){
			this.style.color = '#000000';
		}
		
		li.onmouseover = function(e){
			this.style.color = '#691c23';
		}
		
		li.style.cursor = 'pointer';
		li.style.fontSize = '11px';
		li.style.display = 'block';
		//li.style.width = '100px';
		//li.style.height= '100px';
		return li;
	}
	
	this.insertBox					= function(obj){
		var li = this.createBox();
		o = this;
		li.innerHTML = obj.name;
		li.onclick = function(){
			obj.action();
			o.hide();
		}
		
		this.boxes.push(li);
	}
}