	function showpreview( title , image , height , width  , current , e )				
	{					
						// 
						var html= '<img src="preview/' + image + '" width="' + width + 'px" height="' + height + 'px" border="0"  alt="">';
						elm = document.getElementById("previewcontent");
						elm.innerHTML = html;	
						elm = document.getElementById("text");
						elm.innerHTML = title 
						elm = document.getElementById("bottom");
						
						if (window.innerHeight) {
								theHeight=window.innerHeight;
						}
						else if (document.documentElement && document.documentElement.clientHeight) {
							theHeight=document.documentElement.clientHeight;
						}
						else if (document.body) {
							theHeight=document.body.clientHeight;
						}
						
						var height = elm.offsetTop
						if( height < theHeight )
						{
							height = (theHeight - 0);
						}
						elm = document.getElementById("black");
						elm.style.opacity = 0.5;
						elm.style.filter = 'alpha(opacity=' + 50 + ')';
						elm.style.height = ( height + 0 ) + "px";
						elm.style.visibility = "visible"
						
						elm = document.getElementById("preview");
						
						/*
						if (!e) e = window.event;
						if(e)
						{
							if (e.pageX || e.pageY)
							{
							  mousex = e.clientX; // e.pageX;
							  mousey = e.clientY; //e.pageY;
							}
							else if (e.clientX || e.clientY)
							{ 
							  mousex = e.clientX;
							  mousey = e.clientY;
							} 

						}
						alert( 'wetwetq');
						*/
						
						
						var valueY = getScrollXY();
						var height = elm.offsetHeight;
						var realy = ((theHeight - height) - 20) / 2;
						elm.style.top= parseInt(realy + valueY) + 'px';					
						
						if (window.innerWidth) {
							theWidth=window.innerWidth;
						}
						else if (document.documentElement && document.documentElement.clientWidth) {
							theWidth=document.documentElement.clientWidth;
						}
						else if (document.body) {
							theWidth=document.body.clientWidth;
						}
						
						var width = elm.offsetWidth;
						var realx = ((theWidth - width) - 20) / 2;
						elm.style.left= parseInt(realx) + 'px';	
						
						//elm.style.width = (size + 20) + 'px';
						//alert( mousex + ' - ' + mousey);
						elm.style.visibility = "visible"
						
						//var coords = { x: 0, y: 0};
						//coords.x += elm.offsetLeft;
						//coords.y += elm.offsetTop;
						
						//alert(coords.x + ':' + coords.y + ' >>> ' );

						
					}		

					
					function getScrollXY() {
					  var scrOfX = 0, scrOfY = 0;
					  if( typeof( window.pageYOffset ) == 'number' ) {
					    //Netscape compliant
					    scrOfY = window.pageYOffset;
					    scrOfX = window.pageXOffset;
					  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
					    //DOM compliant
					    scrOfY = document.body.scrollTop;
					    scrOfX = document.body.scrollLeft;
					  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
					    //IE6 standards compliant mode
					    scrOfY = document.documentElement.scrollTop;
					    scrOfX = document.documentElement.scrollLeft;
					  }
					  return scrOfY;
					}
					
					function hidepreview()
					{
						elm = document.getElementById("preview");	
						elm.style.visibility = "hidden"
						elm = document.getElementById("black");	
						elm.style.visibility = "hidden"
					}		
