(new Image()).src = "image/summarize-3.jpg";
(new Image()).src = "image/function-3.jpg";
(new Image()).src = "image/profit-3.jpg";
(new Image()).src = "image/summarize-2.jpg";
(new Image()).src = "image/function-2.jpg";
(new Image()).src = "image/profit-2.jpg";
var option = [{ panel: "panel2", img: "tag_img0" }, { panel: "panel1", img: "tag_img1" }, { panel: "panel3", img: "tag_img2"}];
var curPannel = 1;
function change(i) {
    var panel = document.getElementById(option[i].panel);
    var img = document.getElementById(option[i].img);
    var curP = document.getElementById(option[curPannel].panel);
    var curImg = document.getElementById(option[curPannel].img);
    curP.style.display = "none";
    curImg.src = curImg.src.replace("3.jpg", "2.jpg");
    img.src = img.src.replace("2.jpg", "3.jpg");
    img.src = img.src.replace("1.jpg", "3.jpg");
    panel.style.display = "block";
    curPannel = i;
}

$(function() {
    var pageIndex = "0";
    curPannel = 1;
    var name = "idx";
    var str2 = window.location;
    var str = str2.toString();
    if (str.indexOf(name) != -1) {
        var pos_start = str.indexOf(name) + name.length + 1;
        var pos_end = str.indexOf("&", pos_start);
        if (pos_end == -1) {
            pageIndex = str.substring(pos_start);
        }
        else {
            pageIndex = str.substring(pos_start, pos_end)
        }
        var pageIndexReal = parseInt(pageIndex);
        change(pageIndexReal);
    }
    else {
        change(1);
    }
})