var IMAGESPATH='images/'; /* define the path to your switching images */

var images2switch=new Array (
	'bigpicarea1.jpg',
	'bigpicarea2.jpg',
	'bigpicarea3.jpg',
	'bigpicarea4.jpg',
	'bigpicarea5.jpg'
);

function addSwitchEvents(){
	if(document.getElementById('hSwitcherImg') && document.getElementById('switcher') ){
		var LIsarr=document.getElementById('switcher') .getElementsByTagName('LI');
		for (var LI = 0; LI < LIsarr.length; LI ++ ){
			LIsarr[LI].onclick=function(){
				sliderClick(this,LIsarr);
			}
			LIsarr[LI].onmouseover=function(){
				this.className=this.className + ' hover';
			}	
			LIsarr[LI].onmouseleave=function(){
				this.className=this.className.replace(/hover/gi,'');
			}
		}			
	}
}

function sliderClick(obj,liArr){
	showPic(obj.innerHTML);
	for(var xLi = 0; xLi < liArr.length; xLi++){
		liArr[xLi].className='';
	}
	obj.className='active';
}

function showPic(imgIdx){
	var imgName=images2switch[imgIdx-1];
	document.getElementById('hSwitcherImg') .src=IMAGESPATH + imgName;
}

var hInitLaunched=false;

function hInit(){
	if (!hInitLaunched){
		addSwitchEvents();
	}
	if(images2switch){
		var preloadArr=new Array();
		for (idx=0; idx < images2switch.length; idx ++){
				preloadArr[idx]=new Image;
				preloadArr[idx].src=images2switch[idx];
		}
	}
	hInitLaunched=true;
}

window.onload=hInit;