var phphtml = "powerful programming.";
var mysqlhtml = "store it.";
var wordpresshtml = "say it in a blog.";
var drupalhtml = "grow a community.";
var magentohtml = "sell it.";
var paypalhtml = "get paid.";
var googlehtml = "get noticed.";
var ckhtml = "keep it updated.";
var jqueryhtml = "shake it.";
var fbhtml = "you are not alone.";
var twitterhtml = "join the conversation.";
var flashhtml = "razzle dazzle.";

$(document).ready(function(){

	$("#billboard").show("explode", { pieces: 24 }, 1500);
	/*
	$("#empower").show("puff", {}, 1000, function(){
			$(this).css({'opacity' : 1, 'font-size' : '32'});
		}
	);
	*/
	

	$("#box1").hover(
		function(){
			$("#box1>.text").html(phphtml);
			$("#box1>.logo").animate({ left: (0 - $("#box1>.logo").width())}, 500 );

		},
		function(){
			$("#box1>.logo").animate({ left: 0}, 500 );
		}
		
	);
	$("#box2").hover(
		function(){
			$("#box2>.text").html(mysqlhtml);
			$("#box2>.logo").animate({ top: (0 - $("#box2>.logo").height())}, 500 );

		},
		function(){
			$("#box2>.logo").animate({ top: 0}, 500 );
		}
		
	);
	$("#box3").hover(
		function(){
			$("#box3>.text").html(wordpresshtml);
			$("#box3>.logo").animate({ left: (0 + $("#box3>.logo").width())}, 500 );

		},
		function(){
			$("#box3>.logo").animate({ left: 0}, 500 );
		}
		
	);
	$("#box4").hover(
		function(){
			$("#box4>.text").html(drupalhtml);
			$("#box4>.logo").animate({ top: (0 + $("#box4>.logo").height())}, 500 );

		},
		function(){
			$("#box4>.logo").animate({ top: 0}, 500, function(){$("#box4>.text").html('');} );
		}
		
	);
	$("#box5").hover(
		function(){
			$("#box5>.text").html(magentohtml);
			$("#box5>.logo").animate({ left: (0 + $("#box5>.logo").width())}, 500, function(){$("#box5>.text").html(magentohtml);} );

		},
		function(){
			$("#box5>.logo").animate({ left: 0}, 500, function(){$("#box5>.text").html('');} );
		}
		
	);
	$("#box6").hover(
		function(){
			$("#box6>.text").html(paypalhtml);
			$("#box6>.logo").animate({ top: (0 - $("#box6>.logo").height())}, 500, function(){$("#box6>.text").html(paypalhtml);} );

		},
		function(){
			$("#box6>.logo").animate({ top: 0}, 500, function(){$("#box6>.text").html('');} );
		}
		
	);
	$("#box7").hover(
		function(){
			$("#box7>.text").html(flashhtml);
			$("#box7>.logo").animate({ top: (0 + $("#box7>.logo").height())}, 500, function(){$("#box7>.text").html(flashhtml);} );

		},
		function(){
			$("#box7>.logo").animate({ top: 0}, 500, function(){$("#box7>.text").html('');} );
		}
		
	);
	$("#box8").hover(
		function(){
			$("#box8>.text").html(twitterhtml);
			$("#box8>.logo").animate({ left: (0 + $("#box8>.logo").width())}, 500, function(){$("#box8>.text").html(twitterhtml);} );

		},
		function(){
			$("#box8>.logo").animate({ left: 0}, 500, function(){$("#box8>.text").html('');} );
		}
		
	);
	$("#box9").hover(
		function(){
			$("#box9>.text").html(fbhtml);
			$("#box9>.logo").animate({ top: (0 - $("#box9>.logo").height())}, 500, function(){$("#box9>.text").html(fbhtml);} );

		},
		function(){
			$("#box9>.logo").animate({ top: 0}, 500, function(){$("#box9>.text").html('');} );
		}
		
	);
	$("#box10").hover(
		function(){
			$("#box10>.text").html(jqueryhtml);
			$("#box10>.logo").animate({ top: (0 + $("#box10>.logo").width())}, 500, function(){$("#box10>.text").html(jqueryhtml);} );

		},
		function(){
			$("#box10>.logo").animate({ top: 0}, 500, function(){$("#box10>.text").html('');} );
		}
		
	);
	$("#box11").hover(
		function(){
			$("#box11>.text").html(ckhtml);
			$("#box11>.logo").animate({ left: (0 - $("#box11>.logo").width())}, 500, function(){$("#box11>.text").html(ckhtml);} );

		},
		function(){
			$("#box11>.logo").animate({ left: 0}, 500, function(){$("#box11>.text").html('');} );
		}
		
	);
	$("#box12").hover(
		function(){
			$("#box12>.text").html(googlehtml);
			$("#box12>.logo").animate({ top: (0 + $("#box12>.logo").width())}, 500, function(){$("#box12>.text").html(googlehtml);} );

		},
		function(){
			$("#box12>.logo").animate({ top: 0}, 500, function(){$("#box12>.text").html('');} );
		}
		
	);

});