$(document).ready(function() {

	if(document.domain == "localhost") {
		var domain = $("base").attr('href');
	} else {
		var domain = document.domain;
	}
	
	$(".draw_board").aDrawBoard({submitAction:"http://" + domain + "/overlays/create_drawing"}).bind("image_saved", function(){
		addToggleClicks();
	});
	
	$(".overlay_toggle, .overlay").hide();
	
	addToggleClicks();
	
	$("#scribble_control").click(function(){
		$(this).toggleClass('inactive');
		$(".overlay_toggle").toggleClass('invisible');
		$(".overlay, .overlay").toggle();
		return false;
	});
	
	$(".content .image").mouseenter(function(){
		$(this).find(".overlay_toggle").show();
	}).mouseleave(function(){
		$(this).find(".overlay_toggle").hide();
	});
	
	var cat = "work";
	var currentWork = "";
	var anchors = $("li.anc");
	var pplOffset = $("#hr").offset();
	var ofs = pplOffset.top;
	
//	var target = $("#posts ul a#" + $("#posts ul a." + cat + ":not(#null):first").attr("id"));
	var works_targets = $(".anc.work");
	var target = $("#posts ul #" + works_targets[Math.floor(Math.random()*works_targets.length)].id);
	
	$(".addComment").click(function(){
		$(this).hide();
		$("#comment_form").fadeIn("fast");
	});
	
	$("#header .category a").click(function(){
		$("#header .category").removeClass("active");
		$(this).parent(".category").addClass("active");
		var hrPos = parseInt($(this).parent().css("bottom")) + 5;
		cat = ($(this).parent().attr("id") == 'w') ? "work" : "bio";
		$("#hr").css("bottom",hrPos);
		currentWork = $("#posts ul .anc." + cat + ":not(#null):first").attr("id");
		target = $("#posts ul .anc#" + currentWork);
		$("#posts").scrollTo($(target).next("li").find(".arrow"),500,{offset:-ofs+3});
		(cat == 'bio') ? $("#people .container").css("padding-top","8px") : $("#people .container").css("padding-top","");
		return false;
	});
	
	$(".link").click(function(){
		var id = $(this).closest("li").attr('id');
		target = $("#posts ul #" + currentWork + " ~ .anc." + cat + "." + id);
		currentWork = $(target).attr("id");
		if(!currentWork) {
			currentWork = $("#posts ul .anc." + cat + ":first").attr("id");
			target = $("#posts ul #" + currentWork + " ~ .anc." + cat + "." + id);
			currentWork = $(target).attr("id");
		}
		if(currentWork) {
			$("#posts").scrollTo($(target).next("li").find(".arrow"),500,{offset:-ofs+3});
		}	
		return false;
	});
	
	$("#posts").scroll(function(){
		var scrollY = (this.scrollY) ? this.scrollY : this.scrollTop;
		for(var i=0; i<anchors.length; i++) {
			var loc = anchors[i].offsetTop - scrollY;
			var base = loc + $(anchors[i]).next().height();
//			$("#header #address").html(currentWork);
			if(base > pplOffset.top && loc < pplOffset.top && currentWork != anchors[i].id) {
				currentWork = anchors[i].id;
				var classes = $("#" + currentWork).attr("class").split(" ");
				classes.shift();
				classes.shift();
//				alert(classes);
				$("#posts ul li").removeClass("active");
				$("#posts ul li .sidenote").hide();
				$("#posts ul li#" + currentWork).next().addClass("active").find(".sidenote").fadeIn("fast");
				$("#people ul li").removeClass("active");
				for(var i=0; i<classes.length; i++) {
					var li = $("#people ul #" + classes[i]);
					$(li).addClass("active");
					if($(li).prev().attr("id")) {
					}
				}
			}
		}
		$("#currentWork").html("current work: " + currentWork + ", location: " + loc);
	});
	
	$("#posts").scrollTo($(target).next("li").find(".arrow"),1000,{offset:-ofs+3});
	
	$("#header .category#w").addClass("active");

});

function charConv(str) {
	var strOut = "";
	for(i=0;i<str.length;i++) {
		strOut += String.fromCharCode(str.charCodeAt(i));
	};
	return strOut;
}

function addToggleClicks() {
	$(".overlay_toggle").unbind('click');
	$(".overlay_toggle").click(function(){
		$(this).prev("img").toggle();
		$(this).toggleClass('invisible');
		return false;
	});
}