// Settings
var wrapper_width_fix = 480;
var wrapper_higth_fix = 312;

var preview_image = "/layout/images/blank.gif";
var gallery_link = null;

// Gallery Preview
function point_it(event) {
	if(preview_image) document.getElementById("preview_image").src = preview_image;
	if(gallery_link) {
		
			var thumb_widh = document.getElementById(gallery_link).firstChild.width;
			var thumb_height = document.getElementById(gallery_link).firstChild.height;
		
			// Look For Cursor Position
			var nav = navigator.appName; 
			if(checkBrowserName('MSIE') || checkBrowserName('msie')) {
				pos_x = window.event.offsetX ? window.event.offsetX : window.event.clientX - document.getElementById(gallery_link).offsetLeft + Number(wrapper_width_fix);
				pos_y = window.event.offsetY ? window.event.offsetY : window.event.clientY - document.getElementById(gallery_link).offsetTop + Number(wrapper_higth_fix);	
			} else {
				pos_x = event.layerX ? event.layerX : event.pageX - document.getElementById(gallery_link).offsetLeft + Number(wrapper_width_fix);
				pos_y = event.layerY ? event.layerY : event.pageY - document.getElementById(gallery_link).offsetTop + Number(wrapper_higth_fix);	
			};
			perc_x = (pos_x/thumb_widh)*100;
			perc_y = (pos_y/thumb_height)*100;
			if(perc_x > "48") perc_x = "48";
			// Set New Preview Position
			document.getElementById("inner_preview").style.marginLeft	= -perc_x + '%'; 
			document.getElementById("inner_preview").style.marginTop	= -perc_y + '%';
		}
}

/* User Agent (Browserkennung) auf einen bestimmten Browsertyp prüfen */  
 function checkBrowserName(name){  
   var agent = navigator.userAgent.toLowerCase();  
   if (agent.indexOf(name.toLowerCase())>-1) {  
     return true;  
   }  
   return false;  
 }