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

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

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

	Images[2] = new Image();
	Images[2].src = './images/slideshow/individuals.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<3){
		$('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) {
		clear_queue(event);
		$('SlideImage2').src = $('SlideImage1').src;
		$('SlideImage1').fadeOut ();
		CurrentImage = lnkID;
		$ ('SlideImage1').observe ('fadeOut:onComplete', doit).fadeIn ();
    }
}

clear_queue = function(event){
	 var queue = Effect.Queues.get('imagescope');
	 queue.each(function(event) { event.cancel() });
}