Effect.divSwap = function(element,container){
    var div = document.getElementById(container);
    var nodeList = div.childNodes;
    var queue = Effect.Queues.get('fade');

    if(queue.toArray().length<1){
        if(Element.visible(element)==false){
            for(i=0;i<nodeList.length;i++){
                if(nodeList.item(i).nodeName=="DIV" && nodeList.item(i).id!=element){
                    if(Element.visible(nodeList.item(i))==true){
                        Effect.Fade(nodeList.item(i),{duration: 0.5, queue:{position:'end',scope:'fade',limit:2}})
                    }
                }
            }
            Effect.Appear(element,{duration: 0.5,queue:{position:'end',scope:'fade',limit:2}})
       }
   }
}

function showImageMid(incomingID){
	Effect.divSwap("mid" + incomingID,"mids");	
	showImageNav(incomingID);
}

function showImageNav(incomingID){
	reveal("nav"+incomingID);
}

if(document.getElementById)
	document.write('<style type="text/css">.detail {float:left;display:none;}#zero {display:block;}<\/style>');
	function reveal(det){
	if(!document.getElementById) return;
	if (!document.getElementsByClassName){
	document.getElementsByClassName = function(cn){
	cn = cn.replace(/ +/g, ' ').split(' ');
	var ar = [], testname = function(n){
	for (var re, i = cn.length - 1; i > -1; --i){
		re = new RegExp('(^|\W)' + cn[i] + '(\W|$)');
		if(!re.test(n)) return false;
	}
	return true;
	}
	for(var d = document.all || document.getElementsByTagName('*'), i = 0; i < d.length; ++i)
	if(testname(d[i].className))
	ar[ar.length] = d[i];
	return ar;
	};
	document.getElementsByClassName.spoof = true;
	}
	for (var d = document.getElementsByClassName('navarea'), i = d.length - 1; i > -1; --i)
	d[i].style.display = 'none';
	document.getElementById(det).style.display = 'block';
	if (document.getElementsByClassName.spoof)
	document.getElementsByClassName.spoof = document.getElementsByClassName = null;
}

function lightup(imageobject, opacity){
    imageobject.style.MozOpacity=opacity/100;
    imageobject.style.Opacity=opacity/100;
    imageobject.filters.alpha.opacity=opacity;
}

function scrollHorizontal(value, element, slider) {
	element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}

function loadHorizontalSlider() {
	// Scriptaculous Slider extended by TomDavis.co.uk

	var ScrollAreaID = "horizScroll";
	var horizSlider = new Control.Slider('horizHandle', 'horizTrack', {
		onSlide: function(v) { scrollHorizontal(v, $(ScrollAreaID), horizSlider);  },
		onChange: function(v) { scrollHorizontal(v, $(ScrollAreaID), horizSlider); }
	});
	
	Event.observe('horizTrack','mouseover',function() { 
		Element.addClassName('horizTrack', 'arrowOver'); 
	});

	Event.observe('horizTrack','mouseout',function() { 
		Element.removeClassName('horizTrack', 'arrowDefault');
	});
}