$(document).ready(function () {

// creative button
    $('#creative_btn').mouseover(function () {	
		$('#newBar').slideToggle('fast');
		$("#newBar").html("<div id='test' style='display:none;'><h1>Design</h1><p>is about</p><h1>Creativity.</h1></div>");
		$("#test").fadeIn(500);		
    });
	
    $('#creative_btn').mouseout(function () {
		$('#newBar').slideToggle(100);
		$("#newBar").html("");
    });
	
// marketing button
    $('#marketing_btn').mouseover(function () {	
		$('#newBar').slideToggle('fast');
		$("#newBar").html("<div id='test' style='display:none;'><h1>Traditional</h1><p>and for the</p><h1>Digital</h1><p>space</p></div>");
		$("#test").fadeIn(500);
    });
	
    $('#marketing_btn').mouseout(function () {
		$('#newBar').slideToggle(100);
		$("#newBar").html("");
    });
	
// branding button
    $('#branding_btn').mouseover(function () {	
		$('#newBar').slideToggle('fast');
		$("#newBar").html("<div id='test' style='display:none;'><h1>Visual</h1><p>personality in the </p><h1>Media</h1><p>landscape</p></div>");
		$("#test").fadeIn(500);
    });
	
    $('#branding_btn').mouseout(function () {
		$('#newBar').slideToggle(100);
		$("#newBar").html("");
    });	
	
	
// style button
    $('#style_btn').mouseover(function () {	
		$('#newBar').slideToggle('fast');
		$("#newBar").html("<div id='test' style='display:none;'><h1>Look - Style - Feel </h1></div>");
		$("#test").fadeIn(500);
		
    });
	
    $('#style_btn').mouseout(function () {
		$('#newBar').slideToggle(100);
		$("#newBar").html("");
    });
	
// packaging button
    $('#packaging_btn').mouseover(function () {	
		$('#newBar').slideToggle('fast');
		$("#newBar").html("<div id='test' style='display:none;'><h1>How</h1><p>to create the</p><h1>Next</h1><p>one?</p></div>");
		$("#test").fadeIn(500);
    });
	
    $('#packaging_btn').mouseout(function () {
		$('#newBar').slideToggle(100);
		$("#newBar").html("");
    });
	
// ad button
    $('#ad_btn').mouseover(function () {	
		$('#newBar').slideToggle('fast');
		$("#newBar").html("<div id='test' style='display:none;'><h1>Ahead</h1><p>of the</p><h1>Marketplace</h1></div>");
		$("#test").fadeIn(500);
    });
	
    $('#ad_btn').mouseout(function () {
		$('#newBar').slideToggle(100);
		$("#newBar").html("");
    });
	
	
	
// interactive button
    $('#interactive_btn').mouseover(function () {	
		$('#newBar').slideToggle('fast');
		$("#newBar").html("<div id='test' style='display:none;'><h1>Form</h1><p>follows</p><h1>Function.</h1></div>");
		$("#test").fadeIn(500);
    });
	
    $('#interactive_btn').mouseout(function () {
		$('#newBar').slideToggle(100);
		$("#newBar").html("");
    });
	

});