$(document).ready(function(){	
	//Gallery
	$('#gallery')
		.after('<div id="gallery-nav" />') 
		.cycle({ 
			fx: 'fade',
			pager: '#gallery-nav' 
		});
	
	//Arrows
	$('#navigation')
		.before('<div id="nav-arrows"><ul><li class="nav-home"></li><li class="nav-about"></li><li class="nav-listings"></li><li class="nav-construction"></li><li class="nav-marketing"></li><li class="nav-contact"></li></ul></div>');
	$('#navigation ul li')
		.hover(
		function(){
			var index = $('#navigation ul li').index( this ) + 1;
			$('#nav-arrows ul li:nth-child('+index+')').html('<div style="height: 7px; position: relative;"><img src="img/arrow.jpg" style="position: absolute; left: 40%; top:0" /></div>');
			$('#nav-arrows ul li:not(:nth-child('+index+'))').empty();
		},
		function(){
			$('#nav-arrows ul li').empty();
		}
	);
});