// JavaScript Document

$(document).ready(function(){
    $('.dropdown .nav').append('<div class="arrow"></div>');
    $('.dropdown .nav').live('mouseover',function(){
        parent_elem = $(this).parents('.dropdown');
        //offset_right = parent_elem.width() - 35;
        offset_top = $(this).height() + $(this).position().top + 32;
        using_menu = $(this).parents('.dropdown').children('.menu');
        using_menu.css({
            'top':offset_top,
            'left':0
        });
        using_menu.fadeIn('fast');
        $(this).children('.arrow').addClass('arrow-hovered');
    });
    $('.dropdown').live('mouseleave',function(){
        $(this).children('.menu').fadeOut('fast');
        $('.arrow-hovered').removeClass('arrow-hovered');
    });
															  
    //Subpage menus
    $('.inner-nav a').hover(function(){
        $(this).clearQueue().animate({
            'margin-left':'20px'
        }, 'fast' );
    }, function(){
        $(this).clearQueue().animate({
            'margin-left':'0px'
        }, 'fast');	 
    });
							
    //Back to top
    $('.product').after('<div class="top">TOP &uarr;</div>');
    $('.product:first').css({
        'margin-top':'26px'
    });
    $('.top').live('click', function(){
        $('html, body').animate({
            scrollTop:0
        }, 1100);
    });
});