/* mouseover */

var activelayer;
ua = navigator.userAgent.toString().toLowerCase();
var currentimageheight = 0;
    
function showHoverLayer(id,src,title,owner,description,s,m,x,v,f)
{
    
    var hoverlayer = document.getElementById("hoverlayer");
    if (hoverlayer)
    {
        activelayer = hoverlayer;
        document.onmousemove=followmouse;
        
        var hoverImage = document.getElementById("hoverImage");
        hoverImage.src = src;
        var hoverheadertext = document.getElementById("hoverheadertext");
        hoverheadertext.innerHTML = title;  
        var imageid = document.getElementById("imageid");
        imageid.innerHTML = "a"+id;  
        var hoverheaderowner = document.getElementById("hoverheaderowner");
        hoverheaderowner.innerHTML = owner;  
        
        
        var hoverdescription = document.getElementById("hoverdescription");
        hoverdescription.innerHTML = description;  
        /*
        var sizeS = document.getElementById("sizeS");
        if (s=="True") sizeS.style.visibility="visible";   
        else sizeS.style.visibility="hidden";   
        
        var sizeM = document.getElementById("sizeM");
        if (m=="True") sizeM.style.visibility="visible";   
        else sizeM.style.visibility="hidden";   

        var sizeX = document.getElementById("sizeX");
        if (x=="True") sizeX.style.visibility="visible";   
        else sizeX.style.visibility="hidden";   

        var sizeV = document.getElementById("sizeV");
        if (v=="True") sizeV.style.visibility="visible";   
        else sizeV.style.visibility="hidden";   

        var sizeF = document.getElementById("sizeF");
        if (f=="True") sizeF.style.visibility="visible";   
        else sizeF.style.visibility="hidden";   
              
        */
        
        
        hoverlayer.style.visibility="visible";   
        hoverlayer.style.display = "block"; 
        
        setTimeout("Javascript:setHoverLayerWidth()",100);
    }     
}
function setHoverLayerWidth()
{
    var hoverlayer = document.getElementById("hoverlayer");
    if (hoverlayer)
    {
        var images = hoverlayer.getElementsByTagName("img");
        //sett korrekt bredde på layeren utfra bildet
        for (i = 0 ; i < images.length ; i++) {
            var image= images[i];
            if (image.src.indexOf(".jpg")!=-1) {
                if (image.complete)
                {
                    var width = image.width;
                    if (parseInt(width) < 50) 
                    {
                        width = 340;
                        //setTimeout("Javascript:showHover(" + id + ")",100);
                    }
                    hoverlayer.style.width = (width+2) + "px";
                    
                    //layer.style.height = (image.height + 60) + "px";
                    currentimageheight = image.height;
                }
                else 
                {
                    //wait a tick, then try again
                    setTimeout("Javascript:setHoverLayerWidth()",100);
                }
            }
        }
    }
}
function hideHoverLayer(id)
{
    var hoverlayer = document.getElementById("hoverlayer");
    if (hoverlayer)
    {
        var imageid = document.getElementById("imageid");
        var activeid = "a"+id;
        if (activeid==imageid.innerHTML)
        {
            var hoverImage = document.getElementById("hoverImage");
            hoverImage.src = "images/pixel.gif";    
            hoverlayer.style.visibility="hidden";
            hoverlayer.style.display="none";
        }
    }
}

function showHover(id) {
    var layer = document.getElementById("hoverLayer"+id);
    var images = layer.getElementsByTagName("img");
    
    activelayer = layer;
    layer.style.display = "block";
    document.onmousemove=followmouse;
    
    //sett korrekt bredde på layeren utfra bildet
    for (i = 0 ; i < images.length ; i++) {
        var image= images[i];
        if (image.src.indexOf("-xs.jpg")!=-1) {
            var width = image.width;
            if (parseInt(width) < 50) 
            {
                width = 340;
                //setTimeout("Javascript:showHover(" + id + ")",100);
            }
            layer.style.width = (width+2) + "px";
            //layer.style.height = (image.height + 60) + "px";
            currentimageheight = image.height;
        }
    }
    
}
function truebody(){
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function hideHover(id) {
    if (ua.indexOf('opera')!=-1 || ua.indexOf('firefox')!=-1) { 
        var layer = document.getElementById("hoverLayer"+id);
        layer.style.display = "none";
    } else {
        //Fikse forsinkelse i IE
        var layers = document.getElementsByTagName("div");
        for (i = 0 ; i < layers.length ; i++) {
            var layer = layers[i];
            if (layer.id.indexOf("overLayer")!=-1) {
                layer.style.display = "none";
            }
        }
    }
}
function followmouse(e){
    var xcoord=25;
    var ycoord=10;

    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
    var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

    if (typeof e != "undefined"){
        if (docwidth - e.pageX < 380){
	        xcoord = e.pageX - xcoord - 400; // Move to the left side of the cursor
        } else {
	        xcoord += e.pageX;
        }
        if (docheight - e.pageY < (currentimageheight + 140)){
	        ycoord += e.pageY - Math.max(0,(140 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
        } else {
	        ycoord += e.pageY;
        }

    } else if (typeof window.event != "undefined"){
        if (docwidth - event.clientX < 380){
	        xcoord = event.clientX + truebody().scrollLeft - xcoord - 400; // Move to the left side of the cursor
        } else {
	        xcoord += truebody().scrollLeft+event.clientX
        }
        if (docheight - event.clientY < (currentimageheight + 140)){
	        ycoord += event.clientY + truebody().scrollTop - Math.max(0,(140 + currentimageheight + event.clientY - docheight));
        } else {
	        ycoord += truebody().scrollTop + event.clientY;
        }
    }

    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
    var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
        if(ycoord < 0) { ycoord = ycoord*-1; }
    activelayer.style.left=xcoord+"px"
    activelayer.style.top=ycoord+"px"
    
}



function preloadImages() {
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}


var finishedLoadingImages = false;

function doOnload()
{
    preloadImages();
}

function clickOn(callerid,id) {
    //alert("finishedLoadingImages:" + finishedLoadingImages);
    if (finishedLoadingImages) 
    {
        var element = document.getElementById(id);
        eval(element.href);
    }
    else 
    {
        var caller = document.getElementById(callerid);
        if (caller) {
            caller.style.display = "block";
        }        
        setTimeout("Javascript:clickOn('" + callerid + "','" + id + "')",1000);
    }
}