/* Control Side Nav */
$(function(){
  var def = $('#navbar ul.mainlink').attr('ref');
  $('#navbar ul li.button-nav').css( {backgroundPosition: "0 0"} );
  $('#navbar ul li.button-nav' + '.'+def).css( {backgroundPosition: "-116px 0"} ).find('a').css('color','#252525');

  if(def == 'product') {
    var $sublink =  $('#navbar ul li.product');
    var subdef = $('ul.sublink',$sublink).attr('rel');
    $('#navbar ul').css({height: ($('ul.sublink',$sublink).attr('ref') * 19) + 307 +'px'});
    $($sublink).css( {backgroundPosition: "-116px 0"} );
    $('ul.sublink',$sublink).css({height: ($('ul.sublink',$sublink).attr('ref') * 19)+8}).slideDown(400, 'easeOutBounce');
    $('ul.sublink',$sublink).find('a').css('color','#FFF');
    if(subdef){
      $('ul.sublink li.'+subdef, $sublink).css('backgroundColor','#292929');
    }
    $('#page div.page-inner .page-right-bg').css('background','#292929 url("../images/bg_product.jpg") no-repeat');

  }

  $('#navbar ul li.button-nav').hover(function(){
    if(!$('ul.sublink',this).is(':visible')) {
     $(this).stop().animate(
		 	{backgroundPosition:"-116px 0"},
		 	{duration:400});
	   $('a.link,div.menu', this).css('color','#252525');
    }
  }, function() {
    if(!$(this).hasClass(def)) {
      if(!$('ul.sublink',this).is(':visible')) {
        $('a.link,div.menu', this).css('color','#FFF');
        $(this).stop().animate(
		  	  {backgroundPosition:"0 0"},
		  	  {duration: 0});
		  }
	  }
  });

  $('#navbar ul li.button-nav div.menu').click(function(){
    var $parentlink = $(this).parent();
    if($('ul.sublink',$parentlink).height() != null) {
      if($('ul.sublink',$parentlink).is(':visible')) {
        $('ul.sublink', $parentlink).slideUp(100, function(){
          $('#navbar ul').css({height: 285 +'px'});
        });
      }else {
        $('#navbar ul').css({height: ($('ul.sublink',$parentlink).attr('ref') * 19) + 307 +'px'});
        $($parentlink).css( {backgroundPosition: "-116px 0"} );
        $('ul.sublink',$parentlink).css({height: ($('ul.sublink',$parentlink).attr('ref') * 19)+8}).slideDown(400, 'easeOutBounce');
      }
    }
  });

});