//when the dom is ready 
window.addEvent('domready',
function() { //buttons.js
    var body = $(document.body);
    var menu_blauw_container = body.getElement('div.menu_blauw_container');
    var menu_blauw_inhoud_end = body.getElement('div.menu_blauw_inhoud_end');
    var menu_blauw_inhoud = body.getElement('div.menu_blauw_inhoud');
    if (menu_blauw_container) {
        var IE6 = false
        /*@cc_on || @_jscript_version < 5.7 @*/
        ;
        if (IE6) {
            addBtnAction(menu_blauw_container, menu_blauw_inhoud_end, menu_blauw_inhoud, '/Files/System/images/basics/oval-darkblue.gif', '0', '-30px', '-60px', '0', '#003366', '#7F99B2', '#4C7094');
        } else {
            addBtnAction(menu_blauw_container, menu_blauw_inhoud_end, menu_blauw_inhoud, '/Files/System/images/basics/oval-darkblue.png', '0', '-30px', '-60px', '0', '#003366', '#7F99B2', '#4C7094');
        }
    }
    var Concert = $(document.body).getElements('a.home_tickets_Concerten');
    var Evenement = $(document.body).getElements('a.home_tickets_Evenementen');
    var theater = $(document.body).getElements('a.home_tickets_Theater');
    var sport = $(document.body).getElements('a.home_tickets_Sporten');
    var ImgCookie = new Hash.Cookie('Images', {
        duration: 3600,
        path: '/'
    });
    ImgCookie.set('Concert', '1');
    if (Concert != '') {
        var imgpath = Concert[0].getChildren('span.imgpath').get('text');
        var catname = Concert[0].getChildren('span.catname').get('text');
        var href = Concert[0].getProperty('href');
        changeImg(imgpath, catname, href);
        var cat = new Array();
        cat[0] = Concert;
        cat[1] = Evenement;
        cat[2] = theater;
        cat[3] = sport;
        cat.each(function(cata) {
            cata.each(function(element, index) {
                element.addEvent('mouseenter',
                function() {
                    ImgCookie.set('Concert', '0');
                    var ELimgpath = element.getChildren('span.imgpath').get('text');
                    var ELcatname = element.getChildren('span.catname').get('text');
                    var ELhref = element.getProperty('href');
                    changeImg(ELimgpath, ELcatname, ELhref);
                    if (IE6) {
                        element.setStyle('background', 'transparent url("/Files/System/images/basics/btn-tickets.gif") no-repeat right center');
                    } else {
                        element.setStyle('background', 'transparent url("/Files/System/images/basics/btn-tickets.png") no-repeat right center');
                    }
                });
                element.addEvent('mouseleave',
                function() {
                    ImgCookie.set('Concert', '1');
                    if (IE6) {
                        element.setStyle('background', 'transparent url("/Files/System/images/basics/btn-tickets.gif") no-repeat right top');
                    } else {
                        element.setStyle('background', 'transparent url("/Files/System/images/basics/btn-tickets.png") no-repeat right top');
                    }
                });
                element.addEvent('click',
                function() {
                    if (IE6) {
                        element.setStyle('background', 'transparent url("/Files/System/images/basics/btn-tickets.gif") no-repeat right bottom');
                    } else {
                        element.setStyle('background', 'transparent url("/Files/System/images/basics/btn-tickets.png") no-repeat right bottom');
                    }
                });
            });
        });
        ImgRotate('a.home_tickets_Concerten', 5000);
        selectTopImage('a.home_tickets_Evenementen');
        selectTopImage('a.home_tickets_Theater');
        selectTopImage('a.home_tickets_Sporten');
    }
    var paymentlink = $(document.body).getElement('a.paymentlink');
    if (paymentlink) {
        paymentlink.getElement('img').setStyle('filter', 'alpha(opacity=50)');
        paymentlink.addEvent('mouseenter',
        function() {
            paymentlink.getElement('img').setStyle('filter', 'alpha(opacity=100)');
        });
        paymentlink.addEvent('mouseleave',
        function() {
            paymentlink.getElement('img').setStyle('filter', 'alpha(opacity=50)');
        });
    } //mapper.js
    var tabs = $('tickets_cont');
    if (tabs) {
        var html = tabs.get('html');
        $('Tickets').set('html', html);
        tabs.destroy();
        var map = $(document.body).getElement('img.mapper');
        if (map) {
            
            var mapsrc = map.getProperty('src');
            if (mapsrc == '/Files/Billeder/') {} else if (mapsrc = '') {} else {
			
			(function() {
				addMapper();
                setOverlay();
				$$('area.tip').each(function(element, index) {
                var content = element.get('title').split('::');
                element.store('tip:title', content[0]);
                element.store('tip:text', content[1]);
            }); //create the tooltips  
				var tipz = new Tips('.tip', {
                className: 'tip',
                fixed: false,
                hideDelay: 50,
                showDelay: 50
            });
							}).delay(300);
             
                $$('.product_detail_data').each(function(element, index) {
                    element.addEvent('mouseenter', function() {
						if(this.getElement('td.selectable')){
							setSelect('ticket' + (index + 1));
						}
                    });
                    element.addEvent('mouseleave', function() {
						if (this.getElement('td.selectable')) {
							releaseSelect('ticket' + (index + 1));
						}
                    });
                });
                $('Tickets').getElements('span.no_product_element').each(function(element, index) {
                    element.addEvent('mouseenter',
                    function() {
                        setSelect('#no_ticket' + (index + 1));
                    });
                    element.addEvent('mouseleave',
                    function() {
                        releaseSelect('#no_ticket' + (index + 1));
                    });
                });
            }
        }
    }
});
function changeImg(imgPath, catName, href) {
    var bool;
    var img = $(document.body).getElement('div.imgReload' + catName);
    var background = img.getStyle('background');
    if (!background) {
        background = 'this will not match anything';
        bool = false;
    } else {
        bool = background.contains(imgPath);
    }
    if (bool == false) {
        img.set('morph', {
            link: 'chain',
            duration: 600,
            transition: Fx.Transitions.elasticOut,
            onComplete: function() {
                img.setStyle('background', 'url(Files/' + imgPath + ')');
				img.removeEvents('click');
                img.addEvent('click',
                function() {
                    location.href = href;
                });
                var fadeIn = new Fx.Morph(img, {
                    duration: 600
                });
                fadeIn.start({
                    'opacity': [0, 1]
                });
            }
        });
        img.get('morph').start({
            'opacity': [1, 0]
        });
    }
}
function selectTopImage(selector) {
    var layer = $(document.body).getElement(selector);
    if (layer != '') {
        var imgpath = layer.getChildren('span.imgpath').get('text');
        var catname = layer.getChildren('span.catname').get('text');
        var href = layer.getProperty('href');
        changeImg(imgpath, catname, href);
    }
}
function ImgRotate(selector, delay) {
    var i = 0;
    var layers = $(document.body).getElements(selector);
    delay = (delay == undefined) ? 0 : delay;
    setInterval(function() {
        var ImgCookie = new Hash.Cookie('Images', {
            duration: 3600,
            path: '/'
        });
        var img = ImgCookie.get('Concert');
        if (img == 1) {
            i = (i == layers.length - 1) ? 0 : i + 1;
            var imgpath = layers[i].getChildren('span.imgpath').get('text');
            var catname = layers[i].getChildren('span.catname').get('text');
            var href = layers[i].getProperty('href');
            changeImg(imgpath, catname, href);
        }
    },
    delay);
}