// JavaScript Document

// below is for the slideoutbar
$(document).ready(function(){	
	$('#slideOUT').hover(function(){
		$(this).stop().animate({'left':-20},'slow');
	},function(){
		$(this).stop().animate({'left':-230},'slow');
	});
	
	setTimeout(function(){$('#slideOUT').animate({'left':-230},'slow');},50);

});




// fade in
$(function() {

// OPACITY OF BUTTON SET TO 50%

$(".fadeinout").css("opacity","0.0");

// ON MOUSE OVER

$(".fadeinout").hover(function () {

// SET OPACITY TO 100%

$(this).stop().animate({
opacity: 1.0
}, 900);
},

// ON MOUSE OUT

function () {

// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 0.0
}, 1000);
});
});