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();	
	if (document.getElementById('slide_0').className == 'slide_lnk_active'){
		imagesrc =Images[0].src;
	}
	if (document.getElementById('slide_1').className == 'slide_lnk_active'){
		imagesrc =Images[1].src;
	}
	if (document.getElementById('slide_2').className == 'slide_lnk_active'){
		imagesrc =Images[2].src;
	}
	if (document.getElementById('slide_3').className == 'slide_lnk_active'){
		imagesrc =Images[3].src;
	}
	$('SlideImage1').src = imagesrc;
	$('SlideImage2').src = imagesrc;
	$$('#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 ();
    }
}