var huidigeFoto = '-1';
var huidigePositie = 0;
var gestart = false;

var fotoTimeout = null;
var fadeTimeout = null;

var categorie = 1;


var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false

var isPauzed = false;


function gallery_foto_mouse_events( obj, action )
{

      if ( action == "over" )
           obj.className = 'thumbOver';
      else
           obj.className = 'thumbInactief';
}


function start_slideshow( categorie, overnieuw, auto )
{

      if ( !gestart || overnieuw )
      {
             gestart = true;
             if ( overnieuw )
             {
                 huidigePositie = 0;
                 gestart = false;

                 $( 'foto' ).innerHTML = '<span style="position: relative; left: 25%; top: 45%;">De slideshow wordt gestart, een ogenblik geduld..</span>';
             }
				
			 new Ajax(  url + 'site_data/ajaxed/gallery_slideshow.ajax.php?huidige=' + huidigeFoto + '&cat=' + categorie, 
			 {
		       	'method'       : 'get',
		        'onComplete'   : function(ajax)
		        {
					ajax_slideshow_foto(ajax.responseText);
		        }
		     });
      }
      else if ( auto )
      {
            new Ajax( url + 'site_data/ajaxed/gallery_slideshow.ajax.php?huidige=' + huidigeFoto + '&cat=' + categorie, 
			 {
		       	'method'       : 'get',
		        'onComplete'   : function(ajax)
		        {
					ajax_slideshow_foto(ajax.responseText);
		        }
		     });
			
      }

      $( 'gallery_play' ).src = url + 'templates/hondsrugcollege/images/pauze.png';
      $( 'gallery_play_url' ).href = 'javascript:pauze_slideshow()';
}

function pauze_slideshow( )
{
      clearTimeout( fotoTimeout );
      clearTimeout( fadeTimeout );

      $( 'foto_titel' ).innerHTML = $( 'foto_titel' ).innerHTML + ' (gepauzeerd)';

      $( 'gallery_play' ).src = url + 'templates/hondsrugcollege/images/play.png';
      $( 'gallery_play_url' ).href = 'javascript:resume_slideshow()';

      isPauzed = true;
}

function resume_slideshow( )
{
      $( 'gallery_play' ).src = url + 'templates/hondsrugcollege/images/pauze.png';
      $( 'gallery_play_url' ).href = 'javascript:pauze_slideshow()';

      fadeTimeout = setTimeout( 'gallery_fade_out()', 4450 );
      fotoTimeout = setTimeout( 'start_slideshow( ' + categorie +', false, true )', 5000 );

      $( 'foto_titel' ).innerHTML = $( 'foto_titel' ).innerHTML.replace( '(gepauzeerd)', '' );

      isPauzed = false;
}

function set_active_strip( actief )
{
      var strip = document.getElementById( 'strip' );
      var tags = strip.getElementsByTagName( 'div' );

      for( var i = 0; i < tags.length; i++ )
      {
           if ( tags[i].id == actief )
           {
                tags[ i ].className = 'thumb';
           }
           else
           {
               tags[ i ].className = 'thumbInactief';
           }
      }
}


function ajax_slideshow_foto( resultaten )
{
     var res = resultaten.split( '||' );
     huidigeFoto = res[0]; // Update de huidigeFoto variable

     set_active_strip( res[0] );


     if ( res[0] == "ENDED" )
     {
         $( 'gallery_play' ).src = url + 'templates/hondsrugcollege/images/play.png';
         $( 'gallery_play_url' ).href = 'javascript:start_slideshow( \'' + categorie + '\' )';

         $( 'foto' ).innerHTML = '<span style="position: relative; left: 5%; top: 45%;">De slideshow is beëindigd, <a href="javascript:start_slideshow( \'' + res[2] + '\', true )">klik hier om de slideshow opnieuw te starten</a></span>';

         huidigePositie = 1;



         isPauzed = false;

         $( 'foto_titel' ).style.display = 'none';
         gestart = false;
     }
     else
     {
         $( 'strip' ).scrollTop = (90*huidigePositie);

          $( 'full_url' ).href = res[4];

         $( 'foto' ).innerHTML = '<a href="' + res[4] + '" target="new">' + res[1] + '</a>';
         $( 'foto_titel' ).innerHTML = res[3] + ' (' + (huidigePositie + 1) + ' van ' + totaalFotos + ')';
         $( 'foto_titel' ).style.display = 'block';

         opacity( 'actieveFoto', 0, 100, 500 );

         huidigePositie++;

         fadeTimeout = setTimeout( 'gallery_fade_out()', 4450 );
         fotoTimeout = setTimeout( 'start_slideshow( ' + res[2] +', false, true )', 5000 );

         categorie = res[2];
     }
}

function gallery_fade_out( )
{
     opacity( 'actieveFoto', 100, 0, 500 );
}

function fullscreen( foto )
{
     system.ajax.stuurAanvraag( url + 'site_data/ajaxed/gallery_fullscreen.ajax.php?foto=' + foto , { handler : ajax_fullscreen } );


     $( 'foto_window' ).style.display = 'block';
     opacity( 'foto_window', 0, 100, 500 );


     $( 'TB_overlay' ).style.display = 'block';
}

function ajax_fullscreen( res )
{
     if ( fadeTimeout != null )
     {
          if ( !isPauzed )
          {
                clearTimeout( fadeTimeout );
                clearTimeout( fotoTimeout );

                $( 'mededeling' ).style.display = 'block';
          }
     }

     res = res.split( '||' );

     $( 'foto_window' ).style.width = (res[2]) + 'px';
     $( 'foto_window' ).style.height = (res[3]) + 'px';

     $( 'foto_groot' ).style.width = (res[2]) + 'px';
     $( 'foto_groot' ).style.height = (res[3] - 40) + 'px';


     var browserWidth = (document.body.offsetWidth);
     var midden = ( browserWidth / 2 ) - (res[2]/2);


     $( 'foto_window' ).style.left = (midden - 40) + 'px';

     $( 'foto_groot' ).innerHTML = '<img src="' + res[0] + '" alt="" border=0>';
     $( 'foto_titel_groot' ).innerHTML = res[1];
}

function close_fullscreen( )
{
     if ( fadeTimeout != null )
     {
         if ( !isPauzed )
         {
               $( 'mededeling' ).style.display = 'none';

               fadeTimeout = setTimeout( 'gallery_fade_out()', 4450 );
               fotoTimeout = setTimeout( 'start_slideshow( ' + categorie +', false, true )', 5000 );
         }
     }

     opacity( 'foto_window', 100, 0, 500 );
     $( 'TB_overlay' ).style.display = 'none';

     setTimeout( '$( \'foto_window\' ).style.display = \'none\';', 500 );
}

function opacity(id, opacStart, opacEnd, millisec)
{
    var speed = Math.round(millisec / 100);
    var timer = 0;


    if(opacStart > opacEnd)
    {
        for(i = opacStart; i >= opacEnd; i--)
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
    else if(opacStart < opacEnd)
    {
        for(i = opacStart; i <= opacEnd; i++)
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

function changeOpac(opacity, id)
{
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}


function gallery_scroll_to( naar )
{
    $( 'strip' ).scrollTop = naar;
}