//adds width and height to divs (ie bug)
$sc = jQuery.noConflict();
window.onload = resizeDivs;
function resizeDivs()
{
  $sc('.button').each(function()
  {     
    $sc(this).width($sc(this).find("img").width());
    $sc(this).height($sc(this).find("img").height()); 
  });
}
$sc(document).ready(function() 
{
  var flashElement = $sc('.overlay').length;
     
	$sc('.button').hover(
		function()
    {
			var currentBtn = $sc(this);
			$sc('.selectedBtn').removeClass('selectedBtn');
			$sc(currentBtn).addClass('selectedBtn');
			
			$sc('#container div img.fade').each(function(){
				$sc(this).stop().animate({opacity:0.3}, 500);
			});   
			
		  if(flashElement)
		  {
  			$sc('#container div img.overlay').each(function(){
  			  $sc(this).stop().show().animate({opacity:0.7}, 500);
  			});
			}
			
			currentBtn.find('img.fade').stop().animate({opacity:1}, 500);
			
			if(flashElement)
			 currentBtn.find('img.overlay').stop().animate({opacity:0}, 500).delay(1,function(){$sc(this).hide().css({'cursor':'pointer'})});
		},
		function()
    {
			$sc(this).find('img.fade').stop().animate({opacity:0.3}, 500);  
			
			if(flashElement)
			 $sc(this).find('img.overlay').stop().animate({opacity:0.7}, 500);
		}
	);
	
	var currentPos;
	
	$sc('#slider').bind("mouseenter", function(e){
		move = true;
	});
	
	$sc('#slider').bind("mouseleave", function(e){
		move = false;
	});
	
	var speed = 15;
	var maxScroll = $sc('#slider').attr('scrollWidth') - 972;
	var currentX;
	var middleWidth = 150;
	var move = false;
	var ease = 1;
	var currentDirection;
	
	$sc('#slider').mousemove(function(e){
		currentX = e.pageX - $sc(this).offset().left;
	});
	
	var timer = setInterval(enterFrame, 1000/30);
	function enterFrame(){
		if(move){
			if(currentX < 972/2 - middleWidth){
				ease = 1;
				currentDirection = "left";
				scrollContainer(-1);
			}
			else if(currentX > 972/2 + middleWidth){
				ease = 1;
				currentDirection = "right";
				scrollContainer(1);
			}
			else{
				if(currentDirection == "left"){
					ease = ease/3;
					scrollContainer(-ease);
				}
				else if (currentDirection == "right"){
					ease = ease/3;
					scrollContainer(ease);
				}
			}
		}
	}
	
	function scrollContainer(direction){
		if($sc('#slider').attr('scrollLeft') < 100 || $sc('#slider').attr('scrollLeft') > (maxScroll - 100)){
			$sc('#slider').attr('scrollLeft', $sc('#slider').attr('scrollLeft') + (direction * speed) * ease );
			
		}
		else{
			$sc('#slider').attr('scrollLeft', $sc('#slider').attr('scrollLeft') + (direction * speed));
		}
	}
	
	function stopContainer(){
		
	}
	
	$sc('#slider').hover(
		function(e){
		
		},
		function(){
			$sc('#container div').each(function(){
				$sc(this).find('img.fade').stop().animate({opacity:1}, 500);
				
				if(flashElement)
				  $sc(this).find('img.overlay').animate({opacity:0}, 500);
			});		
		}
	);

});

$sc.fn.delay = function(time, callback){
    // Empty function:
    jQuery.fx.step.delay = function(){};
    // Return meaningless animation, (will be added to queue)
    return this.animate({delay:1}, time, callback);
};