// JavaScript Document

var lowTransparency = .1;

addLoadEvent(prepareFolioSelections);


function prepareFolioSelections() {
	
	// view all
	$('btnAll').onclick = function() {
		setActiveMenu('liAll');
		showAllThumbs();
	}
	
	
	
	
	// art direction
	$('btnAd').onclick = function() {
		setActiveMenu('liAd');
		fadeAllThumbs();
		// show thumbs
		links = $$('#portfolio a.ad');
		for (i=0;i<links.length;i++) {
			links[i].fade({ duration: .75, from: lowTransparency, to: 1 });
		}
	}
	
	
	
	
	// identity
	$('btnId').onclick = function() {
		setActiveMenu('liId');
		fadeAllThumbs();
		// show thumbs
		links = $$('#portfolio a.id');
		for (i=0;i<links.length;i++) {
			links[i].fade({ duration: .75, from: lowTransparency, to: 1 });
		}
	}
	
	
	
	
	
	// web
	$('btnWeb').onclick = function() {
		setActiveMenu('liWeb');
		fadeAllThumbs();
		// show thumbs
		links = $$('#portfolio a.web');
		for (i=0;i<links.length;i++) {
			links[i].fade({ duration: .75, from: lowTransparency, to: 1 });
		}
	}
	
	
	
	
	// motion graphics
	$('btnMg').onclick = function() {
		setActiveMenu('liMg');
		fadeAllThumbs();
		// show thumbs
		links = $$('#portfolio a.mg');
		for (i=0;i<links.length;i++) {
			links[i].fade({ duration: .75, from: lowTransparency, to: 1 });
		}
	}
}




function fadeAllThumbs() {
		
	links = $$('#portfolio a');
	for (i=0;i<links.length;i++) {
		//links[i].fade({ duration: .25, from: 1, to: lowTransparency });
		new Effect.Opacity(links[i], { from: lowTransparency, to: lowTransparency, duration: .15 });

	}
	
}



function showAllThumbs() {
		
	links = $$('#portfolio a');
	for (i=0;i<links.length;i++) {
		links[i].fade({ duration: .5, from: lowTransparency, to: 1 });
	}
}



function setActiveMenu(id) {
	list = $$('#folioNav li');
	for (i=0;i<list.length;i++) {
		list[i].className ='null';
	}
	
	$(id).className ='active';
}