function initPageSelect(){
	var sel = document.getElementsByTagName("select");
	for (i = 0; i < sel.length; i++){
		addAnEvent(sel.item(i),'change',reloadPage);
	}
}

function reloadPage(){
//	alert(this.value);
	var loc=location.href.split('?'); 
	location.href = loc[0] + this.value;
}

function initPics(){
	var lg = document.getElementById("large1");        
    lg.style.visibility = "visible";
    setOpacity(lg,0);	
	fadeIn("large1",0);
	
	var th = document.getElementById("thumbs");
	var thimg = th.getElementsByTagName("img");
	for (var i = 0; i < thimg.length; i++){
		if (i == 0) thimg[i].className = "active";
		addAnEvent(thimg.item(i),'click',switchPic);
	}
}

function switchPic(){
	var th = document.getElementById("thumbs");
	var thimg = th.getElementsByTagName("img");
	for (var i = 0; i < thimg.length; i++){
		thimg[i].className = "";
		var j = i+1;
		var lg = document.getElementById("large"+j);
		setOpacity(lg,0);
	}
	this.className = "active";
	var num = this.src.charAt(this.src.length-5);
	var lg = document.getElementById("large"+num);        
    lg.style.visibility = "visible";
    setOpacity(lg,0);	
	fadeIn("large"+num,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  obj = document.getElementById(objId);
  if (opacity <= 100) { 
    setOpacity(obj, opacity);
    opacity += 5;
    window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 40);
  }
}

function fadeOut(objId,opacity) {
  obj = document.getElementById(objId);
  if (opacity >= 0) {
    setOpacity(obj, opacity);
    opacity -= 5;
    window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 40);
  }
  if (opacity == 0){
    obj.style.visibility = "hidden";
  }
}

function initialize(){
    if ( document.getElementById ){        
        if (document.getElementById("gallery") && document.getElementsByTagName("select")) initPageSelect();
		if (document.getElementById("gallery") && document.getElementById("large1")) initPics();
    }
}

function addAnEvent( target, eventName, functionName){
   eval('target.on'+eventName+'=functionName');
}

window.onload=initialize;