$(document).ready(function() {
 	jQuery.event.add(window, "load", initWindowChange);
	jQuery.event.add(window, "resize", initWindowChange);
	
	$('#beer-left').mouseover(function(){
		 
		 $('#beer-left').animate({
    	 	top: '140px'
		 }, 1000);

	});
	
	$('#beer-left').mouseout(function(){
		 $('#beer-left').animate({
    		top: '116px'
		  }, 2000);

	});	
	
	$('#beer-middle').mouseover(function() {
		$('#beer-middle').animate({
			top: '90px'},1000);
	});
	
	$('#beer-middle').mouseout(function() {
		$('#beer-middle').animate({
			top: '74px'},2000);
	});
	
	$('#beer-right').mouseover(function() {
		$('#beer-right').animate({
			top: '-10px'},1000);
	});
	
	$('#beer-right').mouseout(function() {
		$('#beer-right').animate({
			top: '12px'},2000);
	});		
	
	$('#yoda').mouseover(function(){
		$('#audio').empty();
		$("#audio").append('\<embed id="play01Embed" src="media/yoda.swf" autostart="true" hidden="true"\>\<\/embed\>');
	}); 
	
		
 });
 
 function initWindowChange() {
	var viewportwidth = getWindowWidth();
	
	var containerWidth = $('#outer-wrapper').width();
	var startLeft = (containerWidth - viewportwidth) / 2;

	$('body').scrollTo(startLeft,{axis:'x'});
	
	$('#audio').empty();
}

function getWindowWidth() {
	var viewportwidth = 0;
	if (typeof window.innerWidth != 'undefined')  {
	      viewportwidth = window.innerWidth
 	}
 
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 	else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
       viewportwidth = document.documentElement.clientWidth
	}
 
 	// older versions of IE
 
 	else  {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth
 	}	
	
	return viewportwidth;
}