$(function() {
		   
	/* transparent ribbon */
	$("#slideshow b").css({opacity:0.9});
	
	/* clickable blocks */
	/*$("#slidemenu li").click(function(){
		window.location=$(this).find("a").attr("href");
	});*/
	$("#menu li").click(function(){
		if($(this).find("a").length) {
			window.location=$(this).find("a").attr("href");
		}
	});
	
	/* projects */
	
	var onMouseOutOpacity = 0.6;
	
	/* thumbnail fx */
	$('.project li').css('opacity', onMouseOutOpacity).hover(function() {
		$(this).not('.s').fadeTo(150, 1);
	},function() {
		$(this).not('.s').fadeTo(150, onMouseOutOpacity);
	});
	$('.project li.s').css('opacity', 1);
	
	/* img load */
	$(".project li img").click(function(){
		if(!$(this).parent().closest(".s").length) {
			var clicked = $(this).attr("src");
			var alt = $(this).attr("alt");
			
			if (clicked.indexOf("1-sm") != -1) {
				clicked = clicked.replace(/\-sm/g, "");
			}
			else {
				clicked = clicked.replace(/\-sm\./g, ".");
			}
			
			var prevLi = $(this).parent().parent().parent().find(".s");
			prevLi.css('opacity', onMouseOutOpacity);
			prevLi.removeClass("s");
			$(this).closest("li").addClass("s");
			
			var img = new Image();
			img.src = clicked;
			img.alt = alt;
			
			var container = $(this).parents('.project').find("p");
			
			function loadNext() {
				container.html(img).css('opacity', 0).fadeTo(150, 1);
			}
			container.find('img').fadeTo(150, 0, loadNext());
			
			/*img.onload = function() {
				$(this).parents('.project').find("p img").append(img).fadeTo(150, 1);
			};*/
		}
	});
	
	/* carousel */
	function carousel() {
		var numImages = 8;
		var cMenuNumber;
		var currentImage = 1;
		var sliding = true;
		
		function start(){ slider = window.setInterval(goSlide, 3000); }
		start();
		
		function goSlide(){
			sliding = true;
			if(cMenuNumber){
				currentImage = cMenuNumber;
				cMenuNumber = false;
			};
			$("#pic" + currentImage).css('z-index', 3);
			$("#pic" + currentImage).fadeOut(400);
			$("#sm" + currentImage).removeClass("s");
			currentImage = (currentImage >= numImages) ? 1 : currentImage + 1;
			$("#pic" + currentImage).css('z-index', 2);
			$("#pic" + currentImage).fadeIn(400);
			$("#sm" + currentImage).addClass("s");
		}
		
		$('#slidemenu li').hover(function() {
			clearInterval(slider);
			
			if(sliding == true){
				$("#pic" + currentImage).css('z-index', 3);
				$("#pic" + currentImage).hide();
				$("#sm" + currentImage).removeClass("s");
				sliding = false;
			} else {
				$("#pic" + cMenuNumber).css('z-index', 3);
				$("#pic" + cMenuNumber).hide();
				$("#sm" + cMenuNumber).removeClass("s");
			}
			cMenuNumber = $(this).parent().children().index(this) + 1;
			
			$("#pic" + cMenuNumber).css('z-index', 2);
			$("#pic" + cMenuNumber).show();
			$("#sm" + cMenuNumber).addClass("s");
			
		}, function() {
			start();
		});
		
	};
	if($("#intro").length) {
		carousel();
	}
	
});