			
			jQuery(function($){
				jQuery.noConflict();
	
	
				$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
			
				$("#topnav li").each(function() { //For each list item...
					var linkText = $(this).find("a").html(); //Find the text inside of the <a> tag
					$(this).find("span").show().html(linkText); //Add the text in the <span> tag
				}); 
			
				$("#topnav li").hover(function() {	//On hover...
					$(this).find("span").stop().animate({
						marginTop: "-40" //Find the <span> tag and move it up 40 pixels
					}, 190);
				} , function() { //On hover out...
					$(this).find("span").stop().animate({
						marginTop: "0"  //Move the <span> back to its original state (0px)
					}, 280);
				});	
				
						




$('#nav-list-example li div.back').hide().css('left', 0);
    
    function mySideChange(front) {
        if (front) {
            $(this).parent().find('div.front').show();
            $(this).parent().find('div.back').hide();
            
        } else {
            $(this).parent().find('div.front').hide();
            $(this).parent().find('div.back').show();
        }
    }
    
    $('#nav-list-example li').hover(
        function () {
            $(this).find('div').stop().rotate3Di('flip', 250, {direction: 'clockwise', sideChange: mySideChange});
        },
        function () {
            $(this).find('div').stop().rotate3Di('unflip', 500, {sideChange: mySideChange});
        }
    );



		    });
		    

