$(document).ready(function() {
	
	var bottom =  ('<!--0--><li class="hover"><a href="#"><img src="img/t1.png" /></a></li>');
		bottom += ('<!--1--><li class="hover"><a href="#"><img src="img/t2.png" /></a></li>');
		bottom += ('<!--2--><li class="hover"><a href="#"><img src="img/t3.png" /></a></li>');
		bottom += ('<!--3--><li class="hover"><a href="#"><img src="img/t4.png" /></a></li>');
		bottom += ('<!--4--><li class="hover"><a href="#"><img src="img/t5.png" /></a></li>');
		bottom += ('<!--5--><li class="hover"><a href="#"><img src="img/t6.png" /></a></li>');
		bottom += ('<!--6--><li class="hover"><a href="#"><img src="img/t7.png" /></a></li>');
		bottom += ('<!--7--><li class="hover"><a href="#"><img src="img/t8.png" /></a></li>');
		bottom += ('<!--8--><li class="hover"><a href="#"><img src="img/t9.png" /></a></li>');
		bottom += ('<!--9--><li class="hover"><a href="#"><img src="img/t10.png" /></a></li>');
		bottom += ('<!--10--><li class="hover"><a href="#"><img src="img/t11.png" /></a></li>');
		bottom += ('<!--11--><li class="hover"><a href="#"><img src="img/t12.png" /></a></li>');
		bottom += ('<!--12--><li class="hover"><a href="#"><img src="img/t13.png" /></a></li>');
		bottom += ('<!--13--><li class="hover"><a href="#"><img src="img/t14.png" /></a></li>');
		bottom += ('<!--14--><li class="hover"><a href="#"><img src="img/t15.png" /></a></li>');
		bottom += ('<!--15--><li class="hover"><a href="#"><img src="img/t16.png" /></a></li>');
		bottom += ('<!--16--><li class="hover"><a href="#"><img src="img/t17.png" /></a></li>');
			
	$(bottom).appendTo('#nav');
	
	$('#portfolio li:not(:first)').hide();

	$('ul#nav li:eq(0) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(0)').show();
	});
	$('ul#nav li:eq(1) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(1)').show();
	});
	$('ul#nav li:eq(2) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(2)').show();
	});
	$('ul#nav li:eq(3) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(3)').show();
	});
	$('ul#nav li:eq(4) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(4)').show();
	});
	$('ul#nav li:eq(5) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(5)').show();
	});
	$('ul#nav li:eq(6) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(6)').show();
	});
	$('ul#nav li:eq(7) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(7)').show();
	});
	$('ul#nav li:eq(8) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(8)').show();
	});
	$('ul#nav li:eq(9) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(9)').show();
	});
	$('ul#nav li:eq(10) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(10)').show();
	});
	$('ul#nav li:eq(11) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(11)').show();
	});
	$('ul#nav li:eq(12) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(12)').show();
	});
	$('ul#nav li:eq(13) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(13)').show();
	});
	$('ul#nav li:eq(14) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(14)').show();
	});
	$('ul#nav li:eq(15) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(15)').show();
	});
	$('ul#nav li:eq(16) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(16)').show();
	});
	$('ul#nav li:eq(17) a').click(function() {
		$('#portfolio li').hide();
		$('ul#gallery li:eq(17)').show();
	});
	
	$("li.hover").hover(function() {
		$(this).animate({
			opacity: 0.25
		}, function() {
		$(this).animate({
			opacity: 1
		});
		});
	});
});