$(document).ready(function ()
	{ 
	var timer; 
	var _menPos = $('div#menu').position();
 	var _menLeft = _menPos.left;
 	var _intPos = $('.topNav li a.active').position();
 	var _intWidth = $('.topNav li a.active').width();
	startparentclass = $('.topNav li a.active').parent().attr('class');
	$('li#sep').addClass(startparentclass);
 	if (_intPos !=  undefined)
 	{ 
 		var _intLeft =  _intPos.left+ $('.topNav li a.active').width();
 		$('.topNav li#sep').css({'left':(_intPos.left)+'px','width':$('.topNav li a.active').parent().width()+'px'})
 	}  
}); 
 
$('.topNav li a').hover(function()
{
	var offset=$(this).position();
	//$('li#sep').css({'width':$(this).parent().width()+'px'}); 
 	//var _intPos = $('.topNav li a.active').position();
 	$('.topNav li#sep').stop().animate({left:offset.left+"px",width:$(this).parent().width()+"px"},400);
 	//$('.topNav li a.active').css({'background':'none'}); 
	parentclass = $(this).parent().attr('class'); 
 
	$('li#sep').removeClass(); 
	$('li#sep').addClass(parentclass);
	clearTimeout(timer);
},
 
function()
{
	var _intPos = $('.topNav li a.active').position();
 	if  (_intPos == undefined)
 	{ 
 		$('.topNav li#sep').stop().hide(); 
 		return; 
 	}  
 	var _intLeft =  _intPos.left;  
 	var _intWidth = $('.topNav li a.active').parent().width();
  
	timer = setTimeout(function(){
		$('li#sep').removeClass();  
		$('li#sep').addClass(startparentclass);
	},20);  

	$('.topNav li#sep').stop().animate({left:_intLeft+"px",width:_intWidth+"px"},{queue:false, duration: 700, easing: 'easeOutQuad'}); 
});

$('.puff').hover(function () {
	$(this).addClass('hover');

}, function () {
	$(this).removeClass('hover');
});
$('.bigpuff').hover(function () {
	$(this).addClass('hover');

}, function () {
	$(this).removeClass('hover');
});
$('.rightpuff').hover(function () {
	var pHeight = $(this).find('.rightpuffinner').height();	
	pHeight = pHeight - 11;
	$(this).addClass('hover');
	$(this).find('.rightpuffover').height(pHeight)
}, function () {
	$(this).removeClass('hover');
});