/*--------------------------------------
    Roll Over
---------------------------------------*/
overImgClassName = 'rollover';
overImgPostfix = '_on';
function rollOver() {
    var btns = $A($$('.' + overImgClassName));
    btns.each(function (node){
        node.imgsrc = node.src;
        node.imgsrc_over = node.src.replace('.gif', overImgPostfix+'.gif').replace('.jpg', overImgPostfix+'.jpg');
        node.onmouseover = function() { this.src = this.imgsrc_over; };
        node.onmouseout = function() { this.src = this.imgsrc; };
    });
}

window.addEvent('domready', rollOver);

/*--------------------------------------
    Switch Menu
---------------------------------------*/
var SwitchMenu = new Class({
    
    toggle: {
        elements: null,
        openedClassName: 'switch-opened',
        closedClassName: 'switch-closed'
    },
    
    initialize: function() {
        this.toggle.elements = $$('.switch')

        this.toggle.elements.each(function(toggle) {
            toggle.setStyle('cursor', 'pointer');
            toggle.addClass(this.toggle.closedClassName);
        
            var toggleId = toggle.getProperty('id');
            var menu = $('menu-' + toggleId)
        
            if (menu) {
                toggle.addEvent('click', this.switchDisplay.bindWithEvent(this, [menu, toggle]));
                menu.setStyles({
                    position: 'absolute',
                    display: 'none',
                    'z-index': 9998
                });
            }
        }.bind(this));
    },
    
    switchDisplay: function(evt, menu, toggle) {
        if (menu.getStyle('display') == 'none') {
            toggle.removeClass(this.toggle.closedClassName);
            toggle.addClass(this.toggle.openedClassName);
            menu.setStyle('top', toggle.getTop() + toggle.getCoordinates().height);
            if (menu.getStyle('width') != '100%') {
                menu.setStyle('left', toggle.getLeft());
                menu.setStyle('width', toggle.getCoordinates().width - menu.getStyle('border-left-width').toInt() - menu.getStyle('border-right-width').toInt());
            }
            menu.setStyle('display', '');
        } else {
            toggle.removeClass(this.toggle.openedClassName);
            toggle.addClass(this.toggle.closedClassName);
            menu.setStyle('display', 'none');
        }
        
    }
});

window.addEvent('domready', function() { new SwitchMenu });

/*--------------------------------------
    Common Ajax
---------------------------------------*/
var CommonAjax = new Class({
    
    initialize: function() {
        var ajaxs = $$('.ajax');
        
        ajaxs.each(function(element) {
            var url = element.getElement('a').getProperty('href');
            element.getElement('a').addEvent('click', function(e) {
                new Event(e).stop();
                
    			element.setHTML('<span class="ajax-loader">please wait</span>');
                var ajax = new Ajax(
                    url, 
                    {
                        method: 'get',
                        onComplete: function() {
                			element.setHTML('<span class="ajax-loader-end">done</span>');
                		}
                    }
                );
                ajax.request();
            });
        });
    }
});

window.addEvent('domready', function() { new CommonAjax });

/*--------------------------------------
    Debug
---------------------------------------*/
function debug(obj) {
    message = 'self:' + obj + "\n";
    for (i in obj) {
        message += i + ":" + obj[i] + "\n";
    }
    var debugArea = document.createElement('pre');
    debugArea.appendChild(document.createTextNode(message));
    document.getElementsByTagName('body')[0].appendChild(debugArea);
}