var visibleDiv = $("div1");
function toggle(newSrc){
    if($("div1").fx){$("div1").fx.stop();}
    if($("div2").fx){$("div2").fx.stop();}
    if(visibleDiv == $("div1")){
        $("image2").src = newSrc;
        $("div1").fx = new Fx.Style($("div1"), 'opacity', {duration: 100}).start(0);
        $("div2").fx = new Fx.Style($("div2"), 'opacity', {duration: 100}).start(1);
        visibleDiv = $("div2");
    }else{
        $("image1").src = newSrc;
        $("div1").fx = new Fx.Style($("div1"), 'opacity', {duration: 100}).start(1);
        $("div2").fx = new Fx.Style($("div2"), 'opacity', {duration: 100}).start(0);
        visibleDiv = $("div1");
    } 
}

function toggle2(){
	var visibleDiv = $("div1");
	$("image1").src = "images/DMESite_v3.jpg";
	$("div1").fx = new Fx.Style($("div1"), 'opacity', {duration: 100}).start(1);
    $("div2").fx = new Fx.Style($("div2"), 'opacity', {duration: 100}).start(0);
    visibleDiv = $("div1");
}

function loadImages(buttonsAndImages){
	for(biPairKey in buttonsAndImages) {  
    	var image = new Element('img',{ src:buttonsAndImages[biPairKey], style:'margin:3px;' });
		$(biPairKey).image = image;  
    }				
}

function faderInit(){
	//create an object to store the relationship of the buttons to the images.
	var buttonsAndImages = {'decor':'images/decor_back.jpg',
							'bioenergy':'images/bioenergy_back.jpg',
							'biotech':'images/biotech_back.jpg',
							'industrial':'images/industrial_back.jpg',
							'brewing':'images/brewing_back.jpg',
							'mes':'images/mes_back.jpg',
							'contactus':'images/contactus_back.jpg'};
       loadImages(buttonsAndImages);
}
window.addEvent("domready", faderInit);

function preloader() {
    // counter
    var i = 0;
    // create object
    imageObj = new Image();
    // set image list
    images = new Array();
    images[0]="images/back.gif";
    images[1]="images/DMESite_v3.gif";
    images[2]="images/biotech_back.jpg";
    images[3]="images/industrial_back.jpg";
    images[4]="images/brewing_back.jpg";
    images[5]="images/mes_back.jpg";
    images[6]="images/home_back.jpg";
    images[7]="images/contactus_back.jpg";
    images[8]="images/decor_back.jpg";
    images[9]="images/bioenergy_back.jpg";
    // start preloading
    for (i=0;i<=9;i++) 
    {
         imageObj.src=images[i];
         
    }
}