// JScript File

if (typeof document.attachEvent != 'undefined'){
   window.attachEvent('onload', InitPhotoHover);
   document.attachEvent('onmouseover', PhotoHover);
   document.attachEvent('onmouseout', PhotoHoverKill);
} else {
   window.addEventListener('load', InitPhotoHover, false);
   document.addEventListener('mouseover', PhotoHover, false);
   document.addEventListener('mouseout', PhotoHoverKill, false);
}

var oDv, oImg;
var oBg, oAv;
var IsLoaded = false;
var hoverOn = false;

function InitPhotoHover(){
    oDv = document.createElement("div");
    oDv.style.position = "absolute";
    oDv.style.visibility = "hidden";
    oDv.className = "photoHover";
    oDv.Id = "jsPhotoHover";
    oDv.style.zIndex = 1001;
    document.body.appendChild(oDv);
    IsLoaded = true;
}


function PhotoHoverKill(e){
    if(hoverOn && IsLoaded){
        hoverOn = false;
        oDv.style.visibility = 'hidden';
        oDv.innerHTML = "";
        
        if(oBg != null){
            oBg.outerHTML = "";
            oAv.outerHTML = "";
        }
    }
}

function PhotoHover(e){

    if(hoverOn || !IsLoaded) return;
    
	e ? evt = e : evt = event;
	srcElement = evt.target ? evt.target : evt.srcElement;    
    
    if(srcElement.tagName == "IMG"){
		if(srcElement.src.indexOf("fileuploads/photos") != -1 && srcElement.src.indexOf("/stn_") != -1 ){
		    hoverOn = true;
		    
			var ImageUrl = srcElement.src.replace("stn_", "tn_");
	
			linkCoords = createBoundingBox(srcElement);
			
			var sHtml = "<img src=\"" + ImageUrl + "\">";
	        
	        if(srcElement.photousers){
    	        Photousers = srcElement.photousers.split('|');
                
                if(Photousers.length > 0){
                    sHtml += "<br><b>In this photo:</b><br/>";
                    for(i=0; i<Photousers.length;i++){
                        sHtml += Photousers[i] + "<br/> ";
                    }
                }
            }
            
	        oDv.innerHTML = sHtml;
	        					 
			oDv.style.left = linkCoords.l - 5;
			oDv.style.top = linkCoords.t + 34;
	        oDv.style.visibility = 'visible';
        }
    }
    
    
    if(srcElement.tagName == "A"){

        var memberReg = new RegExp("(.*)\/members\/([\-a-zA-Z_0-9]+).aspx", "ig");
        var matches = memberReg.exec(srcElement.href);
        
		if(matches != null){
            if(srcElement.childNodes.length > 0){	    
	            if(srcElement.childNodes.item(0).tagName != "IMG"){
	    	        hoverOn = true;
			        
			        linkCoords = createBoundingBox(srcElement);
        			
    			    var sHtml = "<div><img src=\"/images/hoverbg.gif\"></div><img src=\"/fileuploads/avatars/" + RegExp.$2 + ".jpg\" onerror=\"this.parentElement.style.visibility = 'hidden';\">";

                    oBg = document.createElement("div");
                    oBg.Id = "jsPhotoHover";
                    oBg.className = "photoHoverBG";
                    oBg.style.left = linkCoords.l;
                    oBg.style.top = linkCoords.t - 130;
                    oBg.innerHTML = "<div><img src=\"/images/hoverbg2.gif\"></div>";
                    document.body.appendChild(oBg);
                	
                	oAv = document.createElement("div");
                    oAv.style.position = "absolute";
                    oAv.Id = "jsPhotoHover";
                    oAv.style.zIndex = 1002;
                    oAv.style.left = linkCoords.l + 7;
                    oAv.style.top = linkCoords.t - 123;
                    oAv.innerHTML = "<img src=\"/fileuploads/avatars/" + RegExp.$2 + ".jpg\" onerror=\"PhotoHoverKill(null);\">";
                    document.body.appendChild(oAv);
                	
	            }
	        }
        }
    }
}