// JS For Banner's multiple image
var banner=1;

//preload first image
function preloader() 
{
heavyImage = new Image(); 
heavyImage.src = "images/1.jpg";
}

function initialize(){
    preloader();
	changeImage();
}

//If u have link for picture cursor=pointer or else cursor = default

function changeImage(){
	$('bannerImage').observe('mouseover', function (event) {banner = 0;})
	$('bannerImage').observe('mouseout', function (event) {banner = 1; })
	
	if (banner != 0) 
	{
        var banner = Math.floor(Math.random()*18); //pick a random number between 0-10	
	    var myimage = "images/" + banner + ".jpg"; //build image file name
	    
	    if (banner !=0) 
	    {
	        $('bannerImage').src = myimage;
	        $('bannerImageLink').href="#";
	        $('bannerImageLink').style.cursor="default";	    
	    }
    }
	t=setTimeout("changeImage()",5000);
}

function changeImage_old(){
	$('bannerImage').observe('mouseover', function (event) {banner = 0;})
	$('bannerImage').observe('mouseout', function (event) {banner = 1; })
	switch(banner){
		case 1:
			$('bannerImage').src="images/1.jpg";
			$('bannerImageLink').href="#";
			$('bannerImageLink').style.cursor="default"; 
			banner=2;
			break;    
		case 2:
			$('bannerImage').src="images/2.jpg";
			$('bannerImageLink').href="#";
			$('bannerImageLink').style.cursor="default"; 
			banner=3;
			break;
		case 3:
			$('bannerImage').src="images/3.jpg";
			$('bannerImageLink').href="#";
			$('bannerImageLink').style.cursor="default"; 
			banner=4;
			break;
		case 4:
			$('bannerImage').src="images/4.jpg";
			$('bannerImageLink').href="#";
			$('bannerImageLink').style.cursor="default"; 
			banner=5;
			break;
		case 5:
			$('bannerImage').src="images/5.jpg";
			$('bannerImageLink').href="#";
			$('bannerImageLink').style.cursor="default"; 
			banner=1;
			break;
	}
	t=setTimeout("changeImage()",5000);
}