/**
 * Side Search Manager
 * 
 */
var slider = {
        
  locked:   	false,
  count:   		0,
	items:   		0,
	current: 		0,
   
  
  init: function ()
  {  
    slider.custom();
    
		slider.current=0;
    slider.items =  $$('.item');
    slider.count =  slider.items.length;
    if( slider.count)
    {
      $('items').setStyle( {width:(960*(slider.count+4))+'px' });
      var loopLeft  = slider.items[0].innerHTML;
      var loopRight = slider.items[slider.count-1].innerHTML;
        
      $('items').innerHTML = '<div class="item">'+loopRight+'</div>'+$('items').innerHTML+'<div class="item">'+loopLeft+'</div>';
      $('items').setStyle( {left:'-980px'} );
    
      slider.updateButtons();
		
      if( $('clicker') )
      {
        if( BrowserDetect.browser=='Explorer') $('clicker').innerHTML = '<img src="/images/spacer.gif" width="960" height="440" />';
        Event.observe( 'clicker', 'click', slider.jumpNext, false );
      }
    }
    else
    {
      if( $('slider') )
      {
        $('slider').remove();
      }
    }
    if( $('website') )
    {
      $('website').setStyle({ display:'none' });
    }

    if( $('cpa_showreel_holding') )
    {
      $('cpa_showreel_holding').setStyle({ display:'none' });
    }
  },
  
  
  
  updateButtons: function()
  {        
    if( slider.count )
    {      
      var html = '<img src="/images/left.gif" alt="" title="" id="imgPrev" />';
      for( x=0; x<slider.count; x++ ) 
      {
        html += '<img src="/images/img_'+(x==0?'on':'off')+'.gif" id="img'+x+'" alt="'+x+'" title="" class="imgJump" />';
      }
      html += '<img src="/images/right.gif" alt="" title="" id="imgNext" />';
      
      $('slider').insert( html, {position: 'content'} );

      Event.observe( 'imgNext', 'click', slider.nextClick,     false );
      Event.observe( 'imgPrev', 'click', slider.previousClick, false );
      
      var imgJumpers = $$('.imgJump');
      for( x=0; x<imgJumpers.length; x++ )
      {
        Event.observe( imgJumpers[x], 'click',     slider.jumpClick, false );
        Event.observe( imgJumpers[x], 'mouseover', slider.jumpOver,  false );
        Event.observe( imgJumpers[x], 'mouseout',  slider.jumpOut,   false );
      }
    }
  },
  
  
  
  nextClick: function ()
  {
    if( !slider.locked )
    {
      slider.lock();
      
      // Turn off the current jump image
      if( $('img'+slider.current) ) $('img'+slider.current).src = '/images/img_off.gif';

      new Effect.Move( $('items'), { x: -980, mode: 'relative', duration:0.5, afterFinish:slider.updateNext });
      
      // HACK tidy this up!
      if( $('cpa_showreel_holding') )
      {
        $('cpa_showreel_holding').setStyle({ display:'none' } );
        $('cpa_showreel_holding').innerHTML = '<div id="cpa_showreel_btn"></div>';
        $('cpa_showreel_bg').setStyle({ backgroundPosition:'0 0' } );
      }
      
      setTimeout( slider.reset, 550 ); 
    }   
  },
	
	
	
	previousClick: function ()
	{
		if( !slider.locked )
		{
			slider.lock();

      // Turn off the current jump image
      if( $('img'+slider.current) ) $('img'+slider.current).src = '/images/img_off.gif';
        
			new Effect.Move( $('items'), { x: 980, mode: 'relative', duration:0.5, afterFinish:slider.updatePrevious });
      
      // HACK tidy this up!
      if( $('cpa_showreel_holding') )
      {
        $('cpa_showreel_holding').setStyle({ display:'none' } );
        $('cpa_showreel_holding').innerHTML = '<div id="cpa_showreel_btn"></div>';
        $('cpa_showreel_bg').setStyle({ backgroundPosition:'0 0' } );
      }
      
      setTimeout( slider.reset, 550 );
		}		
	},
  
  
  
  jumpNext: function (event)
  {
    if( !slider.locked )
    {
      slider.lock();
      
      if( $('img'+slider.current) ) $('img'+slider.current).src = '/images/img_off.gif';      
      new Effect.Move( $('items'), { x: -980, mode: 'relative', duration:0.5, afterFinish:slider.updateNext });
      
      // HACK tidy this up!
      if( $('cpa_showreel_holding') )
      {
        $('cpa_showreel_holding').setStyle({ display:'none' } );
        $('cpa_showreel_holding').innerHTML = '<div id="cpa_showreel_btn"></div>';
        $('cpa_showreel_bg').setStyle({ backgroundPosition:'0 0' } );
      }
      
      setTimeout( slider.reset, 550 );
    }
  },
  
  
  
  jumpClick: function(event)
  {
    var element = $(Event.element(event));
    
    if( !slider.locked )
    {
      slider.lock();      
      
      if( slider.current!=element.alt )
      {
        var move = slider.current-element.alt;
        new Effect.Move( $('items'), { x: move*980, mode: 'relative', duration:( 0.5*(move>0?move:-move) ) });
        
        // HACK tidy this up!
        if( $('cpa_showreel_holding') )
        {
          $('cpa_showreel_holding').setStyle({ display:'none' } );
          $('cpa_showreel_holding').innerHTML = '<div id="cpa_showreel_btn"></div>';
          $('cpa_showreel_bg').setStyle({ backgroundPosition:'0 0' } );
        }
        
        if( $('img'+slider.current) ) $('img'+slider.current).src = '/images/img_off.gif';        
        slider.current = element.alt;
        if( $('img'+slider.current) ) $('img'+slider.current).src = '/images/img_on.gif'; 

        setTimeout( slider.reset, 550*(move>0?move:-move) );
      }
    }
  },
  
  
  
  jumpOver: function(event)
  {
    if( !slider.locked )
    {
      var element = $(Event.element(event));    
      element.src="/images/img_on.gif";
    }
  },
  
  
  
  jumpOut: function(event)
  {
    if( !slider.locked )
    {
      var element = $(Event.element(event));

      if( slider.current!=element.alt )
      {
        element.src="/images/img_off.gif";
      }
    }
  },
  
  
  
  updatePrevious: function()
  {
    slider.current=parseInt(slider.current)-1;
    if( $('img'+slider.current) ) $('img'+slider.current).src = '/images/img_on.gif';
  },
  
  
  
  updateNext: function()
  {
    slider.current=parseInt(slider.current)+1;
    if( $('img'+slider.current) ) $('img'+slider.current).src = '/images/img_on.gif';
  },
  
  
  
  
  reset: function()
  {    
    
	  if( slider.current == slider.count )
	  {
	    $('items').setStyle( {left:-980+'px'} );
      $('img0').src = '/images/img_on.gif'; 
      slider.current=0;
    }

    if( slider.current == -1 )
    {
      var last = slider.count-1;
      var pos = -980*slider.count;
      $('items').setStyle( {left:pos+'px'} );
      $('img'+last).src = '/images/img_on.gif'; 
      slider.current=last;
    }

    $('clicker').setStyle({ zIndex:90 });
    slider.custom();
	  slider.unlock();
  },
  
  
  lock: function()
  {
    slider.locked = true;
  },
  
  
  unlock: function()
  {
    slider.locked = false;
  },
  
  
  
  /**
   *  CUSTOM FUNCTIONS
   */
  
  custom: function()
  {
    var menuName = menu.getSelected();
    if( $('website') ) $('website').setStyle({ display:'none' });

    if( menuName=='argent_kings_cross' )
    {
      if( slider.current==4)
      {
        $('website').setStyle({ display:'block' });
      }
    }
    
    if( menuName=='bliss_catering' )
    {
      if( slider.current==3)
      {
        $('website').setStyle({ display:'block' });
      }
    }

    if( menuName=='circle_square' )
    {
      if( slider.current==4)
      {
        $('website').setStyle({ display:'block' });
      }
    }
    
    if( menuName=='dan_mcnally' )
    {
      if( slider.current==4)
      {
        $('website').setStyle({ display:'block' });
      }
    }

    if( menuName=='design_clarity' )
    {
      if( slider.current==4)
      {
        $('website').setStyle({ display:'block' });
      }
    }

    if( menuName=='waterman' )
    {
      if( slider.current==2)
      {
        $('website').setStyle({ display:'block' });
      }
    }

    if( menuName=='wese' )
    {
      if( slider.current==4)
      {
        $('website').setStyle({ display:'block' });
      }
    }

    if( menuName=='innovation_growth' )
    {
      if( slider.current==5)
      {
        $('website').setStyle({ display:'block' });
      }
    }
        
    if( menuName=='cpa_global' )
    {
      if( $('cpa_showreel_holding') )
      {
        $('cpa_showreel_holding').setStyle({ width:'476px', height:'268px', top:'-451px', left:'484px', position:'relative', zIndex:'100' } );
        
        if( BrowserDetect.browser=='Explorer' && BrowserDetect.version==7 )
        {
          $('cpa_showreel_holding').setStyle({ top:'-891px' });
        }
        else if( BrowserDetect.browser=='Explorer' && BrowserDetect.version==6 )
        {
          $('cpa_showreel_holding').setStyle({ top:'-900px' });
        }
        
        if( slider.current == 0 )
        {
          swfobject.embedSWF('/flash/portfolio/cpa_global/logo.swf', "cpa_logo", "640", "440", "10.0.0");
        }
        if( slider.current == 1 )
        {
          $('cpa_showreel_holding').setStyle({ display:'block' } );
          Event.observe('cpa_showreel_holding', 'click', slider.custom_cpaShowreel, false);
        }
        else
        {
          $('cpa_showreel_holding').setStyle({ display:'none' } );
        }
      }
    }
    
  },
  
  
  
  custom_cpaShowreel: function(event)
  {
    event.stop();
    if( $('cpa_showreel_holding') ) 
    {
      var flashvars = false;
      var params = { play: "true" }
      var attributes = { id: "swf_showreel", name: "swf_showreel" };
      
      swfobject.embedSWF('/flash/portfolio/cpa_global/video.swf', "cpa_showreel_btn", "476", "268", "10.0.2", flashvars, params, attributes);
      $('cpa_showreel_bg').setStyle({ backgroundPosition:'0 -440px' } );
    }
  }
}
  
Event.observe(window, 'load', slider.init, false);
//document.observe("dom:loaded", slider.init );