function undoClicked(anchor, id) {
    //var button = $('#undochart' + id);
    var undoButton = anchor.children('img')[0];
    var chart = $('#chart' + id)[0];

    if (undoButton == null) {
        var filter = $(anchor).children('span')[0].style.filter;
        if (filter.indexOf('d_undo.png') != -1) {
            return;
        }
        else {
            chart.undo();
            activateUndo('chart' + id, false);
        }
    }
    else {
        if (undoButton.src.indexOf('d_undo.png') != -1) {
            return;
        }
        else {
            chart.undo();
            activateUndo('chart' + id, false);
        }
    }
}

function activateUndo(id, active) {
    var button = $('#undo' + id).children('img');
    var button1 = $('#minus' + id).children('img');
    var button2 = $('#plus' + id).children('img');

    var filter = null;
    var pattern = null;

    if (button.length == 0) {
        if (active) {
            filter = $('#undo' + id).children('span')[0].style.filter;
            pattern = /src='(.*?)\/d_undo.png'/;
            filter = filter.replace(pattern, "src='$1/e_undo.png'");
            $('#undo' + id).children('span')[0].style.filter = filter;

            filter = $('#minus' + id).children('span')[0].style.filter;
            pattern = /src='(.*?)\/d_minus.png'/;
            filter = filter.replace(pattern, "src='$1/e_minus.png'");
            $('#minus' + id).children('span')[0].style.filter = filter;
        }
        else {
            filter = $('#undo' + id).children('span')[0].style.filter;
            var pattern = /src='(.*?)\/h_undo.png'/;
            filter = filter.replace(pattern, "src='$1/d_undo.png'");
            $('#undo' + id).children('span')[0].style.filter = filter;

            filter = $('#minus' + id).children('span')[0].style.filter;
            pattern = /src='(.*?)\/p_minus.png'/;
            filter = filter.replace(pattern, "src='$1/d_minus.png'");
            $('#minus' + id).children('span')[0].style.filter = filter;
            pattern = /src='(.*?)\/e_minus.png'/;
            filter = filter.replace(pattern, "src='$1/d_minus.png'");
            $('#minus' + id).children('span')[0].style.filter = filter;

            filter = $('#plus' + id).children('span')[0].style.filter;
            pattern = /src='(.*?)\/p_plus.png'/;
            filter = filter.replace(pattern, "src='$1/e_plus.png'");
            $('#plus' + id).children('span')[0].style.filter = filter;
        }
    }
    else {
        if (active) {
            button.addClass("icon");
            button1.addClass("icon");
            button[0].src = '../img/tools/e_undo.png';
            if (button1[0].src.indexOf('tools/d_minus.png') != -1) {
                button1[0].src = '../img/tools/e_minus.png';
            }
        }
        else {
            button.removeClass("icon");
            button1.removeClass("icon");
            button[0].src = '../img/tools/d_undo.png';
            button1[0].src = '../img/tools/d_minus.png';

            if (button2[0].src.indexOf('tools/p_plus.png') != -1) {
                button2[0].src = '../img/tools/e_plus.png';
            }
        }
    }
}

function activateMinus(id, active) {
    var button = $('#minus' + id);

    if (button.length == 0) {
        var filter = $('#minus' + id).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/d_minus.png'/;
        if (active) {
            filter = filter.replace(pattern, "src='$1/e_minus.png'");
            $('#minus' + id).children('span')[0].style.filter = filter;
        }
        else {
            var pattern = /src='(.*?)\/p_minus.png'/;
            filter = filter.replace(pattern, "src='$1/d_minus.png'");
            $('#minus' + id).children('span')[0].style.filter = filter;
        }
    }
    else {
        if (active) {
            button.addClass("icon");
            button[0].src = '../img/tools/e_minus.png';
        }
        else {
            button.removeClass("icon");
            button[0].src = '../img/tools/d_minus.png';
        }
    }
}

function deactivatePlus(id) {
    var button = $('#plus' + id);

    if (button.length == 0) {
        var filter = $('#plus' + id).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/p_plus.png'/;
        filter = filter.replace(pattern, "src='$1/e_plus.png'");
        $('#plus' + id).children('span')[0].style.filter = filter;
    }
    else {
        button[0].src = '../img/tools/e_plus.png';
    }
}

function plusClicked(plusAnchor, minusAnchor, id) {
    var chart = $('#chart' + id)[0];
    var plusButton = plusAnchor.children('img')[0];
    var minusButton = minusAnchor.children('img')[0];

    if (plusButton == null && minusButton == null) {
        var filter = $(plusAnchor).children('span')[0].style.filter;
        if (filter.indexOf('d_plus.png') != -1) {
            return;
        }
        filter = $(minusAnchor).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/d_minus.png'/;
        filter = filter.replace(pattern, "src='$1/e_minus.png'");
        $(minusAnchor).children('span')[0].style.filter = filter;

        filter = $(plusAnchor).children('span')[0].style.filter;
        if (filter.indexOf('p_plus.png') == -1) {
            chart.zoomIn();
            pattern = /src='(.*?)\/h_plus.png'/;
            filter = filter.replace(pattern, "src='$1/p_plus.png'");
            $(plusAnchor).children('span')[0].style.filter = filter;

            filter = $(minusAnchor).children('span')[0].style.filter;
            if (filter.indexOf('p_minus.png') != -1) {
                pattern = /src='(.*?)\/p_minus.png'/;
                filter = filter.replace(pattern, "src='$1/e_minus.png'");
                $(minusAnchor).children('span')[0].style.filter = filter;
            }
        }
        else {
            chart.stopZoomIn();
            //alert(filter);
            pattern = /src='(.*?)\/p_plus.png'/;
            filter = filter.replace(pattern, "src='$1/e_plus.png'");
            $(plusAnchor).children('span')[0].style.filter = filter;
        }
    }
    else {
        if (plusButton.src.indexOf('tools/d_plus.png') != -1) {
            return;
        }
        if (minusButton.src.indexOf('tools/d_minus.png') != -1) {
            minusButton.src = '../img/tools/e_minus.png';
        }
        if (plusButton.src.indexOf('tools/p_plus.png') == -1) {
            chart.zoomIn();
            plusButton.src = '../img/tools/p_plus.png';
        }
        else {
            chart.stopZoomIn();
            plusButton.src = '../img/tools/e_plus.png';
        }
    }
}

function plusMouseOver(anchor) {
    var button = $(anchor).children('img')[0];
    if (button == null) {
        var filter = $(anchor).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/e_plus.png'/;
        filter = filter.replace(pattern, "src='$1/h_plus.png'");
        $(anchor).children('span')[0].style.filter = filter;
    }
    else {
        if (button.src.indexOf('tools/p_plus.png') == -1 && button.src.indexOf('tools/d_plus.png') == -1) {
            button.src = '../img/tools/h_plus.png';
        }
    }
}

function plusMouseOut(anchor) {
    var button = $(anchor).children('img')[0];

    if (button == null) {
        var filter = $(anchor).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/h_plus.png'/;
        filter = filter.replace(pattern, "src='$1/e_plus.png'");
        $(anchor).children('span')[0].style.filter = filter;
    }
    else {
        if (button.src.indexOf('tools/p_plus.png') == -1 && button.src.indexOf('tools/d_plus.png') == -1) {
            button.src = '../img/tools/e_plus.png';
        }
    }
}

function minusClicked(plusAnchor, minusAnchor, id) {
    var chart = $('#chart' + id)[0];

    var plusButton = plusAnchor.children('img')[0];
    var minusButton = minusAnchor.children('img')[0];
    var pattern = /src='(.*?)\/h_minus.png'/;

    if (plusButton == null && minusButton == null) {
        var filter = $(minusAnchor).children('span')[0].style.filter;
        if (filter.indexOf('d_minus.png') != -1) {
            return;
        }
        if (filter.indexOf('p_minus.png') != -1) {
            chart.stopZoomIn();
            pattern = /src='(.*?)\/p_minus.png'/;
            filter = filter.replace(pattern, "src='$1/e_minus.png'");
            $(minusAnchor).children('span')[0].style.filter = filter;
        }
        else {
            filter = filter.replace(pattern, "src='$1/p_minus.png'");
            $(minusAnchor).children('span')[0].style.filter = filter;

            filter = $(plusAnchor).children('span')[0].style.filter;
            if (filter.indexOf('p_plus.png') != -1) {
                pattern = /src='(.*?)\/p_plus.png'/;
                filter = filter.replace(pattern, "src='$1/e_plus.png'");
                $(plusAnchor).children('span')[0].style.filter = filter;
            }
            chart.zoomOut();
        }
    }
    else {
        if (minusButton.src.indexOf('tools/d_minus.png') != -1) {
            return;
        }
        if (minusButton.src.indexOf('tools/p_minus.png') != -1) {
            chart.stopZoomIn();
            minusButton.src = '../img/tools/e_minus.png';
        }
        else {
            minusButton.src = '../img/tools/p_minus.png';
            if (plusButton.src.indexOf('tools/p_plus.png') != -1) {
                plusButton.src = '../img/tools/e_plus.png';
            }
            chart.zoomOut();
        }
    }
}

function minusMouseOver(anchor) {
    var button = $(anchor).children('img')[0];

    if (button == null) {
        var filter = $(anchor).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/e_minus.png'/;
        filter = filter.replace(pattern, "src='$1/h_minus.png'");
        $(anchor).children('span')[0].style.filter = filter;
    }
    else {
        if (button.src.indexOf('tools/p_minus.png') == -1 && button.src.indexOf('tools/d_minus.png') == -1) {
            button.src = '../img/tools/h_minus.png';
        }
    }
}

function minusMouseOut(anchor) {
    var button = $(anchor).children('img')[0];

    if (button == null) {
        var filter = $(anchor).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/h_minus.png'/;
        filter = filter.replace(pattern, "src='$1/e_minus.png'");
        $(anchor).children('span')[0].style.filter = filter;
    }
    else {
        if (button.src.indexOf('tools/p_minus.png') == -1 && button.src.indexOf('tools/d_minus.png') == -1) {
            button.src = '../img/tools/e_minus.png';
        }
    }
}

function undoMouseOver(anchor) {
    var button = $(anchor).children('img')[0];

    if (button == null) {
        var filter = $(anchor).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/e_undo.png'/;
        filter = filter.replace(pattern, "src='$1/h_undo.png'");
        $(anchor).children('span')[0].style.filter = filter;
    }
    else {
        if (button.src.indexOf('tools/p_undo.png') == -1 && button.src.indexOf('tools/d_undo.png') == -1) {
            button.src = '../img/tools/h_undo.png';
        }
    }
}

function undoMouseOut(anchor) {
    var button = $(anchor).children('img')[0];

    if (button == null) {
        var filter = $(anchor).children('span')[0].style.filter;
        var pattern = /src='(.*?)\/h_undo.png'/;
        filter = filter.replace(pattern, "src='$1/e_undo.png'");
        $(anchor).children('span')[0].style.filter = filter;
    }
    else {
        if (button.src.indexOf('tools/p_undo.png') == -1 && button.src.indexOf('tools/d_undo.png') == -1) {
            button.src = '../img/tools/e_undo.png';
        }
    }
}

function zoomOut(id) {
    var chart = $('#chart' + id)[0];
    chart.zoomOut();
    //chart.restoreChart();
}