/*function animateMargin(){
		$('#button').animate({
		opacity: 0,
		top: '+=50',
		bottom: '+=50',
	  }, 500, function() {
		  
		// Animation complete.
	  });	
	$('#button').animate({
		opacity: 0,
		top: '-=50',
		bottom: '-=50',
	  }, 500, function() {
		// Animation complete.
	  });
}
*/

function imageOneFade(){
  $('#button').fadeTo(500,1, function(){ setTimeout("$('#button').fadeTo(500,0.5); imageTwoFade();",500); });
}

function imageTwoFade(){
  $('#button').fadeTo(500,1, function(){ setTimeout("$('#button').fadeTo(500,0.5); imageOneFade();",500); });
}

/*
function animateMargin(){
		$('#button').fadeOut("slow");
		$('#button').fadeIn("slow");

}*/
/*
function animateStop(){
	$('#button').animate({
    opacity: 1,
    top: '+=0',
    bottom: '+=0',
  }, 10000, function() {
	  
    // Animation complete.
  });	
$('#button').animate({
    opacity: 1,
    top: '-=0',
    bottom: '-=0',
  }, 10000, function() {
    // Animation complete.
  });
}


function animateRe(){
	$('#button').animate({
    opacity: 1,
    top: '+=0',
    bottom: '+=0',
  }, 500, function() {
	  
    // Animation complete.

  });
}

cardh = 0
*/
$(function () {
// OPACITY OF BUTTON SET TO 50%

imageOneFade();
$("#logo").css("opacity","0");
$("#logo1").css("opacity","0");
$("#logo2").css("opacity","0");
$("#logo3").css("opacity","0");
$("#logo4").css("opacity","0");
$("#logo5").css("opacity","0");
$("#logo6").css("opacity","0");
$("#div").css("opacity","1");
($('#div').css('width', '25px')); 		
($('#div').css('height', '180px'));	

/*


*/

/*
$('#button').animate({
    opacity: 1,
    top: '+=50',
    bottom: '+=50',
  }, 500, function() {
	  
    // Animation complete.
  });	
$('#button').animate({
    opacity: 1,
    top: '-=50',
    bottom: '-=50',
  }, 500, function() {
    // Animation complete.
  });*/
// ON MOUSE OVER
$("#div").hover(function () {
	$("#button").css("opacity","1");
	
$("#button").animate({ left: 0 }, 'fast');
	($('#div').css('width', '200px')); 		
	($('#div').css('height', '480px'));
	($('#div').css('margin-top', '35px'));
	($('#button').css('margin-top', '165px'));
	($('#div').css('background-color', 'white'));
	$("#logo").css("opacity","1");
	$("#logo1").css("opacity","1");
	$("#logo2").css("opacity","1");
	$("#logo3").css("opacity","1");
	$("#logo4").css("opacity","1");
	$("#logo5").css("opacity","1");
	$("#logo6").css("opacity","1");
	 ($('#button').stop(true, false)({}));

// SET OPACITY TO 100%
	$(this).stop().animate({
	opacity: 1
	}, "slow");
	},

/*
// ON MOUSE OUT
function () {
($('#div').css('width', '25px')); 		
($('#div').css('height', '480px')); 
($('#div').css('background-color', 'transparent'));
// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 1
}, "slow");
});
});*/
// ON MOUSE OUT
function () {	
$("#button").css("opacity","1");
$(imageOneFade).stop();
($('#div').css('width', '42px')); 		
($('#div').css('height', '180px')); 
($('#div').css('margin-top', '0px'));
($('#button').css('margin-top', '200px'));
($('#div').css('background-color', 'transparent'));
$("#logo").css("opacity","0");
$("#logo1").css("opacity","0");
$("#logo2").css("opacity","0");
$("#logo3").css("opacity","0");
$("#logo4").css("opacity","0");
$("#logo5").css("opacity","0");
$("#logo6").css("opacity","0");
// SET OPACITY BACK TO 50%
$(this).stop().animate({
opacity: 1
}, "fast");
});
});