/********** prototype.lite.js **********/

/*  Prototype JavaScript framework
 *  (c) 2005 Sam Stephenson <sam@conio.net>
 *  Prototype is freely distributable under the terms of an MIT-style license.
 *  For details, see the Prototype web site: http://prototype.conio.net/
 */
/*--------------------------------------------------------------------------*/

//note: modified & stripped down version of prototype, to be used with moo.fx by mad4milk (http://moofx.mad4milk.net).

var Class = {
	create: function() {
		return function() {
			this.initialize.apply(this, arguments);
		}
	}
}

Object.extend = function(destination, source) {
	for (property in source) destination[property] = source[property];
	return destination;
}

Function.prototype.bind = function(object) {
	var __method = this;
	return function() {
		return __method.apply(object, arguments);
	}
}

Function.prototype.bindAsEventListener = function(object) {
var __method = this;
	return function(event) {
		__method.call(object, event || window.event);
	}
}

function $() {
	if (arguments.length == 1) return get$(arguments[0]);
	var elements = [];
	$c(arguments).each(function(el){
		elements.push(get$(el));
	});
	return elements;

	function get$(el){
		if (typeof el == 'string') el = document.getElementById(el);
		return el;
	}
}

if (!window.Element) var Element = new Object();

Object.extend(Element, {
	remove: function(element) {
		element = $(element);
		element.parentNode.removeChild(element);
	},

	hasClassName: function(element, className) {
		element = $(element);
		if (!element) return;
		var hasClass = false;
		element.className.split(' ').each(function(cn){
			if (cn == className) hasClass = true;
		});
		return hasClass;
	},

	addClassName: function(element, className) {
		element = $(element);
		Element.removeClassName(element, className);
		element.className += ' ' + className;
	},

	removeClassName: function(element, className) {
		element = $(element);
		if (!element) return;
		var newClassName = '';
		element.className.split(' ').each(function(cn, i){
			if (cn != className){
				if (i > 0) newClassName += ' ';
				newClassName += cn;
			}
		});
		element.className = newClassName;
	},

	cleanWhitespace: function(element) {
		element = $(element);
		$c(element.childNodes).each(function(node){
			if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) Element.remove(node);
		});
	},

	find: function(element, what) {
		element = $(element)[what];
		while (element.nodeType != 1) element = element[what];
		return element;
	}
});

var Position = {
	cumulativeOffset: function(element) {
		var valueT = 0, valueL = 0;
		do {
			valueT += element.offsetTop  || 0;
			valueL += element.offsetLeft || 0;
			element = element.offsetParent;
		} while (element);
		return [valueL, valueT];
	}
};

document.getElementsByClassName = function(className) {
	var children = document.getElementsByTagName('*') || document.all;
	var elements = [];
	$c(children).each(function(child){
		if (Element.hasClassName(child, className)) elements.push(child);
	});
	return elements;
}

//useful array functions
Array.prototype.each = function(func){
	for(var i=0;ob=this[i];i++) func(ob, i);
}

function $c(array){
	var nArray = [];
	for (i=0;el=array[i];i++) nArray.push(el);
	return nArray;
}

/********** moo.fx.js **********/
/*
moo.fx, simple effects library built with prototype.js (http://prototype.conio.net).
by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE.
for more info (http://moofx.mad4milk.net).
Saturday, February 11, 2006
v 1.2.1
*/

var fx = new Object();
//base
fx.Base = function(){};
fx.Base.prototype = {
	setOptions: function(options) {
	this.options = {
		duration: 500,
		onComplete: '',
		transition: fx.sinoidal
	}
	Object.extend(this.options, options || {});
	},

	go: function() {
		this.startTime = (new Date).getTime();
		this.timer = setInterval (this.step.bind(this), 13);
	},

	step: function() {
		var time  = (new Date).getTime();
		if (time >= this.options.duration+this.startTime) {
			this.now = this.to;
			clearInterval (this.timer);
			this.timer = null;
			if (this.options.onComplete) setTimeout(this.options.onComplete.bind(this), 10);
		}
		else {
			var Tpos = (time - this.startTime) / (this.options.duration);
			this.now = this.options.transition(Tpos) * (this.to-this.from) + this.from;
		}
		this.increase();
	},

	custom: function(from, to) {
		if (this.timer != null) return;
		this.from = from;
		this.to = to;
		this.go();
	},

	hide: function() {
		this.now = 0;
		this.increase();
	},

	clearTimer: function() {
		clearInterval(this.timer);
		this.timer = null;
	}
}

//stretchers
fx.Layout = Class.create();
fx.Layout.prototype = Object.extend(new fx.Base(), {
	initialize: function(el, options) {
		this.el = $(el);
		this.el.style.overflow = "hidden";
		this.el.iniWidth = this.el.offsetWidth;
		this.el.iniHeight = this.el.offsetHeight;
		this.setOptions(options);
	}
});

fx.Height = Class.create();
Object.extend(Object.extend(fx.Height.prototype, fx.Layout.prototype), {	
	increase: function() {
		this.el.style.height = this.now + "px";
	},

	toggle: function() {
		if (this.el.offsetHeight > 0) this.custom(this.el.offsetHeight, 0);
		else this.custom(0, this.el.scrollHeight);
	}
});

fx.Width = Class.create();
Object.extend(Object.extend(fx.Width.prototype, fx.Layout.prototype), {	
	increase: function() {
		this.el.style.width = this.now + "px";
	},

	toggle: function(){
		if (this.el.offsetWidth > 0) this.custom(this.el.offsetWidth, 0);
		else this.custom(0, this.el.iniWidth);
	}
});

//fader
fx.Opacity = Class.create();
fx.Opacity.prototype = Object.extend(new fx.Base(), {
	initialize: function(el, options) {
		this.el = $(el);
		this.now = 1;
		this.increase();
		this.setOptions(options);
	},

	increase: function() {
		if (this.now == 1 && (/Firefox/.test(navigator.userAgent))) this.now = 0.9999;
		this.setOpacity(this.now);
	},
	
	setOpacity: function(opacity) {
		if (window.ActiveXObject) this.el.style.filter = "alpha(opacity=" + opacity*100 + ")";
		this.el.style.opacity = opacity;
		if (opacity == 0) this.el.style.visibility = "hidden";
		else this.el.style.visibility = "visible";
	},

	toggle: function() {
		if (this.now > 0) this.custom(1, 0);
		else this.custom(0, 1);
	}
});

//transitions
fx.sinoidal = function(pos){
	return ((-Math.cos(pos*Math.PI)/2) + 0.5);
	//this transition is from script.aculo.us
}
fx.linear = function(pos){
	return pos;
}
fx.cubic = function(pos){
	return Math.pow(pos, 3);
}
fx.circ = function(pos){
	return Math.sqrt(pos);
}


/********** mooglider.js **********/
fx.Scroller = Class.create();
fx.Scroller.prototype = Object.extend(new fx.Base(), {
        initialize: function(container, options) {
                this.setOptions(options);
                this.container = container;
        },

        scrollR: function(){
                var dest = this.container.scrollWidth;
                var start = this.container.scrollLeft;
                this.custom(start, dest);
        },

        scrollL: function(){
                var dest = -this.container.scrollWidth + this.container.scrollLeft;
                var start = this.container.scrollLeft;
                this.custom(start, dest);
        },

        increase: function(){
                this.container.scrollLeft = this.now;
        }
});

function makeSafe(fs) {
//  fs = fs.replace(/ /g, "&nbsp;");
  fs = fs.replace(/</g, "&lt;");
  fs = fs.replace(/>/g, "&gt;");
  fs = fs.replace(/"/g, "&quot;");
  fs = fs.replace(/\n/g, "<BR>");
  return fs;
}

function WA_fullSize(i) {
  var str='';

  str+='<scr'+'ipt type="text/javascript">';
  str+='function clickIE4(){if(event.button==2){alert(message);return false;}}';
  str+='function clickNS4(e){if(document.layers||document.getElementById&&!document.all){if(e.which==2||e.which==3){alert(message);return false;}}}';
  str+='if(document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if(document.all&&!document.getElementById){document.onmousedown=clickIE4;}';
  str+='document.oncontextmenu=new Function("alert(message);return false");';
  str+='</scr'+'ipt>';

  str+='\n<div style="text-align:center;">';
  str+='<button onclick="window.close();">Close this window</button>';
  str+='<h1>'+makeSafe(WebsAlbum.titles[i])+'</h1>';
  str+='<div><img alt="'+makeSafe(WebsAlbum.titles[i])+'" src="'+WebsAlbum.pics[i]+'" width="'+WebsAlbum.widths[i]+'" height="'+WebsAlbum.heights[i]+'"></div>';
  str+='<h3>'+makeSafe(WebsAlbum.captions[i])+'</h3>';
  str+='<button onclick="window.close();">Close this window</button>';
  str+='</div>';
  var newwin = window.open("","fullsize","menubar=no,location=no,resizable=yes,scrollbars=yes,status=no");
  newwin.document.write(str);
  newwin.document.title=WebsAlbum.titles[i];
}

function WA_gotoPic(index) {
  var scrollContainer = $("WAScrollContainer");
  var dims;
  var picContainer = $("WAPicContainer");

  scrollContainer.funScroller.custom(scrollContainer.scrollLeft,(78*index-190));
  $("WAThumbBox"+WA_curr).className = "WAThumbBox";
  $("WAThumbBox"+index).className = "WAThumbBox WASelected";

  dims = WebsAlbum.constrainDimensions(index,490,390);

  picContainer.innerHTML = '<img class="WAPic" src="'+WebsAlbum.pics[index]+'" style="width:'+dims[0]+'px;height:'+dims[1]+'px;margin-top:'+((400-Math.round(dims[1]))/2)+'px;" onclick="WA_fullSize('+index+');" />';

  $("WAPicTitle").innerHTML = WebsAlbum.titles[index]==''?'&nbsp;':WebsAlbum.titles[index];
  $("WAPicCaption").innerHTML = WebsAlbum.captions[index]==''?'&nbsp;':WebsAlbum.captions[index];

  WA_curr = index;
}

document.write('<div id="WAContainer"></div>');
var WA_curr = 0;
function drawWebsAlbum() {
  var container = $("WAContainer");
  var scrollContainer;
  var str;
  var i,currW,currH;

  str = '<div id="WATitle">'+WebsAlbum.title+'</div>';
  str += '<div id="WAPicTitle"></div>';
  str += '<div id="WAPicContainer"></div>';
  str += '<div id="WAPicCaption"></div>';
  str += '<div id="WABottom">';
  str += '<div id="WAScrollLeft" onmousedown="$(\'WAScrollContainer\').slowScroller.clearTimer();$(\'WAScrollContainer\').fastScroller.scrollL();" onmouseup="$(\'WAScrollContainer\').fastScroller.clearTimer();$(\'WAScrollContainer\').slowScroller.scrollL();" onmouseover="$(\'WAScrollContainer\').slowScroller.scrollL();" onmouseout="$(\'WAScrollContainer\').slowScroller.clearTimer();"></div>';
  str += '<div id="WAScrollContainer">';
  str += '<div id="WAScroller" style="width:'+(WebsAlbum.TOTAL_PICS*78)+'px;">';

  for(i=0;i<WebsAlbum.TOTAL_PICS;i++) {
    currW = WebsAlbum.thumbWidth(i,64);
    currH = WebsAlbum.thumbHeight(i,64);
    str += '<div class="WAThumbBox" id="WAThumbBox'+i+'" onclick="WA_gotoPic('+i+');">';
    str += '<img alt="'+WebsAlbum.titles[i]+'" src="'+WebsAlbum.thumbs[i]+'" style="width:'+currW+'px;height:'+currH+'px;margin-top:'+((64-currH)/2)+'px;" />';
    str += '</div>';
  }
  str += '</div>';
  str += '</div>';
  str += '<div id="WAScrollRight" onmousedown="$(\'WAScrollContainer\').slowScroller.clearTimer();$(\'WAScrollContainer\').fastScroller.scrollR();" onmouseup="$(\'WAScrollContainer\').fastScroller.clearTimer();$(\'WAScrollContainer\').slowScroller.scrollR();" onmouseover="$(\'WAScrollContainer\').slowScroller.scrollR();" onmouseout="$(\'WAScrollContainer\').slowScroller.clearTimer();"></div>';
  str += '</div>';
  container.innerHTML = '<center>'+str+'</center>';

  scrollContainer = $("WAScrollContainer");
  scrollContainer.funScroller = new fx.Scroller(scrollContainer,{duration:500,transition:fx.sinoidal});
  scrollContainer.fastScroller = new fx.Scroller(scrollContainer,{duration:800,transition:fx.linear});
  scrollContainer.slowScroller = new fx.Scroller(scrollContainer,{duration:4000,transition:fx.linear});

  WA_gotoPic(0);
}