// JavaScript Document


ddaccordion.init({
headerclass: "mytitles", //Shared CSS class name of headers group
contentclass: "thearticle", //Shared CSS class name of contents group
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: true, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "openarticle"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast" //speed of animation: "fast", "normal", or "slow"
})




  		$(document).ready(function(){
 

  $('li.inactive2').hoverIntent(expandit2, resetit2);
  
  function expandit2(){
$(this).stop().animate({ width: "150px",height: "70px"}, "fast" );
  }
  
  function resetit2(){
	 $(this).stop().animate({width: "150px", height: "41px"}, "slow");
  }
  
    $('li.storelist').hoverIntent(expandit3, resetit3);
  
  function expandit3(){
$(this).stop().animate({ width: "458px",height: "153px"}, "fast" );
  }
  
  function resetit3(){
$('li.storelist').stop().animate({ width:"150px",height:"153px"}, "slow" );
  }


  $('li.inactive4').hoverIntent(expandit4, resetit4);
  
  function expandit4(){
$(this).stop().animate({ width: "609px",height: "153px"}, "fast" );
  }
  
  function resetit4(){
	$(this).stop().animate({ width: "150px",height: "40px"}, "slow" );
  }

  $('li.inactive5').hoverIntent(expandit, resetit);
  
  function expandit(){
	  $(this).stop().animate({ width: "780px",height: "153px"}, "fast" );
	 
  }
  
  function resetit(){
	  $(this).stop().animate({ width: "150px",height: "153px"}, "slow" );
  }
  
  
  
  $('li.inactive6').hoverIntent(expandit6, resetit6);
  
  function expandit6(){
	  $(this).stop().animate({ width: "609px",height: "153px"}, "fast" );
  }
  
  function resetit6(){
	  $(this).stop().animate({ width: "153px",height: "37px"}, "slow" );
  }

  		});
		
