// events.js - applies default event handler functionality
$(function() {
              
    // mouseover/out handler
    // applies relevant classes, img src swapping and status text
    var movement = function(element, over) {
        
        var img, status = '';
        
        // toggles img src
        var src = function(img, to, from) {
            var src = String(img.attr('src'));
            if (src.indexOf(from) > 0) {
                img.attr('src', src.replace(from, to));
            }
        };
        if (element.tagName == 'INPUT') {
            if (element.type == 'image') {
                // input type of image will swap src
                img = $(element);
            } else {
                // non-image button input types swap class
                $(element).addClass(over ? 'bnover' : 'bnout');
                $(element).removeClass(over ? 'bnout' : 'bnover');
                // use button input type's value as status
                if (over) {statusText = element.value;}
            }
        } else {
            // non-input buttons - typically an anchor
            // swap the src of the first image found
            img = $(element).find('img:first');
            if (!img) {
                // swap the class if no image found
                $(this).attr('class', over ? 'rollover' : '');
            }
            // use the anchor's text content for status
            if (over) {
                status = element.innerText;
                if (!status) {status = element.text;}
            }
        }
        
        // toggle img src if we have a valid img
        if (img) {
            src(img, '-' + (over ? 'b' : 'a') + 
                '.', '-' + (over ? 'a' : 'b') + '.');
            src(img, '_' + (over ? 'b' : 'a') + 
                '.', '_' + (over ? 'a' : 'b') + '.');
        }
        
        // if we don't have status text and we have an img, use its alt text
        if (over && !status && img) {status = $(img).attr('alt');}
        // apply status
        window.status = status;
                        
    };
    
    // apply mouseover/out handlers to button type elements
    var buttons = $('a, area, :image, :button, :reset, :submit');
    buttons.mouseover(function() {movement(this, true);});
    buttons.mouseout(function() {movement(this, false);});
    
    // apply focus/blur handlers to text form field elements
    var fields = $(':text, :password, textarea, select');
    fields.focus(function() {$(this).addClass('focus');});
    fields.blur(function() {$(this).removeClass('focus');});
});