/*
Overlay code for Modal Window
Example Use: <a href="javascript:openOverlay('http://www.webfxdesign.com/ip/','Current IP Address',400,200,1,-100,0,0,1,0)">
Usage: openOverlay('url','title',width,height,center,left_offset,top_offset,resizable,type,no_close)
type = 1 - iframe, 2 = div, 3 = no frame div
*/

var tint_color; var tint_opacity; var overlay_color; var overlay_font; var overlay_font_color;
tint_color = tint_color || '#000000'; tint_opacity = tint_opacity || 60; overlay_color = overlay_color || "#0505ba"; overlay_font = overlay_font || "bold 14px arial"; overlay_font_color = overlay_font_color || "#ffffff";

var closeLink = '<div width="61" onClick="javascript:closeOverlay()" style="width:61px;cursor:pointer;cursor:hand;"><nobr><span style="font-family:arial;font-size:12px;color:'+overlay_font_color+';font-weight:normal;">close</span> <span style="font-family:\'Lucida Grande\';font-weight:bolder;font-size:17px;"><b>[X]</b></span></nobr></div><input type="hidden" name="no_close" id="no_close" value="0">';
var noCloseLink = '<input type="hidden" name="no_close" id="no_close" value="1">';

var divLayers = '\
<style type="text/css">\
.tint_overlay{display: none;position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color:'+tint_color+'; z-index:1001; -moz-opacity: 0.'+tint_opacity+'; opacity:.'+tint_opacity+'; filter: alpha(opacity='+tint_opacity+');}\
.content_overlay { display: none; position: absolute; padding: 0px; border: 4px solid '+overlay_color+'; background-color: white; z-index:1002; overflow: hidden; filter:progid:DXImageTransform.Microsoft.shadow(color=#000000,direction=140);-moz-box-shadow: 5px 5px 5px #000;-webkit-box-shadow: 5px 5px 10px #000;}\
.content_title { padding-left:3px;font:'+overlay_font+'; color:'+overlay_font_color+'; background-color:'+overlay_color+';}\
.content_resize { width:10px;background-color:'+overlay_color+';background-image:url(\'fxoverlayresizeicon.png\');background-repeat:no-repeat;background-position:bottom right;}\
.content_noframe { display: none; position: absolute; padding: 0px; z-index:1003;}\
</style>\
<div id="light" class="content_overlay">\
<table border=0 width=100% height=100% cellpadding=0 cellspacing=0>\
 <tr height=30 class="content_title">\
  <td width="90%" align="left" id="titleBar" style="cursor:move">\
   <ilayer width="100%" onSelectStart="return false">\
   <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false"><div id="titleLayer" name="titleLayer" class="content_title"></div>\
   </layer>\
   </ilayer>\
  </td>\
  <td align="right" width="61"><div id="overlayCloseLink">' + closeLink + '</div></td>\
 </tr>\
 <tr>\
  <td colspan=2 align="center" style="border:1px solid #cccccc;"><div id="maincontentdiv" style="width:100%;height:100%;"></div></td>\
 </tr>\
 <tr height=1 class="content_resize">\
  <td colspan=2 align="right" valign="bottom"><div id="resizetable" style="display:none;">\
   <table border=0 width="100%" cellpadding=0 cellspacing=0>\
    <tr>\
     <td width="95%">&nbsp;</td>\
     <td align="right" id="resizeBar" style="cursor:nw-resize">\
     <ilayer width="40" onSelectStart="return false" style="cursor:nw-resize">\
     <layer width="40" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false"><div id="resizeLayer" name="resizeLayer" class="content_resize" style="cursor:nw-resize"></div>\
     </layer>\
     </ilayer>\
     </td>\
    </tr>\
   </table>\
  </div>\
  </td>\
 </tr>\
</table>\
</div>\
<div id="noframe" class="content_noframe"></div>\
<div id="fade" class="tint_overlay" onClick="javascript:closeOverlay()"></div>\
<div style="display:none;"><img src="fxloading_animation.gif" width="1" height="1"><img src="fxoverlayresizeicon.png" width="1" height="1"></div>\
';

document.write(divLayers);

isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false;

function ddInit(e){
  topBrwsr=isIE ? "BODY" : "HTML";
  whichBrwsr=isIE ? document.all.light : document.getElementById("light");  
  hotBrwsr=isIE ? event.srcElement : e.target;  
  while (hotBrwsr.id != "titleBar" && hotBrwsr.id != "resizeBar" && hotBrwsr.tagName != topBrwsr){
    hotBrwsr=isIE ? hotBrwsr.parentElement : hotBrwsr.parentNode;
  }  
  if (hotBrwsr.id=="titleBar"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichBrwsr.style.left);
    nowY=parseInt(whichBrwsr.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }

  if (hotBrwsr.id=="resizeBar"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichBrwsr.style.left);
    nowY=parseInt(whichBrwsr.style.top);
    ddEnabled=true;
	document.onmousemove=getdistance //get distance travelled by mouse as it moves
  }

}

function getdistance(e) {
  if (!ddEnabled) return;
	var etarget=document.etarget
	var e=window.event || e
	distancex=e.clientX-nowX
	distancey=e.clientY-nowY
	whichBrwsr.style.width=Math.max(distancex,300); 
	whichBrwsr.style.height=Math.max(distancey,200);
	return false;
}



function dd(e){
  if (!ddEnabled) return;
  whichBrwsr.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichBrwsr.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}

function ddN4(whatBrwsr){
  if (!isN4) return;
  N4=eval(whatBrwsr);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");

function openOverlay(curl,ctitle,w,h,c,l,t,r,type,no_close){ // curl=URL,ctitle=Title,w=width,h=height,c=center,l=left offset,t=top offset,r=resizeable,type=content type(1-iframe,2-div,3-no frame div,no_close = cant be closed)

type = type || 1; // default to iframe if no type indicated
no_close = no_close || 0; // make closeable unless specified

if(no_close == 1){
document.getElementById('overlayCloseLink').innerHTML=noCloseLink;
}else{
document.getElementById('overlayCloseLink').innerHTML=closeLink;
}

if(type == 1){
document.getElementById('maincontentdiv').innerHTML='<iframe id="ciframe" name="ciframe" width="100%" height="100%" src="fxloading.html" frameborder=0 scrolling=no></iframe>';
}
if(type == 2){
document.getElementById('maincontentdiv').innerHTML=document.getElementById(curl).innerHTML;
}
if(type == 3){
document.getElementById('noframe').innerHTML=document.getElementById(curl).innerHTML;
}


 if(r == 1){
 document.getElementById('resizetable').style.display='block';
 }else{
 document.getElementById('resizetable').style.display='none';
 }

var x,y; var sztest1 = document.body.scrollHeight; var sztest2 = document.body.offsetHeight
 if(sztest1 > sztest2){ // all but Explorer Mac
 x = document.body.scrollWidth;  y = document.body.scrollHeight;
 }else{ // Explorer Mac, Explorer 6 Strict, Mozilla and Safari
 x = document.body.clientWidth;  y = document.body.clientHeight;
 }

getviewpoint();
var overlayW = w || 250; var overlayH = h || 250; var overlayL = l || 0; var overlayT = t || 0;

// for centering popup
if(c == 1){
var overlayX = Math.round((x/2) - (overlayW/2)) + overlayL;
var overlayY = Math.round((document.body.clientHeight/2) - (overlayH/2)) + this.scroll_top+parseInt(overlayT) + "px";
}else{
var overlayX = overlayL + "px";
var overlayY = this.scroll_top+parseInt(overlayT) + "px";
}

document.getElementById('no_close').value=no_close;
document.getElementById('fade').style.height=y;
document.getElementById('fade').style.width=x;
document.getElementById('fade').style.display='block';
 if(type < 3){
 document.getElementById('light').style.display='block';
 document.getElementById('light').style.width=overlayW;
 document.getElementById('light').style.height=overlayH;
 document.getElementById('light').style.left=overlayX;
 document.getElementById('light').style.top=overlayY;
 document.getElementById('titleLayer').innerHTML=ctitle;
	if(type == 1){
	document.getElementById('ciframe').src=curl;
	}
 }else{
 document.getElementById('noframe').style.width=overlayW;
 document.getElementById('noframe').style.height=overlayH;
 document.getElementById('noframe').style.left=overlayX;
 document.getElementById('noframe').style.top=overlayY;
 document.getElementById('noframe').style.display='block';
 }
}

function closeOverlay(){
 if(document.getElementById('no_close').value != 1){
 document.getElementById('light').style.display='none';
 document.getElementById('fade').style.display='none';
 document.getElementById('noframe').style.display='none';
 }
}

window.onresize = function () {
 if(document.getElementById("fade").style.display != "none") {
 var x,y; var sztest1 = document.body.scrollHeight; var sztest2 = document.body.offsetHeight;
 if(sztest1 > sztest2){ // all but Explorer Mac
 x = document.body.scrollWidth;  y = document.body.scrollHeight;
 }else{ // Explorer Mac, Explorer 6 Strict, Mozilla and Safari
 x = document.body.clientWidth;  y = document.body.clientHeight;
 }
 document.getElementById('fade').style.height=y;
 document.getElementById('fade').style.width=x;
 }
}


function getviewpoint(){ //get window viewpoint numbers
	var ie=document.all && !window.opera
	var domclientWidth=document.documentElement && parseInt(document.documentElement.clientWidth) || 100000 //Preliminary doc width in non IE browsers
	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	this.scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
	this.scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
	this.docwidth=(ie)? this.standardbody.clientWidth : (/Safari/i.test(navigator.userAgent))? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
	this.docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
}