var curr=0;
	var count=0;
	$("#content ul.project-dot-menu li a").live("click", function(){
		if($(this).hasClass("prev"))
			(--curr==-1) ? curr=count-1 : "";
		else
			(++curr==count) ? curr=0 : "";
		var contentItem = $("#content .project-item:eq(" + curr + ")");
		var menuItem = contentItem.attr("title")[4];

		contentItem.addClass("item-on").siblings().removeClass("item-on");
		$("#body-wrp ul.project-menu li:nth-child(" + menuItem + ")").addClass("on").siblings().removeClass("on");
		
		$("#counter span").html(curr+1);

		return false;
	});

	$("#body-wrp ul.project-menu li a").live("click", function(){
		var parent = $(this).parent();
		var index = parent.parent().children().index(parent);
		var contentItem = $("#content div.project-item[title='menu" + (index+1) + "']:first");
		var contentIndex = contentItem.parent().children().index(contentItem);
		
		parent.addClass("on").siblings().removeClass("on");
		contentItem.addClass("item-on").siblings().removeClass("item-on");
		
		curr=contentIndex;
		$("#counter span").html(curr+1);
		
		return false;
	});

function createDots(){
	count = $("#content div.project-item").length;
	var dots = $("<ul><li><a href='#' class='prev'>&nbsp;</a></li><li id='counter'><span>1</span> of " + count + "<li><a href='#' class='next'>&nbsp;</a></li></ul");
	dots.addClass("project-dot-menu");
/*
	$("#content div.project-item").each(function(i){
		var li = $('<li><a href="#">&nbsp;</a></li>');
		if(i==0) li.addClass("on");
		dots.append(li);
		count++;
	});
*/
	$("#content").append(dots);
}