$(document).ready(function(){
    lastBlock = $("#a1");
    
    var elementCount = 0;
    $("#marketingBanner ul li").each(function(){
	elementCount = elementCount + 1;
    });
    
    totalMinWidth = elementCount * 30;
    
    maxWidth = 700 - totalMinWidth;
    minWidth = 25;	

    $(".accordContainer").click(
      function(){
	
	$("#marketingBanner .active").removeClass("active");
	$(".accordHeading").hover();
	
        $(lastBlock).animate({
		height: minWidth+"px"},
		{ queue:false, duration:1200 });
	
	
	$(this).animate({
		height: maxWidth+"px"},
		{queue:false, duration:1200});
	
	lastBlock = this;
	
	$(this).children(":first").addClass("active");
	$(this).children(":first").css("background-position", "0px -25px");
      }
    );
    

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

	if(!$(this).hasClass("active")) {
	    $(this).css("background-position", "0px -25px");
	}
        
    }, function(){
	if(!$(this).hasClass("active")) {
	    //$(this).removeClass($(this).attr("id"));
	    $(this).css("background-position", "0px 0px");
	}
	
	
    });
    
    
    $("#accord" + $("#accordianHover").text()).click();

    


});