function newImage(path){
                if ( document.images ){
                        img = new Image();
                        img.src = path;
                        return img;
                }
        }
        var delay = 5000;
        var img_index = 0;
        var thisId = 0;
	var timeouts = new Array();
        var images = new Array();
        //images[0] = newImage('img/front01.jpg');
        images[0] = newImage('img/img02.jpg');
        images[1] = newImage('img/img03.jpg');
	images[2] = newImage('img/img04.jpg');
        images[3] = newImage('img/img01.jpg');


        function showHeader(){
                //document['headerimage'].src = images[img_index++].src;
		var li=null;
                var el = document.getElementById('homeimage');
                el.src = images[img_index++].src;

                if ( img_index >= images.length ){
                        img_index = 0;
                }
                
		for(i=0; i<=3; i++) {
			var myid = 'li' + String(i);
                        li = document.getElementById(myid);
                        if(i == img_index) {
                                li.className = "active";
                        }
                        else {
                                li.className = "";
                        }
                }

                new Effect.Appear('homeimage');
                thisId = setTimeout("rotateHeaders()",delay);
		timeouts[thisId] = thisId;

        }

	function set_new_image_index(new_image_index) {
                if(new_image_index == 0) {
			img_index = 3;
		}
		else {
			img_index = new_image_index-1;
                }
		clearAllTimeouts();
		//rotateHeaders();
                thisId = setTimeout("rotateHeaders()",0);
		timeouts[thisId] = thisId;
	}

	function clearAllTimeouts(){  
		for(key in theTimeOuts ){  
      	          clearTimeout(theTimeOuts[key]);  
        	}  
	}
  
        function rotateHeaders(){
                new Effect.Fade('homeimage');
                /*document['headerimage'].src = images[img_index++].src;
                if ( img_index >= images.length ){
                        img_index = 0;
                }
                new Effect.Appear('headerimage',{ queue: 'end' });*/
                thisId = setTimeout("showHeader()",1000);
                timeouts[thisId] = thisId;
        }