window.addEvent('domready', function(){
    
    if ($('banner')) {
        
        var b = new Cycle('banner', {
            interval: 7500,
            active: '#bannerNav li',
            toggler: '#bannerNav li a'
        }).start();
        
    }
    
    if ($('prodimg')) {
        
        new Cycle('prodimg', {
            interval: 0,
            active: '#prodimgthumb li',
            toggler: '#prodimgthumb li a'
        }).start();
        
    }
    
    new DatePicker('.pickdate', {
        allowEmpty: true,
        format: 'd F Y',
        inputOutputFormat: 'd F Y H:i',
        positionOffset: {x:1, y:0}
    });
    
    if (document.location.protocol == 'http:') {
        
        if ($('gmap')) {
            new GoogleMap($('gmap'), {
                lat: 53.389651,
                lng: -2.345746,
                zoom: 15,
                mapType: google.maps.MapTypeId.ROADMAP,
                markers: [
                    {
                        label: '',
                        lat: 53.389651,
                        lng: -2.345746,
                        info: '<strong>Bike Shak</strong><br />10 Oakfield Trading Estate<br />Altrincham<br />WA15 8EJ '
                    }
                ],
                directions: true
            });
        }
        
    }
    
    if ($('megaMenu')) {
        
        var megaMenuSize = $('megaMenu').getSize();
        
        $$('#megaMenu div').each(function(el){
            
            var selector = el.getParent('li');
            
            var cssOffset = -30;
            var offset = cssOffset;
            
            var selectorCoords = selector.getCoordinates($('megaMenu'));
            var elSize = el.getSize();
            
            if (selectorCoords.left + cssOffset < 0) offset = 0;
            
            var rightEdge = selectorCoords.left + elSize.x;
            if (rightEdge > megaMenuSize.x) offset = -(rightEdge - megaMenuSize.x)
            
            if (offset != cssOffset) {
                
                selector.addEvents({
                    'mouseenter': function(e){ el.setStyle('left', offset); },
                    'mouseleave': function(e){ el.setStyle('left'); }
                });
                
            }
            
        });
        
    }
    
    if ($('MegaNavAttrSearch')) {
        
        var sform = $$('#MegaNavAttrSearch form')[0];
        
        if (sform) {
            
            sform.setStyle('display', 'none');
            var submitter = sform.getElement('input[type=hidden]');
            
            if (submitter) {
                
                $$('#MegaNavAttrSearch a').addEvent('click', function(e){
                    
                    if (e) e.preventDefault();
                    
                    submitter.setProperty('value', this.getProperty('data-uid'));
                    sform.submit();
                    
                });
                
            }
            
        }
        
    }
    
    if ($('bigImage')) {
        
        window.addEvent('resize', function(e){
            
            var winSize = window.getSize();
            
            $('bigImage').setStyles({
                'width'  : winSize.x - 60,
                'height' : winSize.y - 60
            });
            
            $$('#bigImage div').setStyles({
                'width'  : winSize.x - 60,
                'height' : winSize.y - 60 - 100
            });
            
        });
        
        $$('#bigImage > a').addEvent('click', function(e){
            
            if (e) e.preventDefault();
            $('bigImage').fade('hide');
            killOverlay();
            
        });
        
        var frame = $$('#bigImage div')[0];
        
        if (frame) {
            
            $$('#bigImage li a').addEvent('click', function(e){
                
                if (e) e.preventDefault();
                changeBigImage(frame, this.getProperty('href'));
                
            });
            
            $$('#prodimg a').addEvent('click', function(e){
                
                if (e) e.preventDefault();
                window.fireEvent('resize');
                changeBigImage(frame, this.getProperty('href'));
                spawnOverlay( (function(){ $('bigImage').fade('show'); }) );
                
            });
            
        }
        
    }
    
});

function changeBigImage(frame, url)
{
    frame.empty();
    
    new Element('iframe', {
        'src'               : url,
        'width'             : '100%',
        'height'            : '100%',
        'styles'            : {'border': ' none'},
        'frameborder'       : 0,
        'allowtransparency' : 'true'
    }).inject(frame);
}