/* globals */
var selectedPic = null;
var resizeAllowed = true;
var urlresizepath = null;


/* will be called when an image is selected */
function onImageSet(id, aktindex)
{
   var pic = s.getImageById(id);
    
   $('lightboxlink').href = pic.url;
   
   if(selectedPic != null)
   {
      $('previmg' + selectedPic.id).className = $('previmg' + selectedPic.id).className.replace("_sel","");
      $('prevdiv' + selectedPic.id).className = $('prevdiv' + selectedPic.id).className.replace("_sel","");
   }
   
   $('previmg' + id).className = $('previmg' + id).className += "_sel";
   $('prevdiv' + id).className = $('prevdiv' + id).className += "_sel";

   selectedPic = pic;

   $('vollbildicon').setProperty('rel', aktindex);

   var img = $('containerimg');
   img.setProperty('rel', aktindex);
   
   resizeAllowed = true;
   resizeImage();
}

/* sets and resizes the image to optimal width and height */
function resizeImage()
{
    
    if(resizeAllowed == false)
        return;
        

    var imagediv = $('imagediv');
    var img = $('containerimg');
    var previmg = $('previmg' + selectedPic.id);
    
    if(img == null || imagediv == null || previmg == null)
        return;
        
    var horiz = false;
    
    if(previmg.width >= previmg.height)
        horiz = true;
        
    if(horiz == false)
         DivResizer.resizeAll();
         
    var width = imagediv.getSize().x - 10;
    var height = imagediv.getSize().y - 10;

   
    if(selectedPic != null)
        img.src = urlresizepath + "?w=" + (width) + "&h=" + (height) + "&url=" + selectedPic.url;

 
    resizeAllowed = false;
}

function onImageLoaded(img)
{
    var horiz = false;

    img.style.visibility = 'visible';

//    
//    if(img.getSize().y < imagediv.getSize().y)
//        imagediv.style.height = (img.getSize().y + 10) + "px";

     $('vollbildicon').style.left = (imagediv.getFirst().getSize().x - $('vollbildicon').getSize().x + 6) + "px";
     $('vollbildicon').style.top = (imagediv.getFirst().getSize().y + 10) + "px";
}
/* resize image when window gets resized */
function onFotoResize()
{
    resizeAllowed = true;
    resizeImage();
}

/* startet oder stopp diashow */
function toggleShow(divbutton) {
 
    if (divbutton.innerHTML.indexOf('starten') >= 0)
    {
        s.play('s', 5000);
        divbutton.innerHTML = "Diashow stoppen"; 
    }
    else
    {
        s.stop();
       divbutton.innerHTML = "Diashow starten"; 
    }     
}