//  We really need a proper loading script like scriptaculous

document.write('<script type="text/javascript" src="/js/bse_admin.js"></script>');
//document.write('<script type="text/javascript" src="/js/bse_search.js"></script>');
document.write('<script type="text/javascript" src="/js/combo.packed.js"></script>');
//document.write('<script type="text/javascript" src="/js/panorama.js"></script>');
//document.write('<script type="text/javascript" src="/js/fixed_panorama.js"></script>');
//document.write('<script type="text/javascript" src="/js/hoverme.js"></script>');
//document.write('<script type="text/javascript" src="/js/drawers.js"></script>');
//document.write('<script type="text/javascript" src="/js/overflow.js"></script>');
//document.write('<script type="text/javascript" src="/js/sequence.js"></script>');
//document.write('<script type="text/javascript" src="/js/lazyloader.js"></script>');
//document.write('<script type="text/javascript" src="/js/helper.js"></script>');

// wait for DOM to load before initialising

document.observe("dom:loaded", dom_init);
Event.observe(window, "load", window_init); 

var bse_debug = false;

var fixedPanorama;
var hoverMe;

function dom_init() {
    if ($('message')) {
        new Effect.DropOut($('message'),{delay: 5});
    }

//     var lazyloader = new LazyLoader($$("#flow ul.container")[0], {
//         placeHolderImage: "/images/blank.gif"
//     });

}

function window_init() {

    fixedPanorama = new FixedPanorama("flow", "panorama", "#flow a", {
        //autoPlay: false,
        useMouseStop: true,
        callOnShowAfterFade: false
    });

    var drawers = new Drawers('.drawer', {
        id: "d",
        orientation: "horizontal",
        singleDrawer: true,
        activeClass: "active",
        hoverClass: "hover",
        initialDrawer: 3,
        containerWidth: 615,
        //containerHeight: 415,
        //drawerWidth: 515,
        //drawerHeight: 415,
        showEvent: "mouseover",
        hideEvent: "mouseover",
        duration: 0.35
    });

    var overflow = new Overflow("#flow ul.container", {
        scrollBarPadding: { top: 12, bottom: 12 },
        padding: { top: 0, bottom: 0, left: 0, right: 10 },
        focusCheckSelector: "li"
    });

    Drawers.Check();


    var sequence = new Sequence("sequence", "#sequence li", {
        focusedClass: null,
        focusOnClick: false,
        enableClickEvents: true,
        pagingLoop: false,
        pagingType: "per-page",
        keyScrollType: "per-page",
        keyScrollLoop: true,
        //autoScroll: false,
        autoScrollType: "per-page",
        autoScrollFinishAction: "rewind",
        scrollDuration: 0.5

    });

	var panorama = new Panorama("home", "#home img", {
	    zIndex: 1
	});

    hoverMe = new HoverMe("#flow img, #sequence img", {
        disableAnimationForIE: true,
        effect: {
            show: Effect.Appear,
            hide: Effect.Fade,
            options: {
                duration: 0.15,
                queue: "end"
            }
        }
    });

    fixedPanorama.addFocusEvent(hoverMe.update.bind(hoverMe));
	fixedPanorama.addFocusEvent(function(element) { 
        element.fire('overflow:focus');   
    });

    //$$('.content').each(function(e){e.iePNGFix();});

}