function getBrowserHeight() {
    var intH = 0;
    var intW = 0;

    if(typeof window.innerWidth  == 'number' ) {
    intH = window.innerHeight;
    intW = window.innerWidth;
    } 
    else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
    intH = document.documentElement.clientHeight;
    intW = document.documentElement.clientWidth;
    }
    else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
    intH = document.body.clientHeight;
    intW = document.body.clientWidth;
   }

    return { width: parseInt(intW), height: parseInt(intH) };
}  
function setLayerPosition(h,w) {
    var shadow = document.getElementById("shadow");
    var question = document.getElementById("question");

    var bws = getBrowserHeight();
    shadow.style.width = bws.width + "px";
    shadow.style.height = bws.height + "px";
   
   //alert( bws.width + "px - " + w ) ;
   //alert( bws.height + "px - " + h ) ;
   if (bws.width > w && bws.height > h)
   {
   question.style.left = parseInt((bws.width - w) / 2);
   question.style.top = parseInt((bws.height - h) / 2);
   }
   else
   {
        question.style.left = 150;
        question.style.top = 100;
   }
   
  
    
//    if(h <= 50)
//    {
//     question.style.left = 
//     question.style.top = 
//    }
//    else if ( h > 50 && h <= 400)
//    {
//    }
//    else
//    {
//    
//    }
//    
    
    shadow = null;
    question = null;
 }
 var intervalID;
 var myImage;
 var strTT; 
 var noImage = false;
 var ctr = 0;
function ShowBigImage(strPath, strToolTip) {    
    ShowLoading();   
    DisableScreen();    
    strTT = strToolTip;    
    myImage = new Image();
    myImage.onerror=ShowNoImage;
    myImage.height = 0;
    myImage.width=0;
    myImage.src = strPath;
    intervalID =  setInterval(CheckImage,50);
}

function DisableScreen()
{
    var shadow = document.getElementById("shadow");
    var question = document.getElementById("question");
    shadow.style.display = "block"; 
    question.style.display = "block";    
    shadow = null;
    question = null; 
}

function CheckImage()
{   
if(myImage.height == 0 && myImage.width == 0 && ctr < 5)
    {       
      ctr++;
      //alert("counter added: " + ctr + " h=" + myImage.height + " w="  + myImage.width );
    }
    else
    {       
        window.clearInterval(intervalID);
        setImage();      
        ctr=0;       
    }    
}
function ShowNoImage()
{
    window.clearInterval(intervalID);
    document.getElementById('BigImage').style.display="none";
    document.getElementById('noimage').style.display="block";
    document.getElementById('noimage').style.height="30px";
    document.getElementById('question').style.height="85px";
    document.getElementById('divbox').style.height="40px";
    
    document.getElementById('noimage').style.width="100px";
    document.getElementById('question').style.width="150px";
    document.getElementById('divbox').style.width="110px";
    document.getElementById('closebutton').style.display="block";
    document.getElementById('messagebox').style.display="none";
    ctr=0;
}
function ShowLoading()
{
    document.getElementById('BigImage').style.display ="none";    
    document.getElementById('BigImage').src = "";
    document.getElementById('BigImage').src ="/images/facebooktrans.gif";    
    
    document.getElementById('noimage').style.display="none";
    document.getElementById('closebutton').style.display="none";
    document.getElementById('messagebox').style.display="none";   
    
    document.getElementById('BigImage').title = "loading...";    
    document.getElementById('divtooltip').style.display="none";
    document.getElementById('question').style.height = '50px';  
    document.getElementById('question').style.display="block";  
    document.getElementById('question').style.width = '125px';    
    document.getElementById("divbox").style.height = '10px';  
    document.getElementById("divbox").style.width = '80px';
    document.getElementById("divbox").style.display="block";
    document.getElementById('BigImage').style.display="block";
    setLayerPosition(225,400);    
}
function setImage()
{
//    
//    if(myImage.height == 0 && myImage.width == 0)
//    {                
//    // document.getElementById('BigImage').style.display="none";   
//     //document.getElementById('noimage').style.display="block";                    
//     ShowNoImage();
//    }
//    else
//    {
    myImage.height = "300";
    myImage.width = "300";
    
        document.getElementById('closebutton').style.display="block";
        document.getElementById('messagebox').style.display="block";
        document.getElementById('BigImage').style.display="block";
        document.getElementById('BigImage').src = myImage.src;
        document.getElementById('BigImage').style.display="block";   
        document.getElementById('noimage').style.display="none";     
        document.getElementById('BigImage').title = strTT;     
        document.getElementById('divtooltip').innerHTML = '<div class="hrulefull" style="margin-top:10px;margin-bottom:10px;"></div>' + strTT;
        document.getElementById('divtooltip').style.display="block";
        document.getElementById('question').style.height = myImage.height + 100 + 'px';  
        document.getElementById('question').style.width = myImage.width + 45 + 'px';    
        document.getElementById("divbox").style.height = myImage.height + 45 + 'px';  
        document.getElementById("divbox").style.width = myImage.width + 5 + 'px';
//    }
    setLayerPosition(myImage.width + 45, myImage.height + 55);
    myImage = null;
}          
function hideLayer() {
    var shadow = document.getElementById("shadow");
    var question = document.getElementById("question");

    shadow.style.display = "none"; 
    question.style.display = "none";

    shadow = null;
    question = null; 
}

//window.onresize = setLayerPosition;
function ChangeImg(t)
{
t.src = "/images/cross.png";
}