﻿///////////////////////////////////////////////////
///////////////////////////////////////////////////
///// BUTTON INTERACTION SCRIPT 
///// -----------------------------                          
///// AUTHOR: Robert Tyska (robert@echo7.net) 
///// DATE: 2/01/09                          
///// REFERENCE: http://www.echo7.net                
///////////////////////////////////////////////////
///////////////////////////////////////////////////
// Begin Handlers
function handleMouseoverEvent(event) {
    MouseOverImage(event.data.element);
    event.preventDefault();
}

function handleMouseoutEvent(event) {
    MouseOutImage(event.data.element);
    event.preventDefault();
}

function handleMousedownEvent(event) {
    MouseDownImage(event.data.element);
    event.preventDefault();
}

function handleMouseupEvent(event) {
    MouseUpImage(event.data.element);
    event.preventDefault();
}


// Special Handler for Services Drop Down Over
function handleServicesMouseoverEvent(event) {
    MouseOverServices(event.data.element);
    event.preventDefault();
}

// Special Handler for Services Drop Down Out
function handleServicesMouseoutEvent(event) {
    MouseOutServices(event.data.element);
    event.preventDefault();
}
// End Handlers

function MouseOverServices(ctl) {
    $(ctl).find("ul.dropdown").show();
    
    MouseOverImage($(ctl).find("a.services"));
    event.preventDefault();
}

function MouseOutServices(ctl) {
    $(ctl).find("ul.dropdown").hide();

    MouseOutImage($(ctl).find("a.services"));
    event.preventDefault();
}

// Begin Interaction Functionality
function MouseOverImage(ctl) {
    var imgsrc = $(ctl).children("img").attr("src").toLowerCase();
    var matches = imgsrc.match(/-over/);

    if (!matches) {
        if (imgsrc.indexOf('.jpg') >= 0) {
            if (imgsrc.indexOf('-down') >= 0) imgsrc = imgsrc.replace(/-down.jpg$/, ".jpg");
            var imgsrcON = imgsrc.replace(/.jpg$/, "-over.jpg");
            $(ctl).children("img").attr("src", imgsrcON);
        }
        else if (imgsrc.indexOf('.png') >= 0) {
            if (imgsrc.indexOf('-down') >= 0) imgsrc = imgsrc.replace(/-down.jpg$/, ".png");
            var imgsrcON = imgsrc.replace(/.png$/, "-over.png");
            $(ctl).children("img").attr("src", imgsrcON);
        }
        else if (imgsrc.indexOf('.gif') >= 0) {
            if (imgsrc.indexOf('-down') >= 0) imgsrc = imgsrc.replace(/-down.jpg$/, ".gif");
            var imgsrcON = imgsrc.replace(/.gif$/, "-over.gif");
            $(ctl).children("img").attr("src", imgsrcON);
        }
    }
}

function MouseOutImage(ctl) {
    var imgsrc = $(ctl).children("img").attr("src").toLowerCase();

    if (imgsrc.indexOf('.jpg') >= 0) {
        var imgsrcOFF = imgsrc.replace(/-over.jpg$/, ".jpg");
        $(ctl).children("img").attr("src", imgsrcOFF);
    }
    else if (imgsrc.indexOf('.png') >= 0) {
        var imgsrcOFF = imgsrc.replace(/-over.png$/, ".png");
        $(ctl).children("img").attr("src", imgsrcOFF);
    }
    else if (imgsrc.indexOf('.gif') >= 0) {
        var imgsrcOFF = imgsrc.replace(/-over.gif$/, ".gif");
        $(ctl).children("img").attr("src", imgsrcOFF);
    }
}

function MouseDownImage(ctl) {
    var imgsrc = $(ctl).children("img").attr("src").toLowerCase();
    var matches = imgsrc.match(/-down/);

    if (!matches) {
        if (imgsrc.indexOf('.jpg') >= 0) {
            var imgsrcDown = '';
            if (imgsrc.indexOf('-over') >= 0) imgsrcDown = imgsrc.replace(/-over.jpg$/, "-down.jpg");
            else imgsrcDown = imgsrc.replace(/.jpg$/, "-down.jpg");
            $(ctl).children("img").attr("src", imgsrcDown);
        }
        else if (imgsrc.indexOf('.png') >= 0) {
            var imgsrcDown = '';
            if (imgsrc.indexOf('-over') >= 0) imgsrcDown = imgsrc.replace(/-over.png$/, "-down.png");
            else imgsrcDown = imgsrc.replace(/.png$/, "-down.png");
            $(ctl).children("img").attr("src", imgsrcDown);
        }
        else if (imgsrc.indexOf('.gif') >= 0) {
            var imgsrcDown = '';
            if (imgsrc.indexOf('-over') >= 0) imgsrcDown = imgsrc.replace(/-over.gif$/, "-down.gif");
            else imgsrcDown = imgsrc.replace(/.gif$/, "-down.gif");
            $(ctl).children("img").attr("src", imgsrcDown);
        }
    }
}

function MouseUpImage(ctl) {
    var imgsrc = $(ctl).children("img").attr("src").toLowerCase();

    if (imgsrc.indexOf('.jpg') >= 0) {
        var imgsrcUP = imgsrc.replace(/-down.jpg$/, ".jpg");
        $(ctl).children("img").attr("src", imgsrcUP);
    }
    else if (imgsrc.indexOf('.png') >= 0) {
        var imgsrcUP = imgsrc.replace(/-down.png$/, ".png");
        $(ctl).children("img").attr("src", imgsrcUP);
    }
    else if (imgsrc.indexOf('.gif') >= 0) {
        var imgsrcUP = imgsrc.replace(/-down.gif$/, ".gif");
        $(ctl).children("img").attr("src", imgsrcUP);
    }
}

// End Interaction Functionality
