$(function() {
	$('.report_abuse').css('opacity', 0.5 );
});


 $(document).ready( function(){ 
	 
	 $('.feature_mask ul').innerfade({ 
		 speed: 'slow', 
		 timeout: 6000, 
		 type: 'random', 
		 containerheight: '185px' 
	 }); 
	 

 }); 
 
 /*
	The script is based on the jQuery plug-in referenced in desktop.master. -dm 010510
	    <script type="text/javascript" src="js/jquery.innerfade.js"></script>
 */
 
 /*
 
 $('ID or class of the element containing the fading objects').innerfade({ 
 animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
 speed: Fadingspeed in milliseconds or keywords (slow, normal or fast)(Default: 'normal'), 
 timeout: Time between the fades in milliseconds (Default: '2000'), 
 type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'), 
 containerheight: Height of the containing element in any css-height-value (Default: 'auto')  
 runningclass: CSS-Class which the container get’s applied (Default: 'innerfade') }); 

 */
  
 $(document).ready(function() {
  var spacing = 176;
  
  $('#home #featured_videos').css({
    'width': spacing * 3,
    'height': '180px',
    'overflow': 'hidden'
  }).find('.video_thumbs a').css({
    'float': 'none',
    'position': 'absolute',
    'left': 1000
  });


  var setUpThumbs = function() {
    var $video_thumbs = $('#home #featured_videos .video_thumbs a');
	$video_thumbs.eq(0).find('.featured_video, .featured_user')
	.css({opacity: 0});
	$video_thumbs.eq(2).find('.featured_video, .featured_user')
	.css({opacity: 0});	
	$video_thumbs.eq($video_thumbs.length - 1)
	.find('.featured_video, .featured_user')
	.css({opacity: 0});
	$video_thumbs.eq(3).find('.featured_video, .featured_user')
	.css({opacity: 0});	
	var $left_arrow_home = $('.home_arrow_left');	
    $left_arrow_home.unbind('click mouseenter mouseleave');	

    // Left image; scroll right (to view images on left).
    $video_thumbs.eq(0)
      .css('left', 0);
      $left_arrow_home.click(function(event) {
        $video_thumbs.eq(0).animate({'left': spacing }, 'normal');
		
		$video_thumbs.eq(0).find('.featured_video, .featured_user')
		.animate({opacity: 1}, 'normal');
		
        $video_thumbs.eq(1).animate({'left': spacing * 2}, 'normal');
		$video_thumbs.eq(1).find('.featured_video, .featured_user')
		.animate({opacity: 0}, 'normal');
		
		//$('.hot_icon').animate({opacity: 0}, 'fast');
		
		
        $video_thumbs.eq(2).animate({'left': spacing * 3}, 'normal');
		
		//$video_thumbs.eq(2).find('.featured_video, .featured_user')
		//.animate({opacity: 0}, 'normal');
		
        $video_thumbs.eq($video_thumbs.length - 1)
          .css('left', -spacing)
          .animate({'left': 0}, 'normal', function() {
            $(this).prependTo('#featured_videos .video_thumbs');
			
		//$('.hot_icon').animate({opacity: 1}, 'fast');			
            setUpThumbs();
          });

        event.preventDefault();
      });

    // Right image; scroll left (to view images on right).
	
	var $right_arrow_home = $('.home_arrow_right');	
    $right_arrow_home.unbind('click mouseenter mouseleave');	
	
    $video_thumbs.eq(2)
      .css('left', spacing * 2);
      $right_arrow_home.click(function(event) {
        $video_thumbs.eq(0)
          .animate({'left': -spacing}, 'normal', function() {
            $(this).appendTo('#featured_videos .video_thumbs');
            setUpThumbs();
          });
        $video_thumbs.eq(1).animate({'left': 0}, 'normal');
		
		//$('.hot_icon').animate({opacity: 0}, 'fast');		
		
		$video_thumbs.eq(1).find('.featured_video, .featured_user')
		.animate({opacity: 0}, 'normal');		
        $video_thumbs.eq(2).animate({'left': spacing}, 'normal');
		$video_thumbs.eq(2).find('.featured_video, .featured_user')
		.animate({opacity: 1}, 'normal');			
        $video_thumbs.eq(3)
          .css('left', spacing * 3)
          .animate({'left': spacing * 2}, 'normal');
		  
		//$('.hot_icon').animate({opacity: 1}, 'fast');			  

        event.preventDefault();
      });     


    // Center image;
    $video_thumbs.eq(1)
      .css('left', spacing);

  };
  setUpThumbs();

  
  $('#public_content #featured_videos').css({
    'width': spacing * 4,
    'height': '160px',
    'overflow': 'hidden'
  }).find('#public_content #featured_videos .video_thumbs a').css({
    'float': 'none',
    'position': 'absolute',
    'left': 1000
  });

  //The next part is for the Detail page rotator -dm 070110
  
  var setUpDetailThumbs = function() {

    var $video_thumbs = $('#public_content #featured_videos .video_thumbs a');
	$video_thumbs.eq(0).find('.detail_video_title')
	.css({'visibility': 'visible'});
	$video_thumbs.eq(1).find('.detail_video_title')
	.css({'visibility': 'visible'});
	$video_thumbs.eq(2).find('.detail_video_title')
	.css({'visibility': 'visible'});
	$video_thumbs.eq(3).find('.detail_video_title')
	.css({'visibility': 'visible'});	
	


    // Left image; scroll right (to view images on left).
	var $left_arrow = $('.mask_image_left');	
    $left_arrow.unbind('click mouseenter mouseleave');	
	
    $video_thumbs.eq(0)
      .css('left', 0);
      $left_arrow.click(function(event) {
        $video_thumbs.eq(0).animate({'left': spacing }, 'normal');

        $video_thumbs.eq(1).animate({'left': spacing * 2}, 'normal');
        $video_thumbs.eq(2).animate({'left': spacing * 3}, 'normal');
        $video_thumbs.eq(3).animate({'left': spacing * 4}, 'normal');		
        $video_thumbs.eq($video_thumbs.length - 1)
          .css('left', -spacing)
          .animate({'left': 0}, 'normal', function() {
            $(this).prependTo('#public_content #featured_videos .video_thumbs');
			
			
            setUpDetailThumbs();
          });

        event.preventDefault();
      });


    // Right image; scroll left (to view images on right).
	var $right_arrow = $('.mask_image_right');	
    $right_arrow.unbind('click mouseenter mouseleave');	
	
    $video_thumbs.eq(3)
      .css('left', spacing * 3);
      $right_arrow.click(function(event) {
        $video_thumbs.eq(0)
          .animate({'left': -spacing}, 'normal', function() {
            $(this).appendTo('#public_content #featured_videos .video_thumbs');
            setUpDetailThumbs();
          });
        $video_thumbs.eq(1).animate({'left': 0}, 'normal');
        $video_thumbs.eq(2).animate({'left': spacing}, 'normal');
        $video_thumbs.eq(3).animate({'left': spacing * 2}, 'normal');
        $video_thumbs.eq(4)
          .css('left', spacing * 4)
          .animate({'left': spacing * 3}, 'normal');
        event.preventDefault();
      });
 
  };
	
  setUpDetailThumbs();

});