//  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/lazyloader.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/hotspots.js"></script>');
//document.write('<script type="text/javascript" src="/js/hotspots_panorama.js"></script>');
//document.write('<script type="text/javascript" src="/js/overflow.js"></script>');
//document.write('<script type="text/javascript" src="/js/imgzoomer.js"></script>');
//document.write('<script type="text/javascript" src="/js/htmlzoomer.js"></script>');
//document.write('<script type="text/javascript" src="/js/fontsizer.js"></script>');
//document.write('<script type="text/javascript" src="/js/flow.js"></script>');
//document.write('<script type="text/javascript" src="/js/helper.js"></script>');
//document.write('<script type="text/javascript" src="/js/sequence.js"></script>');
//document.write('<script type="text/javascript" src="/js/drawers.js"></script>');
//document.write('<script type="text/javascript" src="/js/openmenu.js"></script>');


// wait for DOM to load before initialising

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

var lazyloader;

var bse_debug = false;

function dom_init() {

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

    setup_quickfinder();

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

//     var drawers = new Drawers("#sidebarR .lev1>li", {
//         singleDrawer: true,
//         id: "drawers",
//         duration: 0.25
//     });

    var menu = new OpenMenu($$('#sidebarR .lev1')[0]);

    //$$('#sidebarR .lev1 .widget').each(function(e){wrapElement(e);});
};

function wrapElement(e) {
    this.wrapperElement = new Element("div", { "class": "widgetWrapper" });
    e.wrap(this.wrapperElement);
};


// needs to be above the setup of hotSpotsPanorama and also a GLOBAL variable
// once you grab the output, you can replace the bottom line with it

var hotSpotsData = {};


function window_init() {

//     var flow = new Flow("sequence", "#sequence a", {
//         enableClickEvents: true,
//         useScrollBar: false,
//         useMouseScroll: false,
//         autoScroll: false
//     });

    var sequence = new Sequence("sequence", "#sequence a", {
        //autoScroll: false,
        //lazyLoader: lazyloader,
        //lazyLoadType: "page",
        focusOnClick: false,
        enableClickEvents: true,
        pagingLoop: false,
        pagingType: "per-page",
        autoScrollType: "per-page",
        useKeyScroll: false,
        scrollDuration: 0.5
    });

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

    //fixedPanorama.images = [];

    var overflow = new Overflow("#features .products", {
        scrollBarPadding: { top: 15, bottom: 15 },
        padding: { top: 0, bottom: 0, left: 0, right: 10 }
    });

//     var fontSizer = new FontSizer("#main .article .body", {
//         trigger: "onload",
//         onResize: function() { overflow.recalculateHeight(); }
//     });

    // You then parse in the panorama object into hot spots
    // for Fixed and Flowing, you'll need to do something like
    // fixedPanorama.panorama or flowingPanorama.panorama.
    var hotSpotsPanorama = new HotSpotsPanorama(fixedPanorama.panorama, {
        editorType: HotSpots.Editors.HTMLZoomer            
    });
    
    // Set theme based on current section id 
    if($("article_8")) {
        Themes.HOG = {
            closeBox: "closebox_red.png"
        }
    }
    else if($("article_9")) {   
        Themes.HOG = {
            closeBox: "closebox_pink.png"
        }
    }
    else if($("article_10")) {    
        Themes.HOG = {
            closeBox: "closebox_yellow.png"
        }
    }
    else if($("article_12")) {
        Themes.HOG = {
            closeBox: "closebox_blue.png"
        }
    }
    else if($("article_11")) {
        Themes.HOG = {
            closeBox: "closebox_green.png"
        }
    };


    // need to setup the zoomer to use the same class as the clickers
    // created, this needs to be AFTER the hot spots panorama is setup
    // since it relies on it's clickers
    var imgZoomer = new ImgZoomer("a.hotspot", {
        centerOf: 'panorama',
        duration: 0.25,
        theme: Themes.HOG,
        windowTheme: "hog",
        shadowThemeSize: 60,
        shadowDepth: 30,
        //zoomRects: true,
        closeOnBlur: false
    });

    // This is required to link to image zoomer, again needs to be AFTER the img zoomer setup
    hotSpotsPanorama.useImgZoomer(imgZoomer);

    // Mode changing needs to be done AFTER img zoomer setup
    hotSpotsPanorama.checkIfAdmin();

};

function setup_quickfinder() {

    $('quickfindersubmit').style.display = 'none';

    var quickfinderselect = $('quickfinderselect');
    
    quickfinderselect.style.width = '258px';

    quickfinderselect.onchange =
        function() {
            if(quickfinderselect.value) {
                this.form.submit();
            }
        }

};