Event.observe(window,"load",init);

 Images = Array();
 CurrentImage = 0;
function preloadImgs(){
	Images[0] = new Image();
	Images[0].src = './images/slideshow/residential.jpg';

	Images[1] = new Image();
	Images[1].src = './images/slideshow/automotive.jpg';

	Images[2] = new Image();
	Images[2].src = './images/slideshow/commercial.jpg';
	
	Images[3] = new Image();
	Images[3].src = './images/slideshow/emergency.jpg';
}

function init() {
	preloadImgs();
	$('SlideImage1').src = Images[0].src;
	$('SlideImage2').src = Images[0].src;	
	$$('#slide_menu li a').each(function(e){Event.observe(e, 'mouseover', showimage);})
}

function doit(){
	$('SlideImage1').src = Images[CurrentImage].src;
	$('SlideImage1').fadeIn ({delay:15});
}


function showimage(event){
	var i=0;
	linkis = this.id ;
	while(i<4){
		$('slide_'+i).removeClassName('slide_lnk_active');
		$('slide_'+i).addClassName('slide_lnk');
		i++;
	}
	$(linkis).addClassName('slide_lnk_active');

	lnkID = linkis.split('_');
	lnkID=lnkID[1];	
	if(this.id) {		
		$('SlideImage2').src = $('SlideImage1').src;
		$('SlideImage1').fadeOut ();
		CurrentImage = lnkID;
		$ ('SlideImage1').observe ('fadeOut:onComplete', doit).fadeIn ();
    }
}