var floatingDiv = false;

var previewImages = new Array();

var active_img_mark = null;

window.onerror = function() {
	return true;
}
	
//window.onload = function(e) {
//	preloadPreviewImages();
//}

function run_after_body() {
	document.onmousemove = document_onmousemove;
	if (window.onscroll) window.onscroll = hideDiv();
	document.write('<div class="float" id="div_200" style="left: -3000px; background: #ffffff;"><img id="img_200" class="border_b" width="200" height="150"></div>');
}

function getElement( id) {
	if ( document.getElementById) {
		return document.getElementById( id);
	} else if ( document.all) {
		return document.all[id];
	} else {
		return null;
	}
}

function document_onmousemove(e) {

   if ( !floatingDiv ) return;

   var pos_X = 0, pos_Y = 0;
   if ( !e ) e = window.event;
   if ( e ) {
	  if ( typeof(e.pageX) == "number" ) {
		 pos_X = e.pageX; pos_Y = e.pageY;
	  } else if ( typeof(e.clientX) == "number" ) {
		 pos_X = e.clientX; pos_Y = e.clientY;
		 if ( document.body && (document.body.scrollTop || document.body.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == "KDE" ) ) {
			pos_X += document.body.scrollLeft; 
			pos_Y += document.body.scrollTop;
		 } else if ( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) && !( window.opera || window.debug || navigator.vendor == "KDE" ) ) {
			pos_X += document.documentElement.scrollLeft; 
			pos_Y += document.documentElement.scrollTop;
		 }
	  }
   }

   var scroll_X = 0, scroll_Y = 0;
   if ( document.body && ( document.body.scrollTop || document.body.scrollLeft ) && !( window.debug || navigator.vendor == "KDE" ) ) {
	  scroll_X = document.body.scrollLeft; 
	  scroll_Y = document.body.scrollTop;
   } else if ( document.documentElement && ( document.documentElement.scrollTop || document.documentElement.scrollLeft ) && !( window.debug || navigator.vendor == "KDE" ) ) {
	  scroll_X = document.documentElement.scrollLeft; 
	  scroll_Y = document.documentElement.scrollTop;
   }

   var win_size_X = 0, win_size_Y = 0;
   if (window.innerWidth && window.innerHeight) {
	  win_size_X = window.innerWidth; 
	  win_size_Y = window.innerHeight;
   } else if (document.documentElement && document.documentElement.clientWidth && document.documentElement.clientHeight) {
	  win_size_X = document.documentElement.clientWidth; 
	  win_size_Y = document.documentElement.clientHeight;
   } else if (document.body && document.body.clientWidth && document.body.clientHeight) {
	  win_size_X = document.body.clientWidth; win_size_Y = document.body.clientHeight;
   }

   pos_X += 15; pos_Y += 15;

   if (floatingDiv.offsetWidth && floatingDiv.offsetHeight) {
	  if (navigator.userAgent.indexOf("Firefox") != -1) {
		  if (pos_X - scroll_X + floatingDiv.offsetWidth + 5 > win_size_X) {
	  		pos_X -= (floatingDiv.offsetWidth + 50);
		  }
		  if (pos_Y - scroll_Y + floatingDiv.offsetHeight + 5 > win_size_Y) {
			pos_Y -= (floatingDiv.offsetHeight + 30);
		  }
	  } else if (navigator.userAgent.indexOf("Safari") != -1) {
		  if (pos_X - scroll_X + floatingDiv.offsetWidth + 5 > win_size_X) {
	  		pos_X -= (floatingDiv.offsetWidth + 40);
		  }
		  if (pos_Y - scroll_Y + floatingDiv.offsetHeight + 5 > win_size_Y) {
			pos_Y -= (floatingDiv.offsetHeight + 0);
		  }
	  } else {  	
		  if (pos_X - scroll_X + floatingDiv.offsetWidth + 5 > win_size_X) {
	  		pos_X -= (floatingDiv.offsetWidth + 25);
		  }
		  if (pos_Y - scroll_Y + floatingDiv.offsetHeight + 5 > win_size_Y) {
			pos_Y -= (floatingDiv.offsetHeight + 20);
		  }
	  }
   }
   
//   pos_X += posX;
//   pos_Y += posY;
   
   floatingDiv.style.left = pos_X + "px";
   floatingDiv.style.top = pos_Y + "px";
//alert(test);
}

function showPreviewImage( id) {
	setPreviewImage( id);
	showDiv("div_200");
}

function setPreviewImage( id){
	var previewImage = getElement("img_200");

	if ( previewImage) {
		previewImage.src    = previewImages[id].src;
		previewImage.width  = previewImages[id].width;
		previewImage.height = previewImages[id].height;
	}
}

function showDiv( id) {
	if ( floatingDiv = getElement( id)) {
		if ( floatingDiv.offsetWidth) {
			floatingDiv.style.width = "auto";
			floatingDiv.style.height = "auto";

			if ( floatingDiv.offsetWidth > 300) {
				floatingDiv.style.width = "300px";
			}
		}
		document_onmousemove;
		floatingDiv.style.visibility = "visible";
	}
}

function hideDiv() {
	if ( floatingDiv) {
		floatingDiv.style.visibility = "hidden";
		//floatingDiv.style.left = "0px";
		floatingDiv = false;
	}
}

run_after_body();