var panel = {

   timer: 10, // seconds
   panelInterval: 0,
   panel_no: 0,
   selected: 0,
   selector: -1,

   init: function() {
      panel.panel_no = $('#homepage_panel div.panel').size();
      panel.priority();
      panel.navigation();
      panel.first();
      panel.initInterval();
   },

   initInterval: function() {
      clearInterval(panel.panelInterval);
      panel.panelInterval = setInterval("panel.switcher()",(panel.timer*1000));
   },

   first: function() {
      $('#panel_nav_container ul li.panel_lnk:eq('+(panel.selector)+')').addClass('active');
      $('#homepage_panel div.panel:eq('+panel.selector+')').fadeIn('slow');
      panel.selected = panel.next();
      panel.selector = panel.next();
   },

   change: function() {
      $('#homepage_panel div.panel:eq('+(panel.selected-1)+')').fadeOut('slow', function() {
         $('#homepage_panel div.panel:eq('+(panel.selector-1)+')').fadeIn('slow');
         $('#panel_nav_container ul li.panel_lnk').removeClass('active');
         $('#panel_nav_container ul li.panel_lnk:eq('+(panel.selector-1)+')').addClass('active');
      });
      panel.selected = panel.selector;
   },

   switcher: function() {
      panel.selector = panel.next();
      panel.change();
   },

   next: function() {
      // alert(panel.panel_no);
      var next = panel.selector+1;
      if (next > panel.panel_no) next = 1;
      return next;
   },

   prev: function() {
      var next = panel.selector-1;
      if (next < 1) next = panel.panel_no;
      return next;
   },

   navigation: function() {
      //$('#panel_nav_container ul').append('<li class="previous"><a href="javascript:void(0);" onclick="panel.link(\'prev\')">&laquo;</a></li>');
      $("#homepage_panel").find("div.panel").each(function(i) {
      	$('#panel_nav_container ul').append('<li class="panel_lnk"><a href="javascript:void(0);" onclick="panel.link('+(i+1)+')">'+(i+1)+'</a></li>');
      });
      $('#panel_nav_container ul').append('<li class="pause"><a href="javascript:void(0);" title=""></a></li>');
      $('#panel_nav_container ul li.pause a').text('Pause').attr("title","Pause").unbind('click').click(function (){
         panel.link('pause');
       });
      // onclick="panel.link(\'pause\')" Pause
   },

   link: function(i) {
      if (i=='prev')
      {
         panel.selector = panel.prev();
      }
      else if (i=='next')
      {
         panel.selector = panel.next();
      }
      else if (i=='pause')
      {
         clearInterval(panel.panelInterval);
         $('#panel_nav_container ul li.pause').addClass('play');
         $('#panel_nav_container ul li.play').removeClass('pause');
         $('#panel_nav_container ul li.play a').text('Play').attr("title","Play").unbind('click').click(function (){
            panel.link('play');
         });
      }
      else if (i=='play')
      {
         panel.switcher();
         panel.initInterval();
         $('#panel_nav_container ul li.play').addClass('pause');
         $('#panel_nav_container ul li.pause').removeClass('play');
         $('#panel_nav_container ul li.pause a').text('Pause').attr("title","Pause").unbind('click').click(function (){
            panel.link('pause');
         });
      }
      else
      {
         clearInterval(panel.panelInterval);
         panel.selector = i;
         panel.change();
         panelInterval = setTimeout("panel.sequence()",30000);
      }
   },

   sequence: function() {
      panel.initInterval();
   },

   priority: function() {
      $("#homepage_panel").find("div.panel").each(function(i) {
         if ( $(this).hasClass('first') )
         {
            panel.selector = i;
         }
      });

      if (panel.selector == -1)
      {
         var rand = Math.floor(Math.random()*panel.panel_no);
         panel.selector = rand;
      }
   }
};