var sarienUtilities = Class.create();

sarienUtilities.prototype = {
	initialize:function() {
	this.thumbnailSet = $('ThumbnailContainer').getElementsBySelector('a.contentLink');
	this.thumbnailImg = $('ThumbnailContainer').getElementsBySelector('img.thumbnails');
	this.thumbnailGrps = $('ThumbnailContainer').getElementsBySelector('div.thumbnails');
	this.AjaxSlideRegion = Builder.node ('div', {id: 'slides20'});
	document.body.appendChild(this.AjaxSlideRegion);
	this.slidesViaAjax = $('slides20');	
	this.windowCleaner('content_puv.html');

	},
	
	
	windowCleaner:function(calledContent) {
	new Ajax.Updater('slides20', calledContent, { method: 'get' });
	},
	
	windowSpawner:function(url, name, windowWidth, windowHeight) {
	window.open (url,name,'menubar=no,resizable=yes,width='+windowWidth+',height='+windowHeight);
	}
};




var sarienvsScriptaculous = Class.create();
sarienvsScriptaculous.prototype = {
	initialize:function() {
	//Everything I'll ever need to grab a thumbnail and its anchor.
	this.thumbnailSet = $('ThumbnailContainer').getElementsBySelector('a.contentLink');
	this.thumbnailImg = $('ThumbnailContainer').getElementsBySelector('img.thumbnails');
	this.thumbnailGrps = $('ThumbnailContainer').getElementsBySelector('div.thumbnails');
	
		
		/*this.thumbnailImg.each(function(i,indexi) {
		alert(indexi);
		this.thumbnailImg[indexi].identify();
		});*/
		
		for (w=0; w<this.thumbnailImg.length; w++) {
		this.thumbnailImg[w].identify();
		}
		
		
		this.currentChoice = this.thumbnailImg[0].id;
	Effect.Appear(this.currentChoice, {duration: .5, to: 1.0 });

	},	
	
	Fader:function(ImageID) {
	//Returns the thumbnails to a slightly more opaque state so you can track what you've seen.
	new Effect.Parallel([
		Effect.Fade(this.currentChoice, { duration: .5, to: .5 }),
		Effect.Appear(ImageID, {duration: .5, to: 1.0 })
		]);
	this.currentChoice = ImageID;

	}
	
};


Event.observe(window,"load",function() {

var PortfolioUtilities = new sarienUtilities();
var PortfolioAnimations = new sarienvsScriptaculous();


		PortfolioUtilities.thumbnailSet.each(function(w,indexw) {
		PortfolioUtilities.thumbnailSet[indexw].onclick = function() {PortfolioUtilities.windowCleaner(this.href);return false;};
		});
		
		PortfolioAnimations.thumbnailSet.each(function(f,indexf) {
		PortfolioAnimations.thumbnailImg[indexf].onclick = function() {PortfolioAnimations.Fader(this.id);};
		});
		

/*Keep this handy: Syntax for calling windowSpawner.
$('noticeLink').onclick=function(){PortfolioUtilities.windowSpawner('http://some/url/here','viewer',xxx,xxx); return false;};
*/
				
});