var $j = jQuery.noConflict();

$j(document).ready(function() {
	
  $j('#nav li').each(function(idx, item) {
	  var child_width=0;
	child = $j(item).find('ul.children');
    $j(child).children().each(function() {
        var ch = $j(this);
        child_width+=ch.width();	
    });
	child_width+=50
	child.css({"width" : child_width , "margin-left" : -(child_width / 2), "left" : "50%", "background" : "none", "display" : "none"});
  });
  
  $j('body.home #nav li:first-child').addClass('current_page_item').find('ul').css('display', 'block')
	
	$j('#slide-menu #slide-container #slide-button').click(function(){
		$j('#slide-menu').stop(true, true).animate({
			left: 0	
		}, { easing: "easeInBack" ,complete: function(){$j('#slide-button').addClass('active')}}, 1500)	
	})
	
	$j('#slide-menu #slide-container #slide-button.active').live("click",function(){
		width = - $j('#slide-menu').width();
		console.log(width)
		$j(this).addClass('active')
		$j('#slide-menu').stop(true, true).animate({
			left: width	
		}, { easing: "easeOutBack",complete: function(){$j('#slide-button').removeClass('active')} }, 1500)	
	})

	
});