(function() {
	function nav (el) {
		if (!el) return;
		var nav_id = 't_' + el.id;
		var link = $(nav_id).down(0);
		
		el.observe("mouseover", function() {
			link.addClassName("active");
		});
		
		el.observe("mouseout", function() {
			link.removeClassName("active");
		});
	}
	
	function external_links (link) {
		link.observe("click", function(event) {
			event.preventDefault();
			window.open(this.href);
		});
	}
	
	function init () {
		$('branding','interactive', 'print', 'case_studies', 'blog', 'about_contact').each(nav);
		$$("a[rel=external]").each(external_links);
	}	
	document.observe("dom:loaded", init);
	
})();

function setup_slides (section) {
	var imgs = $$("div.projects img");

	if (imgs.length > 0) {
		var total = imgs.length;
		
		if (section == 'portfolio') {
			
			var scrollingDivSize = (imgs.first().getWidth() + 12) * total;
			var spacing = '12px';
		}
		
		if (section == 'logos') {
			var scrollingDivSize = (imgs.first().getWidth() + 72) * total;
			var spacing = '72px';
		}
		
		if (section == 'case_studies') {
			var caseStudyDivs = $$('div.case_study');
			var scrollingDivSize = (caseStudyDivs.first().getWidth() + 12) * total;
			var spacing = '0';
			caseStudyDivs.each(function(el) {
				el.setStyle({
						width: '400px',
						marginRight: '12px'
					});
			});
		};
		
		$("container").setStyle({width: scrollingDivSize + 'px'});

		imgs.each(function(img) {
			img.setStyle({marginRight: spacing});
		});

		var bodyWidth = $("container").getWidth() + 35;

		$$("body").first().setStyle({width: bodyWidth + 'px'});
	}
}