var cnt=1;
var speed = 500
var int
$(function(){
    
    if($('#homeContainer').length != 0)
        int = setInterval("scrollRight()",8000);
    
    cnt = parseInt($('#cnt').attr('class'))
     $('.thumbHolder').mouseover(function() {
      $(this).find('.thumbHolderOverlay').show()
    });
    
    $('.thumbHolder').mouseout(function() {
      $(this).find('.thumbHolderOverlay').hide()
    });
    
    $('.leftArrow').click(function(){
         if($('#homeContainer').length != 0){
                clearInterval ( int );
                int = setInterval("scrollRight()",8000);
            }
        
      if(cnt>1){
          //$('#img'+cnt).hide()
          //$('#description'+cnt).hide()
          $('#description'+cnt).fadeTo(speed, 0,function(){$(this).hide()})
          //$('#img'+cnt).fadeTo(500, 0)
          $('#img'+cnt).show()
          $('#img'+cnt).animate({left: '+=800'}, speed);
          
          $('#elementsHolder #'+$('#img'+cnt).attr('class')).removeClass('selected')
          cnt-- 
          //$('#img'+cnt).show()
          //$('#description'+cnt).show() 
          $('#description'+cnt).fadeTo(speed, 1)
          //$('#img'+cnt).fadeTo(500, 1)
          $('#img'+cnt).show()
          $('#img'+cnt).css('left','-800px')
          $('#img'+cnt).animate({left: '+=800'}, speed);
          $('#elementsHolder #'+$('#img'+cnt).attr('class')).addClass('selected')
      }else{
          cnt=1
          /*$('#img'+cnt).hide()
          $('#description'+cnt).hide()*/
          $('#description'+cnt).fadeTo(speed, 0,function(){$(this).hide()})
         // $('#img'+cnt).fadeTo(500, 0)
          $('#img'+cnt).show()
          $('#img'+cnt).animate({left: '+=800'}, speed);
          $('#elementsHolder #'+$('#img'+cnt).attr('class')).removeClass('selected')
          cnt = $('.imgs').length          
          /*$('#img'+cnt).show()
          $('#description'+cnt).show() */
          $('#description'+cnt).fadeTo(speed, 1)
          //$('#img'+cnt).fadeTo(500, 1)
          $('#img'+cnt).show()
          $('#img'+cnt).css('left','-800px')
          $('#img'+cnt).animate({left: '+=800'}, speed);
          $('#elementsHolder #'+$('#img'+cnt).attr('class')).addClass('selected')
      }
      
      
      if(cnt>1){
        //$('.rightArrow').show()
      }
      
      if(cnt==1){
        //$(this).hide()
      }
      
      return false;
        
    })
    
    $('.rightArrow').click(function(){
      scrollRight();      
      return false;
        
    })
    
    
    $('.imgs').click(function(){
      if($('#homeContainer').length != 0)
        return;
      
      scrollRight();
      return false;
        
    })
})


function scrollRight(){
    if($('#homeContainer').length != 0){
        clearInterval ( int );
        int = setInterval("scrollRight()",8000);
    }    
    
 if(cnt<$('.imgs').length){
    
     $('#description'+cnt).fadeTo(speed, 0,function(){$(this).hide()})
      //$('#img'+cnt).fadeTo(500, 0)
      $('#img'+cnt).show()
      $('#img'+cnt).animate({left: '-=800'}, speed);
      $('#elementsHolder #'+$('#img'+cnt).attr('class')).removeClass('selected')
      cnt++ 
       /*$('#img'+cnt).show() 
      $('#description'+cnt).show()*/
      $('#description'+cnt).fadeTo(speed, 1)
      //$('#img'+cnt).fadeTo(500, 1)
      $('#img'+cnt).show()
      $('#img'+cnt).css('left','800px')
      $('#img'+cnt).animate({left: '-=800'}, speed);
      $('#elementsHolder #'+$('#img'+cnt).attr('class')).addClass('selected')
  }else{
     /* $('#img'+cnt).hide()
      $('#description'+cnt).hide()*/
      $('#description'+cnt).fadeTo(speed, 0,function(){$(this).hide()})
      //$('#img'+cnt).fadeTo(500, 0)
      $('#img'+cnt).show()
      $('#img'+cnt).animate({left: '-=800'}, speed);
      $('#elementsHolder #'+$('#img'+cnt).attr('class')).removeClass('selected')
      cnt=1          
     /* $('#img'+cnt).show()
      $('#description'+cnt).show() */
      $('#description'+cnt).fadeTo(speed, 1)
      //$('#img'+cnt).fadeTo(500, 1)
      $('#img'+cnt).show()
      $('#img'+cnt).css('left','800px')
      $('#img'+cnt).animate({left: '-=800'}, speed);
      $('#elementsHolder #'+$('#img'+cnt).attr('class')).addClass('selected')
  }
  
  if(cnt==$('.imgs').length){
    //$('.rightArrow').hide()
  }
  
  if(cnt>1){
    //$('.leftArrow').show()
  }
  
  if($('.leftArrow').css('display','none')){
    $('.leftArrow').show()
  }
  
  return false;
    
}