var snap = { //randomize onload / show/hide functionality for homepage
	load: function() {
		var snapContent = $$("div#snapContent div");
		var snapNav = $('snapNav');
		
		for (var i=1; i<=snapContent.length; i++)
			{
				new Insertion.Bottom(snapNav,"<a onclick=\"snap.change("+i+");\" class=\"unselected\" id=\"a"+i+"\">"+i+"</a>\n");
			};
	},
	
	random: function() {
//		var snapContent = $$("div#snapContent div").length;
//		var rand = 1 + Math.floor(Math.random() * snapContent);	
		$('div'+1).style.display = 'block';
		$("a"+1).className = "current";
	},
	
	change: function(e) {
		var snapNav = $$('div#snapNav a');
		var snapContent = $$("div#snapContent div");
		
		for (var i=0; i<snapNav.length; i++)
			{
				snapNav[i].className = "unselected";
				snapContent[i].style.display="none";
			};
		
		$("div"+e).style.display = 'block';
		$("a"+e).className = "current";
		
	}
}

var port = { // show/hide and prev/next functionality for portfolio pages
	load: function() {
		Event.observe('nextPagination','click',port.nextItem);
		Event.observe('prevPagination','click',port.prevItem);
		var pfContent = $$("div#pfContent div.pfItem");
		var pfNav = $('pfCategories');
		var prevNav = $('prevPagination');
		
		for (var i=0; i<pfContent.length; i++)
			{
				pfContent[i].id="pfContent-"+i;
			};
		
		pfContent[shown].style.display = "block";
		
		var qstring = $F('qstring');
		
		$(qstring).className = "currentCat";
		$('portH2').innerHTML = $(qstring).innerHTML;
		
		new Insertion.After(prevNav, "<div class=\"floatLeft\">Page <span id=\"numShown\" >"+1+"</span> of "+pfContent.length+"</div>");			
	},
	
	nextItem: function() {
		var currentItem = $$('div#pfContent div.pfItem');
		
		if ((shown+1) == currentItem.length) {
			$('nextPagination').className=" ";
		} else {		
			currentItem[shown].style.display="none";
			currentItem[shown].next('div').style.display="block";
			$('nextPagination').className="";
			
			shown++; 
			$('numShown').innerHTML = parseInt(shown)+1;
		}
	},
	
	prevItem: function() {
		var currentItem = $$('div#pfContent div.pfItem');
		
		if ((shown) == 0) {
			$('prevPagination').className=" ";
		} else {		
			currentItem[shown].style.display="none";
			currentItem[shown].previous('div').style.display="block";
			$('prevPagination').className="inactive";
			
			shown--; 
			$('numShown').innerHTML = parseInt(shown)+1;
		}
	}
}