$(document).ready(function () {
  
    Cufon.replace('h1');
    Cufon.replace('h3');
    Cufon.replace('.cufon');
    Cufon.replace('.title');
    
    //HOVLEV
    $("#royal").hover(
  function () {
      $('.hoverbox', this).stop(true, true).fadeIn('fast', function () {
      });
  },
  function () {
      $('.hoverbox', this).stop(true, true).fadeOut('fast', function () {
      });
  });
    //DROPDOWN
    $("#mainNavigation li").hover(
  function () {
      $('#subSecondNavigation', this).stop(true, true).slideDown('fast', function () {
      });
  },
  function () {
      $('#subSecondNavigation', this).stop(true, true).fadeOut('fast', function () {
      });
  });

    $("#accessoryList li").hover(function () {
        $(this).css({ 'z-index': '10' }); /*Add a higher z-index value so this image stays on top*/
        $(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
          
      .animate({
        width: '290px', /* Set new width */
        height: '290px'
    }, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

    }, function () {
        $(this).css({ 'z-index': '0' }); /* Set z-index back to 0 */
        $(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
    .animate({
        marginTop: '0px', /* Set alignment back to default */
        marginLeft: '0px',
        top: '0%',
        left: '0%',
        width: '280px', /* Set width back to default */
        height: '280px'
    }, 400);
    });


$('#subNavigationScrollRight').click(function() {
  $('#subNavigation').animate({
    left: '-120'
  }, 400, function() {
    $('#subNavigationScrollRight').fadeOut('fast');
    $('#subNavigationScrollLeft').fadeIn('fast');
  });
});
  
$('#subNavigationScrollLeft').click(function() {
  $('#subNavigation').animate({
    left: '0'
  }, 400, function() {
    $('#subNavigationScrollLeft').fadeOut('fast');
    $('#subNavigationScrollRight').fadeIn('fast');
  });
});
  


//Ready END
});





