// 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();
}
// End Handlers

// 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