var mouseX ='';
var mouseY ='';

var preview = {

	show : function (e){
		
		
		var target = preview.getTarget(e);
		if(target.id == 'closesearch'){
			events.addEvent(target, 'click',searchsite.clearesults,false);
			
		}
		else{
			preview.getMousePosition(e)
			events.addEvent(target, 'click',function(){searchsite.gohere(target.id)},false);
		
		
			target.style.cursor="pointer";
			var div_preview = document.getElementById('searchpreview');
			var div_searchcontainer = document.getElementById('searchcontainer');
			//alert(target.event.clientX);
			div_preview.style.display = 'block';
			//Apply left pixels
			div_preview.style.left = (mouseX + 20)  + 'px';
			//To apply top pixels we must get the sum between the searchcontainer offsetTop and the event elements offset top from its parent node
			div_preview.style.top = (mouseY + 20) + 'px';
			
			//Now that it is up and running make a cpaint call to show preview*/
	
			
			previewcontent(target.id);
		}
		
	},
	moveshow : function(e){
		
		
		var target = preview.getTarget(e);
		if(target.id == 'closesearch'){
			events.addEvent(target, 'click',searchsite.clearesults,false);
			
		}
		else{
			preview.getMousePosition(e)
			events.addEvent(target, 'click',function(){searchsite.gohere(target.id)},false);
		
			target.style.cursor="pointer";
			var div_preview = document.getElementById('searchpreview');
			var div_searchcontainer = document.getElementById('searchcontainer');
			div_preview.style.left = (mouseX + 20)  + 'px';
			div_preview.style.top = (mouseY + 20) + 'px';
		}
		
	},
	hide : function(e){
	
		var target = preview.getTarget(e);
		

		if(document.getElementById('searchpreview')){
			var div_preview = document.getElementById('searchpreview');
			div_preview.style.display = 'none';
			div_preview.style.left = 0;
			div_preview.style.top = 0;
			
			events.removeEvent(target, 'click',function(){searchsite.gohere(target.id)},false);
		}
		
	},
	
	getMousePosition : function(e){
		if(window.event && window.event.srcElement){
			mouseY = e.clientY;
			mouseX = e.clientX;
		}
		else{
			mouseY = e.pageY;
			mouseX = e.pageX;
		}
	},
	
	getTarget : function(e){
	  var element;
		if(window.event && window.event.srcElement){element = window.event.srcElement}
		if(e && e.target){element = e.target}
		if(!element){return null}
		return element;
	 }
	
}