/******** Image Enlarge 2.2 
**	
**	Change Log
**	5-16-2005 Added Fix for scroll bug in IE with DocType set uses Canvas
*********/
//Set properties for images
var IG_blankGif = '/images/common/null.gif';
var IG_closeFile = '/images/common/closeX.gif';
var IG_top = 30;
var IG_left = 90;
var IG_cSize = 15;
var IG_width;
var IG_height;
var IG_centerImage = false;

// Determine browser.
var  IG_DOM = (document.getElementById) ? true : false;
var  IG_NS4 = (document.layers) ? true : false;
var  IG_IE = (document.all) ? true : false;
var  IG_IE4 = IG_IE && !IG_DOM;
var  IG_Mac = (navigator.appVersion.indexOf("Mac") != -1);
var  IG_IE4M = IG_IE4 && IG_Mac;
var  IG_NS6 = (navigator.vendor == ("Netscape6") || navigator.product == ("Gecko"));
var  IG_Opera = (navigator.userAgent.indexOf("Opera")!=-1);
var  IG_Konqueror = (navigator.userAgent.indexOf("Konqueror")!=-1);
 
var  isDHTML = !IG_Opera && !IG_IE4M && (IG_DOM || IG_NS4 || IG_IE4 || IG_Konqueror);
var  IG_open = false;
var  IG_Canvas = null;
var  IG_IECSS = (IG_IE && document.compatMode) ? document.compatMode == "CSS1Compat" : false;

if(IG_DOM){if(IG_IE || IG_Konqueror) IG_Canvas = IG_IECSS ? document.documentElement : document.body;}

var IG_currentX = 0;
var IG_currentY = 0;
var IG_activeEl = null;
var IG_whichEl = null;



function IG_findLayer(name, doc) {
  var i, layer;
  for (i = 0; i < doc.layers.length; i++) {
    layer = doc.layers[i];
    if (layer.name == name)
      return layer;
    if (layer.document.layers.length > 0) {
      layer = IG_findLayer(name, layer.document);
      if (layer != null)
        return layer;
    }
  }
  return null;
}
function IG_findCenter(TheEl) {
	var MinimumPixelLeft = 0;
	//var TheEl = IG_DOM ? document.getElementById(el) : window[el];
	var TheElWidth = IG_DOM ? parseInt(TheEl.style.width) : IG_IE4 ? TheEl.style.pixelWidth : TheEl.clip.width;
	var TheWindowWidth = IG_IE ? (IG_DOM ? IG_Canvas.clientWidth : document.body.clientWidth) : window.innerWidth;

	//alert("window width: "+TheWindowWidth+"\nelement width: "+TheElWidth);
	return Math.max(parseInt((TheWindowWidth-TheElWidth) / 2),MinimumPixelLeft);
}

function IG_getLayer(name) {
  if (IG_DOM){
    return document.getElementById(name);}
  if (IG_NS4){
    return IG_findLayer(name, document);}
  if (IG_IE4){
    return document.all[name];}

  return null;
}

function IG_beginLayer(objBase,strName,z,vis,l,t,w,h,extra,ieStyleExtra){	
	if (h==null) h=0;  
	if (w==null) w='100%';  
	if (w==0) w=1;  
	if (t==null) t=0;  
	if (l==null) l=0;  
	(vis==false)? vis= (IG_DOM||IG_IE)? "hidden" : "hide" : vis= (IG_DOM||IG_IE)? "visible" : "show";
	if (vis==null) vis= (IG_DOM||IG_IE)? "hidden" : "hide";  
	if (z==null) z=10; 
	if (extra==null) extra='';   
	if (ieStyleExtra==null) ieStyleExtra='';   

	if (IG_IE||IG_DOM){
		document.write('<DIV ID="'+strName+'" STYLE="position:absolute; overflow:none; left:'+l+'px; top:'+t+'px; width:'+w+'px; height:'+h+'px; visibility:'+vis+'; z-index:'+z+';');
		if (ieStyleExtra.length > 0){
			document.write(' '+ieStyleExtra);
		}
		document.writeln('" '+extra+'>');
	}
	if (IG_NS4){
		objBase.document.writeln('<LAYER NAME="'+strName+'" left="'+l+'" top="'+t+'" width="'+w+'" height="'+h+'" visibility="'+vis+'" z-index="'+z+'" '+extra+'>'); 
	}
}
function IG_endLayer(objBase){ 
	if (IG_IE||IG_DOM) {document.writeln('</DIV>');}
	if (IG_NS4) {objBase.document.writeln('</LAYER>');} 
}
function IG_writeLayer(objBase,strName,z,vis,l,t,w,h,extra,ieStyleExtra){
	IG_beginLayer(objBase,strName,z,vis,l,t,w,h,extra,ieStyleExtra);
	IG_endLayer(objBase);
}
function IG_setLayerContent(layer, strText) {		
	if (IG_NS4){
		layer.document.open();
		layer.document.write(strText);
		layer.document.close();
	}
	else if (IG_IE||IG_DOM){
		layer.innerHTML = strText;
	}
}
function IG_getPageScrollY() {
  if (IG_NS4||(IG_DOM&&!IG_IE))
    return(window.pageYOffset);
  if (IG_IE)
    return(IG_Canvas.scrollTop);
  return(-1);
}
function IG_moveLayerTo(layer, x, y) {

  if (IG_NS4)
    layer.moveTo(x, y);
  if (IG_IE) {
    layer.style.pixelLeft = x;
    layer.style.pixelTop  = y;
  }
  if (IG_DOM) {
    layer.style.left = x + 'px'
	layer.style.top  = y + 'px'
  }
}
function IG_setLayerVis(layer, bVis) {
  if (IG_NS4)
    layer.visibility = (bVis)? "show" : "hide";
  if (IG_IE4||IG_DOM)
    layer.style.visibility = (bVis)? "visible" : "hidden";
}

function IG_setLayerResize(layer, nWidth, nHeight) {
	if (IG_IE){
		layer.style.width = nWidth;
		layer.style.height = nHeight;
		return;
	} 
	if (IG_DOM){
		layer.style.width = nWidth + 'px'
		layer.style.height= nHeight + 'px'
		return;
	}
	if (IG_NS4){
		layer.resizeTo(nWidth, nHeight);
		return;
	} 
}
//Image enlarge functions

function HideBigPic()
{
	if (isDHTML){
	var objLayer = IG_getLayer("DRAGbigPicDiv");
	IG_setLayerVis(objLayer, false);
	IG_open = false;
	}
}
function displayFull(fileName, w, h, imageTitle)
{
	if (isDHTML){
	if (imageTitle==null)imageTitle = "Click Image to Close"
	var objLayer = IG_getLayer("DRAGbigPicDiv");

	var top = IG_getPageScrollY();
	
	top = (top<IG_top)? IG_top : top;

	
	
	//var colWidth = w-15;
	
	var IG_table = IG_createTable(imageTitle, IG_closeFile, IG_cSize, fileName, w, h);
	
	
	IG_setLayerResize(objLayer, IG_width, IG_height);
	
	var left = (IG_centerImage)?  IG_findCenter(objLayer)-146 : IG_left;
	
	IG_moveLayerTo(objLayer, left, top);
	
	//var new_table = '<table cellspacing="0" cellpadding="0" border="0"><tr><td bgcolor="#666666"><font face="Verdana, Arial" size="1" color="White"><nobr>&nbsp;'+imageTitle+'</nobr></font></td><td align="right" bgcolor="#666666" width='+  colWidth +'><font face="Verdana, Arial" size="1" color="White">Close&nbsp;</font></td><td align="right" bgcolor="#666666" width="15"><A href="#" onClick="HideBigPic(); return !isDHTML"><img src="' + closeFile + '" width=15 height=15 border=0  Name="closeimage"></a></td></tr><tr><td colspan="3"><A href="#" onClick="HideBigPic(); return !isDHTML"><img src="' + fileName + '" width=' + w + ' height=' + h + ' border=0  Name="bigimage"></a></td></tr></table>';
	IG_setLayerContent(objLayer, IG_table);
	IG_setLayerVis(objLayer, true);
	IG_open = true;

	}
}
function IG_createTable(title,cFile,cSize,iFile,iW,iH){
	var n_table;
	IG_width = iW;
	IG_height = iH+15; //image height + text line on top
	var colWidth = iW - cSize - 45; //width of 'close' text
	n_table = '<table cellspacing="0" cellpadding="0" border="0" class="ImageE"><tr><td class="IEHeaderTitle">&nbsp;'+title+'</td><td class="IEHeaderClose">Close&nbsp;</td><td class="IEHeaderCloseButton"><A href="javascript:;" onClick="HideBigPic(); return !isDHTML"><img src="'+cFile+'" width="'+cSize+'" height="'+cSize+'" border=0  Name="closeimage"></a></td></tr><tr><td colspan="3" class="IEImage"><A href="javascript:;" onClick="HideBigPic(); return !isDHTML"><img src="' + iFile + '" width=' + iW + ' height=' + iH + ' border=0  Name="bigimage"></a></td></tr></table>';
	return n_table;
}

//drag drop
//need to update for Gecko based browsers

    
    function IG_grabEl(e) {
		var mouseX, mouseY, e;
	if(IG_NS6){
		if(IG_open){HideBigPic();return false;}
	}
	if(IG_IE) e = event;

        if (IG_IE) {
            IG_whichEl = e.srcElement;
			//if(whichEl.name&&whichEl.name.indexOf("image")>=0){return}
			if(IG_whichEl.name && IG_whichEl.name.indexOf("bigimage")>=0 && e.button > 1){
					//disable right click on this image
					alert(" Copyright Protected");
				return false;
			
			}
            while (IG_whichEl.id.indexOf("DRAG") == -1) {
					if(IG_whichEl.name&&IG_whichEl.name.indexOf("image")>=0){
					//disable right click on this image
					  //if(event.button > 1){return false}
					  return
					}
                  IG_whichEl = IG_whichEl.parentElement;
                  if (IG_whichEl == null) { return }
            }
        }
        else {
            mouseX = e.pageX;
            mouseY = e.pageY;
    		//alert(e.which);
			var tempLayer;
            for ( i=0; i<document.layers.length; i++ ) {
            tempLayer = document.layers[i];
                if ( tempLayer.id.indexOf("DRAG") == -1 ) { continue }
                if ( (mouseX > tempLayer.left) && (mouseX < (tempLayer.left + tempLayer.clip.width)) && (mouseY > tempLayer.top) && (mouseY < (tempLayer.top + tempLayer.clip.height)) ) {
				//disable right click
				
					if(e.which > 1){alert(" Copyright Protected");return false;}
                    IG_whichEl = tempLayer;
                }
            } 
    
            if (IG_whichEl == null) { return}
        }
        if (IG_whichEl != IG_activeEl) {
			if(IG_activeEl != null){
              if (IG_IE) { IG_whichEl.style.zIndex = IG_activeEl.style.zIndex + 1 }
              else { IG_whichEl.moveAbove(IG_activeEl) };
			}
                IG_activeEl = IG_whichEl;
        }
    
        if (IG_IE) {
            IG_whichEl.style.pixelLeft = IG_whichEl.offsetLeft;
            IG_whichEl.style.pixelTop = IG_whichEl.offsetTop;
    
            IG_currentX = (e.clientX + document.body.scrollLeft);
            IG_currentY = (e.clientY + document.body.scrollTop); 
    
        }
        else {
            IG_currentX = e.pageX;
            IG_currentY = e.pageY;
    
            document.captureEvents(Event.MOUSEMOVE);
            document.onmousemove = IG_moveEl;
        }
    }
    
    function IG_moveEl(e) {
		var newX, newY, distanceX, distanceY;
        if (IG_whichEl == null) { return };
    
        if (IG_IE) {
            newX = (event.clientX + document.body.scrollLeft);
            newY = (event.clientY + document.body.scrollTop);
        }
        else {
            newX = e.pageX;
            newY = e.pageY;
        }

        distanceX = (newX - IG_currentX);
        distanceY = (newY - IG_currentY);
        IG_currentX = newX;
        IG_currentY = newY;
    
        if (IG_IE) {
            IG_whichEl.style.pixelLeft += distanceX;
            IG_whichEl.style.pixelTop += distanceY;
            event.returnValue = false;
        }
        else { IG_whichEl.moveBy(distanceX,distanceY) }
    }
    
    function IG_checkEl() {
        if (IG_whichEl!=null) { return false }
    }
    
    function IG_dropEl() {
        if (IG_NS4) { document.releaseEvents(Event.MOUSEMOVE) }

        IG_whichEl = null;
    }
    
    function IG_cursEl() {
		var tempEl;
	        tempEl = event.srcElement;
			
            while (tempEl.id.indexOf("DRAG") == -1) {
			if(tempEl.name&&tempEl.name.indexOf("image")>=0){return}
                tempEl = tempEl.parentElement;
                if (tempEl == null) { return }
            }
            event.srcElement.style.cursor = "move"
    }
    
    if (isDHTML) {
        if (IG_NS4) {
            document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
        }
        else {
            document.onmousemove = IG_moveEl;
            document.onselectstart = IG_checkEl;
            document.onmouseover = IG_cursEl;
        }
    
        document.onmousedown = IG_grabEl;
        document.onmouseup = IG_dropEl;
    }
if(isDHTML) {
IG_writeLayer(window,'DRAGbigPicDiv',10,false,10,10,64,64,'bgcolor="Black"');
}

