function updateBrowse(project, margin, max) {
	//next
	if (Math.abs(margin) >= max) {
		$(project).find(".next a").addClass("inactive");
	} else {
		$(project).find(".next a").removeClass("inactive");
	}
	//last
	if (margin >= 0) {
		$(project).find(".last a").addClass("inactive");
	} else {
		$(project).find(".last a").removeClass("inactive");
	}
}

function toggleWhite() {
	$("body").animate({backgroundColor: "#fff"}, "normal");
	//update styles
	Cufon.replace('h1', {color: 'black'});
	Cufon.replace('h4', {color: 'black'});	 				
	$("#toggle p").addClass("dark");
	$("#contact li").addClass("dark");
	$(".browse").addClass("dark");
	$("#footer p").addClass("dark");	
}
function toggleBlack() {
	$("body").animate({backgroundColor: "#000"}, "normal");
	//update styles
	Cufon.replace('h1', {color: 'white'});
	Cufon.replace('h4', {color: 'white'});	 				
	$("#toggle p").removeClass("dark");
	$("#contact li").removeClass("dark");
	$(".browse").removeClass("dark");
	$("#footer p").removeClass("dark");	
}

//color toggle
$(document).keypress(function(e) {
	if (e.which == 119) {
		//white
		if ($("body").css("background-color") == "rgb(0, 0, 0)") {
			toggleWhite();
		}
		//black
		if ($("body").css("background-color") == "rgb(255, 255, 255)") {
			toggleBlack();
		}
	}
});

$(document).ready(function() {
	//project browsing
	$('.project').each(function() {
		//init project
		var project = $(this);
		
		//init slides wrapper	 		
		var slides = $(this).find(".slides li");
		var slides_width = slides.length * 1024;
		var slides_margin_max = slides_width - 1024;
		project.find(".wrapper").width(slides_width);
		
		//init browse buttons
		if (slides_width > 1024) {
			var next = project.find(".next a");
			var last = project.find(".last a");
			$(next).click(function() {
				var wrapper = $(project).find(".wrapper");
				var current_margin = parseInt($(wrapper).css("margin-left"));
				if (Math.abs(current_margin) < slides_margin_max) {
					$(project).find(".wrapper").animate({marginLeft: (current_margin - 1024)});	
					updateBrowse(project, (current_margin - 1024), slides_margin_max);
				}			
			});
			$(last).click(function() {
				var wrapper = $(project).find(".wrapper");
				var current_margin = parseInt($(wrapper).css("margin-left"));
				if (Math.abs(current_margin) > 0) {
					$(project).find(".wrapper").animate({marginLeft: (current_margin + 1024)});
					updateBrowse(project, (current_margin + 1024), slides_margin_max);
				}			
			});
		} else {
			$(project).find(".next a").addClass("inactive");
			$(project).find(".last a").addClass("inactive");
		}
	});	
	
	//bg vs time
	var date = new Date();
	var hour = date.getHours();
	if (hour >= 6 && hour <= 19) {
		toggleWhite();
	} else {
		toggleBlack();
	}
	
	//lazy load
	//$("img").lazyload({threshold: 200, placeholder : "/assets/images/lazyload.gif", effect : "fadeIn"});
});