/*
         ___                         _____       __
        /  /\        ________       /    /\     / /\
(-----//  /  \//----/_____/__\\--) /____/  \___/_/ //--------------------------)
      /  /   /      \     | //     \    \  /    /\/    this code was created by
     /__/   /        \    |///-----\\____\/____/  \                       sigea
(---\\  \  /   (-----\\___|/        /    /\    \  /       
      \__\/                        /____/ /\____\/            __       sigea.ch
                                   \____\/  \  /             /\_\--------------)
                                         \___\//-------------\/_/  

*/
var gallery;
function Gallery(){
	var placeholderID='pic2';
	var selectionID='picselection';
	this.show=function (whichpic,pos){
		if (!document.getElementById(placeholderID)) return false;
		var source = whichpic.getAttribute('href');
		var placeholder = document.getElementById(placeholderID);
		placeholder.src=source;
		var links = document.getElementById(selectionID).getElementsByTagName('a');
		for ( var i=0; i < links.length; i++){
			removeClass(links[i],'active');
		}
		addClass(whichpic,'active');
		return true;
	}
	this.prepare=function(){
		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById(placeholderID)) return false;
		var placeholder=document.getElementById(placeholderID);
		if (!document.getElementById(selectionID)) return false;
		var links = document.getElementById(selectionID).getElementsByTagName('a');
		for ( var i=0; i < links.length; i++){
			links[i].arg=i;
			links[i].onclick = function(){
				return !gallery.show(this,this.arg);
			}
			links[i].onkeypress = links[i].onclick;
		}
		return true;
	}
}
function prepareGallery(){
	gallery=new Gallery();
	gallery.prepare();
}
addLoadEvent(prepareGallery);