/* 
Implement:
---------------------------
Div za prikaz velike slike
<div id="imgcontainer" visible="false"></div>

CSS
#imgcontainer
{
	position:absolute;
	z-index: 1000000;
	margin-left:auto;
	margin-right:auto;
	color: #ffffff;
	padding: 10px;
	
}

slika - url do slike
opis - opis ispod slike
*/

function openLargeImage(slika,opis)
{ 
   var divImg = document.getElementById("imgcontainer");
   divImg.visibility = "visible";
   divImg.style.backgroundColor = "#ffffff";
   divImg.style.borderTop = "3px solid #666666";
   divImg.style.borderLeft = "1px solid #666666";
   divImg.style.borderRight  = "1px solid #666666";
   divImg.style.borderBottom  = "2px solid #666666";
   
   if(navigator.appName == "Netscape" )
   {
       if(window.pageYOffset < 110)
        divImg.style.top = "160px";
       else
        divImg.style.top = window.pageYOffset + 50 + "px";
    }
    
    if(navigator.appName == "Microsoft Internet Explorer" )
   {
       if(document.documentElement.scrollTop < 110)
        divImg.style.top = "160px";
       else
        divImg.style.top = document.documentElement.scrollTop + 50 + "px";
    }
 
   divImg.innerHTML = "<div><img id='velikaslika' src='" + slika + "'/></div>";
   var newURL = window.location.host + slika;
   SetImgDescription(opis);
   divImg.innerHTML += "<div style='width:448px;'><iframe src='http://www.facebook.com/plugins/like.php?href=" + newURL + " scrolling='no' frameborder='0' style='border:none; width:450px; height:80px'><iframe>" + "</div>";
}

function SetImgDescription(description)
{
    var img = new Image();
    img.src = document.getElementById("velikaslika").src;

    var divImg = document.getElementById("imgcontainer");





    divImg.innerHTML += "<div style='text-align:right;' onclick='closeLargeImage()'><img src='images/delete-icon.png'/>";
    
    
    if(img.width == 0 && description.length > 180)
        divImg.innerHTML += "<div style='width:448px;'>" + description + "</div>";
    else
        divImg.innerHTML += "<div style='width:" + img.width + "px;'>" + description + "</div>";

    
}

function closeLargeImage()
{
    var divImg = document.getElementById("imgcontainer");
    divImg.innerHTML = "";
    divImg.style.backgroundColor = "Transparent";
    divImg.style.border = "0px solid #ffffff";
    divImg.visibility = "hidden";
}