// http://www.brainerror.net/scripts_js_blendtrans.php
function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //set the current image as background
    document.getElementById(divid).style.backgroundImage = document.getElementById(imageid).style.backgroundImage;
    //make image transparent
    changeOpac(0, imageid);

    //make new image
	document.getElementById(imageid).style.backgroundImage = 'url('+imagefile+')';
//alert(imagefile);
    //fade in image
    for(i = 0;i <= 100;i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) { 
     var object = document.getElementById(id).style;
     object.opacity = (opacity / 101);
     object.MozOpacity = (opacity / 101);
     object.KhtmlOpacity = (opacity / 100);
     object.filter = "alpha(opacity=" + opacity + ")";
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart;i >= opacEnd;i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart;i <= opacEnd;i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

var uvThread =-1;
var kROTATE_TIME_IN_MS = 6000;//7000;
var kBLEND_TIME_IN_MS = 4000;

var bannerImages = new Array;
var forward = true;
var begin = true;

bannerImages[0] = new Image(775, 350); 
bannerImages[1]	= new Image(775, 350);
bannerImages[2] = new Image(775, 350);
bannerImages[3] = new Image(775, 350);
bannerImages[4] = new Image(775, 350);
bannerImages[5] = new Image(775, 350);
bannerImages[6] = new Image(775, 350);
bannerImages[7] = new Image(775, 350);

bannerImages[0].src = AURI+'resource/image/homepage_banners/home1.jpg';
bannerImages[1].src = AURI+'resource/image/homepage_banners/home2.jpg';
bannerImages[2].src = AURI+'resource/image/homepage_banners/home3.jpg';
bannerImages[3].src = AURI+'resource/image/homepage_banners/home4.jpg';
bannerImages[4].src = AURI+'resource/image/homepage_banners/home5.jpg';
bannerImages[5].src = AURI+'resource/image/homepage_banners/home6.jpg';
bannerImages[6].src = AURI+'resource/image/homepage_banners/home7.jpg';
bannerImages[7].src = AURI+'resource/image/homepage_banners/home8.jpg';

function updateHeroImage( ) { 
    ( uvThread == bannerImages.length-1) ? forward = false : forward = true;
	( uvThread == bannerImages.length-1 && !forward)  ? uvThread =  0 : ++uvThread;//{

    if (! begin ) {
        blendimage(
					 'rotate' 
					,'rotate1' 
					, bannerImages[ uvThread ].src
					, kBLEND_TIME_IN_MS
				);
        } else {
            begin = false;
        }
    setTimeout(
        updateHeroImage,
        kROTATE_TIME_IN_MS
        );
}

function attachGatewayRollovers( ) {
        $('eventsGateway').addEvent('mouseenter', function(e) {
		e.stop();
                document.getElementById('eventsGateway').fade(0.6);
        });
        $('eventsGateway').addEvent('mouseleave', function(e) {
                document.getElementById('eventsGateway').fade(1);
        });

        $('diningGateway').addEvent('mouseenter', function(e) {
                document.getElementById('diningGateway').fade(0.6);
        });
        $('diningGateway').addEvent('mouseleave', function(e) {
                document.getElementById('diningGateway').fade(1);
        });

        $('whereGateway').addEvent('mouseenter', function(e) {
                document.getElementById('whereGateway').fade(0.6);
        });
        $('whereGateway').addEvent('mouseleave', function(e) {
                document.getElementById('whereGateway').fade(1);
        });

        $('thingsGateway').addEvent('mouseenter', function(e) {
                document.getElementById('thingsGateway').fade(0.6);
        });
        $('thingsGateway').addEvent('mouseleave', function(e) {
                document.getElementById('thingsGateway').fade(1);
        });

}

function bootstrap_banner( ) { 
		updateHeroImage( );
		attachGatewayRollovers( );
}


//document.onload = chainHandlers( bootstrap_banner, document.onload );

window.addEvent("domready", function() {
	bootstrap_banner();
});