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

});

$.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);
};