

var nr = 6;
var newWindow;
var newWin;

function SlideShow(numb) {
    if (navigator.appName == "Microsoft Internet Explorer"){ // better be ie6 at least
        
        if(numb == 0){
            newWin = window.open("", '', 'fullscreen=yes, scrollbars=auto, resizable=yes')
            newWin.document.write('<HTML><HEAD><BODY BGCOLOR="black" SCROLL=NO><div id="picDiv" align="center"><img id="slideshowPic" /></div></BODY></HTML>');  
        }
       
        var nextImg = new Image();
        nextImg.src = picArraySlideShow[bigPicNr];
        var iw = nextImg.width;
        var ih = nextImg.height;
        var nextImg2 = new Image();
        nextImg2.src = picArraySlideShow[bigPicNr+1];
        if(newWin.document.getElementById("slideshowPic").width != screen.availWidth-100)
        {
            newWin.document.getElementById("slideshowPic").style.display = 'none';
        }
        else if( newWin.document.getElementById("slideshowPic").height != screen.availHeight-100 )
        {
            newWin.document.getElementById("slideshowPic").style.display = 'none';
        }
      
        if(iw >= screen.availWidth-100 || ih >= screen.availHeight-100)
        {
            
            if(ih >= iw)
            {
                var newh = (screen.availHeight-100);
                var percentH = newh/ih;
                newWin.document.getElementById("slideshowPic").height = (screen.availHeight-100)
                newWin.document.getElementById("slideshowPic").width = iw * percentH;
                
            }
            else
            {
                
                var newW = (screen.availWidth-100);
                percentW = newW/iw; 
                newWin.document.getElementById("slideshowPic").width = (screen.availWidth-100)
                newWin.document.getElementById("slideshowPic").height = ih * percentW;
                
                
            }
        }
       
        else{
            newWin.document.getElementById("slideshowPic").height = ih;
            newWin.document.getElementById("slideshowPic").width = iw;
        
        }


    //    newWin.document.getElementById("slideshowPic").style.filter="blendTrans(duration=2)";
    //    newWin.document.getElementById("slideshowPic").style.filter="blendTrans(duration=crossFadeDuration)";
    //    newWin.document.getElementById("slideshowPic").filters.blendTrans(duration=2).Apply();
    //    newWin.document.getElementById("slideshowPic").filters.blendTrans.Play()
        
        newWin.document.getElementById("slideshowPic").src = picArraySlideShow[bigPicNr];
        newWin.document.getElementById("slideshowPic").style.display = 'block';
    }

   else { // if Firefox or other
    if(numb == 0){
        newWindow =  window.open('', '', 'width=' + (screen.width-5) + ',height=' + (screen.height-30) + ', scrollbars=auto, resizable=yes, ');
        newWindow.document.write('<HTML><BODY BGCOLOR="black" SCROLL=NO>Loading...<div id="picDiv" align="center"><img id="slideshowPic" /></div></BODY></HTML>');
        newWindow.document.close();
        
        
    }
    var nextImg = new Image();
    nextImg.src = picArraySlideShow[bigPicNr];
    var iw = nextImg.width;
    var ih = nextImg.height;
    
    
    var screenHeight = screen.availHeight-100;
    var screenWidth = screen.width-100;
   
    if(iw >= screen.availWidth-100 || ih >= screen.availHeight-100)
    {
        
        if(ih >= iw)
        {
            var newh = (screen.availHeight-100);
            var percentH = newh/ih;
            newWindow.document.getElementById("slideshowPic").height = (screen.availHeight-100)
            newWindow.document.getElementById("slideshowPic").width = iw * percentH;
            
        }
        else
        {
            
            var newW = (screen.availWidth-100);
            percentW = newW/iw; 
            newWindow.document.getElementById("slideshowPic").width = (screen.availWidth-100)
            newWindow.document.getElementById("slideshowPic").height = ih * percentW;
            
            
        }
    }
    else{
        newWindow.document.getElementById("slideshowPic").height = ih;
        newWindow.document.getElementById("slideshowPic").width = iw;
    
    }
     
   // newWindow.document.getElementById("slideshowPic").style.opacity = (100 / 100);
    //newWindow.document.getElementById("slideshowPic").style.MozOpacity = (100 / 100);
    //newWindow.document.getElementById("slideshowPic").style.KhtmlOpacity = (100 / 100); 
    newWindow.document.getElementById("slideshowPic").src = picArraySlideShow[bigPicNr];
    newWindow.document.getElementById("slideshowPic").display = 'block';
    }
    bigPicNr++;
    timeDelay=setTimeout("SlideShow(1)",slideShowSec+"000");
    if(bigPicNr == picArraySlideShow.length)
    {
        bigPicNr = 0;
        clearTimeout(timeDelay)
    }
}



//Function for showing a image in big size
function show(imgToShow)
{
document.getElementById("fullViewPicDiv").style.display = 'block';
if(document.getElementById("PicDiv")){
    document.getElementById("PicDiv").style.display = 'none';
}
if(document.getElementById("showNextPrevPage"))
{
    document.getElementById("showNextPrevPage").style.display = 'none'; 
}
//if the imgToShow is not a number, the user has clicked a thumb in the
//search result and imgToShow is the img src
if(isNaN(imgToShow))
{ 
    document.getElementById("fullViewPicId").src = imgToShow;
    
    var picNr = document.getElementById(imgToShow).value;
    if(document.getElementById("shownextPrevImg"))
    {
        document.getElementById("shownextPrevImg").style.display = 'none';
    }
     bigPicNr = picNr; 
}   
else
{   
    document.getElementById("shownextPrevImg").style.display = 'block';
    if(imgToShow == picArray.length - 1)
    {
        document.getElementById("prevImgLink").style.display = 'inline';
        document.getElementById("nextImgLink").style.display = 'none';
    }
    else if(imgToShow == 0)
    {
        document.getElementById("prevImgLink").style.display = 'none';
        document.getElementById("nextImgLink").style.display = 'inline';
    }
    else
    {
        document.getElementById("prevImgLink").style.display = 'inline';
        document.getElementById("nextImgLink").style.display = 'inline';
    }
        
    document.getElementById("fullViewPicId").src = picArrayBig[imgToShow];
    bigPicNr = imgToShow; 

}
showInfoText(); 


}
//Showing metadata
function showInfoText()
{
 if(document.getElementById("topTextDiv"))
{
    var topText = "";
    topText = topText+"<h1>"+picMetaData[bigPicNr][1]+"</h1>"; //Title
    topText = topText+picMetaData[bigPicNr][2]+"<br /><br />"; //Summary
    document.getElementById("topTextDiv").innerHTML = topText;
}
if(document.getElementById("pageTopDiv")){   
    document.getElementById("pageTopDiv").style.display = 'none';
}

var infoText = ""; 
if(picMetaData[bigPicNr][3] != ""){
    infoText = infoText+"<span class='imgTextBold'><EPiServer:Translate runat='server' text='/bvnetwork/pictureGallery/writer'/></span>&nbsp;"+picMetaData[bigPicNr][3]+"<br />"; //writer
}
if(picMetaData[bigPicNr][4] != ""){
    infoText = infoText+"<span class='imgTextBold'><EPiServer:Translate runat='server' text='/bvnetwork/pictureGallery/category'/></span>&nbsp;"+picMetaData[bigPicNr][4]+"<br />"; //category
}
if(picMetaData[bigPicNr][5] != ""){
    infoText = infoText+"<span class='imgTextBold'><EPiServer:Translate runat='server' text='/bvnetwork/pictureGallery/comments'/></span>&nbsp;"+picMetaData[bigPicNr][5]+"<br />"; //comments
}
if(picMetaData[bigPicNr][6] != ""){
    infoText = infoText+"<span class='imgTextBold'><EPiServer:Translate runat='server' text='/bvnetwork/pictureGallery/keywords'/></span>&nbsp;"+picMetaData[bigPicNr][6]+"<br />"; //keywords
}

document.getElementById("imgText").innerHTML = infoText;
}

//do a postback to call a file save dialog
function downloadImg()
{   
var imgName = picMetaData[bigPicNr][0];
__doPostBack('downloadLink',imgName);
var theForm = document.forms['aspnetForm'];
theForm.__EVENTTARGET.value = ""; 

}




//Function for showing next page with thumbs
function showNextPage()
{
var stop = numPics + numPicsOnPage
var _innerHtml = "";
var c = 1;
for(var i=numPics; i<stop; i++)
{
    if(i < picArray.length)
    {
        if(hideTooltip == 1)
        {
            _innerHtml = _innerHtml+"<div class='thumb'><a href='javascript:show("+i+");'><img src="+picArray[i]+" alt='"+picMetaData[i][0]+"'></div></a>";
        }
        else
        {
            _innerHtml = _innerHtml+"<div class='thumb'><a href='javascript:show("+i+");'><img src="+picArray[i]+" title='cssbody=[dvbdy1] cssheader=[dvhdr1] header=["+picMetaData[i][1]+"] body=["+picMetaData[i][2]+"]' alt='"+picMetaData[i][1]+"'></div></a>";
        }
        
        
        if(c == numPicsOnRow){
            _innerHtml = _innerHtml+"<br clear='all'>"; 
            c = 1;
        }
        else
        {
            c++;
        }
        
    }
}
numPics = stop;
if(numPics >= picArray.length)
{
    document.getElementById("nextPageLink").style.display = 'none';
   
}
document.getElementById("PicDiv").innerHTML = _innerHtml;
document.getElementById("prevPageLink").style.display = 'inline';

}

//Function for showing prev page with thumbs
function showPrevPage()
{
var stop = numPics-numPicsOnPage;
numPics = stop-numPicsOnPage
c = 1;
var _innerHtml = "";
for(var i=numPics; i<stop; i++)
{
    if(hideTooltip == 1)
        {
            _innerHtml = _innerHtml+"<div class='thumb'><a href='javascript:show("+i+");'><img src="+picArray[i]+" alt='"+picMetaData[i][0]+"'></div></a>";
        }
        else
        {
            _innerHtml = _innerHtml+"<div class='thumb'><a href='javascript:show("+i+");'><img src="+picArray[i]+" title='cssbody=[dvbdy1] cssheader=[dvhdr1] header=["+picMetaData[i][1]+"] body=["+picMetaData[i][2]+"]' alt='"+picMetaData[i][1]+"'></div></a>";
        }
        
        
        if(c == numPicsOnRow){
            _innerHtml = _innerHtml+"<br clear='all'>"; 
            c = 1;
        }
        else
        {
            c++;
        }
}
numPics = stop;
if(numPics == numPicsOnPage)
{
    document.getElementById("prevPageLink").style.display = 'none';
}
document.getElementById("PicDiv").innerHTML = _innerHtml;
document.getElementById("nextPageLink").style.display = 'inline';

}

//Function for showing a page with thumbs based on a number
function showPage(nr)
{
var start = nr * numPicsOnPage;
var stop = start + numPicsOnPage;
var _innerHtml = "";
var c = 1;
for(var i=start; i<stop; i++)
{
    if(i < picArray.length)
    {
       if(hideTooltip == 1)
        {
            _innerHtml = _innerHtml+"<div class='thumb'><a href='javascript:show("+i+");'><img src="+picArray[i]+" alt='"+picMetaData[i][0]+"'></div></a>";
        }
        else
        {
            _innerHtml = _innerHtml+"<div class='thumb'><a href='javascript:show("+i+");'><img src="+picArray[i]+" title='cssbody=[dvbdy1] cssheader=[dvhdr1] header=["+picMetaData[i][1]+"] body=["+picMetaData[i][2]+"]' alt='"+picMetaData[i][1]+"'></div></a>";
        }
        
        
        if(c == numPicsOnRow){
            _innerHtml = _innerHtml+"<br clear='all'>"; 
            c = 1;
        }
        else
        {
            c++;
        }
    }
}
numPics = stop;
if(numPics >= picArray.length)
{
    document.getElementById("nextPageLink").style.display = 'none';
   
}
else
{
    document.getElementById("nextPageLink").style.display = 'inline';
    }
if(numPics == numPicsOnPage)
{
    document.getElementById("prevPageLink").style.display = 'none';
}
else
{
    document.getElementById("prevPageLink").style.display = 'inline';
}
   
document.getElementById("PicDiv").innerHTML = _innerHtml;

}
//Showing the next img
function showNextPic()
{
bigPicNr++;
 //blendimage("fullViewPicDiv", "fullViewPicId", picArrayBig[bigPicNr], "200");
document.getElementById("fullViewPicId").src = picArrayBig[bigPicNr];
showInfoText();

if(bigPicNr == picArray.length - 1)
{
    document.getElementById("nextImgLink").style.display = 'none';
}
document.getElementById("prevImgLink").style.display ='inline';
}

//Showing prev img
function showPrevPic()
{
bigPicNr--;
document.getElementById("fullViewPicId").src = picArrayBig[bigPicNr];
showInfoText();

if(bigPicNr == 0)
{
    document.getElementById("prevImgLink").style.display = 'none';
}
document.getElementById("nextImgLink").style.display ='inline';

}

//go back to showing thumbs
function showIndex()
{
window.location.reload( false );
document.getElementById("fullViewPicDiv").style.display = 'none';
document.getElementById("PicDiv").style.display = 'block';
document.getElementById("showNextPrevPage").style.display = 'block';

}


