
<!--
var magnification=3 ;
var magviewersize=.45 ;

var quot="'";
var Magnifico=new Array();
var magnify=false;
var magStartX=0;
var magStartY=0;

function initMagnifier(){
  for (im=0; im<document.images.length; im++){ var magthis=false;
    if(document.images[im].parentNode.className.indexOf("magnify_this")>=0){magthis=true};
    if(document.images[im].parentNode.href) {
	if (document.images[im].parentNode.href.indexOf("initMagnifier")>=0){magthis=true}
    }

    if(	document.images[im].id.indexOf("Magnifier")>=0 ||
	document.images[im].id.indexOf("Magtile")>=0 ){magthis=false};
    if(magthis==true){
	nextImage=document.images[im];
	var thisImageCode=nextImage.parentNode.innerHTML.substr(0,nextImage.parentNode.innerHTML.indexOf(">"))+
	'  id="bgbaseimg'+im+'" galleryimg="false" oncontextmenu="return false;" '+
	'  onmouseover ="setMagnifier('+im+');" '+ 
	'  onmouseout  ="hideMagnifier('+im+'); return false" >';

	if (nextImage.style.cssFloat){var alignment=nextImage.style.cssFloat} 
	else if (nextImage.align) {var alignment=nextImage.align}  
	else {var alignment='none'}


    	if(nextImage.parentNode.title){var magtileSrc=nextImage.parentNode.title}else{var magtileSrc=nextImage.src};
	nextImage.parentNode.innerHTML=
	'<div id="placeholder'+im+'" style="position:relative; left:0px; top:0px; float:'+alignment+';'+
	' width:'+nextImage.offsetWidth+'px; height:'+nextImage.offsetHeight+'px;"'+
	' onclick="return false">'+
  	'<div id="imgholder'+im+'" style="position:absolute; left:0px; top:0px; border:0px solid blue; overflow:hidden">'+
	thisImageCode+
	'<div id=Magnifier'+im+' style="position:absolute; left:0px; top:0px; '+
	' width:'+(nextImage.offsetWidth*magviewersize)+'px; height:'+(nextImage.offsetHeight*magviewersize)+'px; '+
	' border:1px solid gray;  visibility:hidden; overflow:hidden; '+
	' cursor:move; background-color:gray; " title="Move magnifier to see details"'+
	'  ondrag="return false" '+
	'  onmouseover ="setMagnifier('+im+'); " '+
	'  onmousedown="showMagnifier('+im+',event.clientX,event.clientY); return false" '+ 
	'  onmousemove="if (magnify==true) {moveMagnifier('+im+',event.clientX,event.clientY)}" '+
	'  onmouseup ="magnify=false; return false" '+
	'><img id="Magtile'+im+'"  src="'+magtileSrc+'" style="position:absolute; '+
	'  left:0px; top:0px; width:'+nextImage.offsetWidth*magnification+'px; border:0px;" '+
	'  onmouseover="this.galleryimg='+quot+'no'+quot+'"  oncontextmenu="return false;">'+
        '</div></div></div>';
	Magnifico[im]=document.getElementById('Magnifier'+im);
	document.getElementById('bgbaseimg'+im).style.cssFloat='none';
	Magnifico[im].style.left=((document.getElementById('imgholder'+im).offsetWidth/2)-(Magnifico[im].offsetWidth/2))+'px';
	Magnifico[im].style.top=((document.getElementById('imgholder'+im).offsetHeight/2)-(Magnifico[im].offsetHeight/2))+'px';
	setMagtile(im);
    }
  }
}



function setMagtile(idm){
	MagImg=document.getElementById('Magtile'+idm);
	xx=(MagImg.offsetWidth-Magnifico[idm].offsetWidth)/ (document.getElementById('imgholder'+idm).offsetWidth-Magnifico[idm].offsetWidth);
	yy=(MagImg.offsetHeight-Magnifico[idm].offsetHeight)/(document.getElementById('imgholder'+idm).offsetHeight-Magnifico[idm].offsetHeight);
	MagImg.style.left=(0-(parseInt(Magnifico[idm].style.left))*xx)+'px' ;
	MagImg.style.top=(0-(parseInt(Magnifico[idm].style.top))*yy)+'px' ;
}

function setMagnifier(idm){
	Magnifico[idm].style.visibility='visible';
}

function showMagnifier(idm,X,Y){
	magnify=true; magStartX=X; magStartY=Y;
}

function moveMagnifier(idm,X,Y){
	Magnifico[idm].style.left=(parseInt(Magnifico[idm].style.left)+X-magStartX)+'px';
	Magnifico[idm].style.top =(parseInt(Magnifico[idm].style.top) +Y-magStartY)+'px';
	magStartX=X; magStartY=Y;
	if (Magnifico[idm].offsetLeft<=0 ){magStartX=magStartX-Magnifico[idm].offsetLeft; Magnifico[idm].style.left='0px' }
	if (Magnifico[idm].offsetTop<=0 ) {magStartY=magStartY-Magnifico[idm].offsetTop;  Magnifico[idm].style.top='0px' }
	var rtlimit=document.getElementById('imgholder'+idm).offsetWidth-Magnifico[idm].offsetWidth;
	var btlimit=document.getElementById('imgholder'+idm).offsetHeight-Magnifico[idm].offsetHeight;
	if (Magnifico[idm].offsetLeft>=rtlimit )	{magStartX=magStartX-(Magnifico[idm].offsetLeft-rtlimit); Magnifico[idm].style.left=rtlimit+'px' }
	if (Magnifico[idm].offsetTop>=btlimit )	{magStartY=magStartY-(Magnifico[idm].offsetTop-btlimit); Magnifico[idm].style.top=btlimit+'px' }
	setMagtile(idm);
}
function hideMagnifier(idm){
	Magnifico[idm].style.visibility="hidden";
	magnify=false; 
}

function CodeSize(){
	document.getElementById('codeCounter').innerHTML='<small>'+document.getElementById('CodeView').value.length+'</small>'
}

function Preview(selection) {
	var newpage=""
	newpage=document.getElementById(selection).value
  	  var w0 = window.open("","popup0","width=600,height=350,directories=no,menubar=yes,status=yes,toolbar=yes,resizable=yes,scrollbars=yes,screenY=0,top=0,screenX=80,left=80" );
    	  w0.document.writeln("<html><title>Preview</title><body>" );
  	  w0.document.writeln(newpage);
  	  w0.document.writeln("<hr><form><center><input type=\"submit\" value=\"Close Window\" onClick=\"window.close();return false; \"></center></form>" );
  	  w0.document.writeln("</body></html>" );
  	  w0.document.close() ;
	  if (document.focus){w0.document.focus(true)}
}
// -->

