$(document).ready(function() {
    $(".roller").mouseover(function() {
        var img = $(this).attr('src').split(".");
        var img_name = img.shift();
        var img_type = img.shift();
        var img_over = img_name+'_on.'+img_type;
        $(this).attr('src', img_over);
    });
    $(".roller").mouseout(function() {
        var img = $(this).attr('src').split(".");
        var img_name = img.shift();
        var img_type = img.shift();
        var img_out = img_name.replace('_on','.')+img_type;
        $(this).attr('src', img_out);
    });


});

function previousStepForm(form)
{
    var step = document.getElementById('step');
    step.value = parseInt(step.value)-1;
    document.getElementById(form).submit();
}

function nextStepForm(form)
{
    var step = document.getElementById('step');
    step.value = parseInt(step.value)+1;
    document.getElementById(form).submit();
}

function cancelForm(form)
{

    var step = document.getElementById('step');
    step.value = 'cancel';
    document.getElementById(form).submit();
}

function saveForm(form)
{
    var step = document.getElementById('step');
    step.value = 'save';
    document.getElementById(form).submit();
}