$(document).ready(function(){
  
  	$("ul.topnav li a").hover(function() { //When trigger is clicked...
  		
  		//Following events are applied to the subnav itself (moving subnav up and down)
  		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
  
  		$(this).parent().hover(function() {
  		}, function(){	
  			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
  		});
  
  		//Following events are applied to the trigger (Hover events for the trigger)
  		}).hover(function() { 
  			$(this).addClass("subhover"); //On hover over, add class "subhover"
  		}, function(){	//On Hover Out
  			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
  	});
  
  });



function Nav () {		
	
	
			document.write('<li>');
				document.write('<a>Portraits</a>');
				document.write('<ul class="subnav">');
					document.write('<li><a href="Portraits-Editorial.html">Editorial</a></li>');
					document.write('<li><a href="Portraits-SortieScene.html">Sorties de scène</a></li>');
					document.write('<li><a href="Portraits-TBWA.html">TBWA</a></li>');
				document.write('</ul>');
			document.write('</li>');
			
			document.write('<li>');
				document.write('<a>Work</a>');
				document.write('<ul class="subnav">');
					document.write('<li><a href="Work-Ferrari.html">Ferrari</a></li>');					
					document.write('<li><a href="Work-Roissy.html">Roissy, midi pile</a></li>');
					document.write('<li><a href="Work-SocieteGenerale.html">Société Générale</a></li>');
					document.write('<li><a href="Work-Chantiers.html">Chantiers</a></li>');
				document.write('</ul>');
			document.write('</li>');
			
			document.write('<li>');
				document.write('<a>Séries</a>');
				document.write('<ul class="subnav">');
					document.write('<li><a href="Series-JaneLaNuit.html">Jane, la nuit tombe</a></li>');
					document.write('<li><a href="Series-Amazonie.html">Amazonie hors la loi</a></li>');
					document.write('<li><a href="Series-Gigantes.html">Gigantes do Norte</a></li>');
					document.write('<li><a href="Series-Bope.html">Bope : les anges noirs de Rio</a></li>');
					document.write('<li><a href="Series-Dos.html">Dos</a></li>');
					document.write('<li><a href="Series-BeatA.html">Beat Assailant : 12 mois, 12 vues</a></li>');
					
				document.write('</ul>');
			document.write('</li>');
			
	    document.write('<li><a href="Bio.html">Bio</a></li>');
	    document.write('<li><a href="Contact.html">Contact</a></li>');

	
	}