var lastHighLighted = "";
var lastHighLighted2 = "";
var lastHighLighted3 = "";
var openPage = 1;
var p;
var ig = new Array();

function init(page){
    p = page;
    if ("addEventListener" in document.body){
        document.body.addEventListener("mousemove", hl, false);
    }else{
        document.body.attachEvent('onmousemove', hl);
    }
    preLoad();
}

function hl(e){
    var el = e.target ? e.target : e.srcElement;
    if (el.id.substring(0,2) != "mb"){
        if (lastHighLighted != ""){
            deHighLight(lastHighLighted);
            lastHighLighted = "";
        }
    }else
        highLight(el);

    if (el.id.substring(0,3) != "mdt" && el.id.substring(0,3) != "mdi"){
        if (lastHighLighted2 != ""){
            deHighLight2(lastHighLighted2);
            lastHighLighted2 = "";
            deHighLight3(lastHighLighted3);
            lastHighLighted3 = "";
        }
    }else{
        if(el.id.substring(0,3) == "mdt"){
            highLight2(el);
            el = findElem("img", 'mdi'+p+'_'+el.id.substr(3,1));
            highLight3(el);
        }else{
            highLight3(el);
            el = findElem("td", 'mdt'+el.id.substr(5,1));
            highLight2(el);
        }
    }
}

function highLight(el){
    if (lastHighLighted == el.id)
        return;
    el.src = 'img/' + el.id + 'o.jpg';
    deHighLight(lastHighLighted);
    lastHighLighted = el.id;
}

function deHighLight(name){
    if (name == "")
        return;
    var list = document.getElementsByTagName("img");
    for (var i = 0; i < list.length; i++){
        if (list[i].getAttribute("id") == name)
            list[i].src = "img/" + name + ".jpg";
    }
}

function highLight2(el){
    if (lastHighLighted2 == el.id || openPage == el.id.substring(3))
        return;
    el["className"] = 'mdto';
    deHighLight2(lastHighLighted2);
    lastHighLighted2 = el.id;
}

function highLight3(el){
    if (lastHighLighted3 == el.id || openPage == el.id.substring(5))
        return;
    el.src = 'img/' + el.id + 'o.jpg';
    deHighLight3(lastHighLighted3);
    lastHighLighted3 = el.id;
}

function deHighLight2(name){
    if (name == "" || openPage == name.substring(3))
        return;
    var list = document.getElementsByTagName("td");
    for (var i = 0; i < list.length; i++){
        if (list[i].getAttribute("id") == name)
            list[i]["className"] = 'mdt';
    }
}

function deHighLight3(name){
    if (name == "" || openPage == name.substring(5))
        return;
    var list = document.getElementsByTagName("img");
    for (var i = 0; i < list.length; i++){
        if (list[i].getAttribute("id") == name)
            list[i].src = "img/" + name + ".jpg";
    }
}

function findElem(tag, name){
    if (name == "")
        return;
    var list = document.getElementsByTagName(tag);
    for (var i = 0; i < list.length; i++){
        if (list[i].getAttribute("id") == name)
            return list[i];
    }
}

function report(n){
    if(n == openPage)
        return;
    if(openPage != 0){
        ooP = openPage; openPage = 0;
        deHighLight2('mdt'+ooP); deHighLight3('mdi'+p+'_'+ooP);
    }
    var list = document.getElementsByTagName("img");
    for (var i = 0; i < list.length; i++){
        if (list[i].getAttribute("id").substring(3) == p + '_' + n){
            highLight2(findElem('td', 'mdt'+n));
            highLight3(findElem('img', 'mdi'+p+'_'+n));
            openPage = n;
        }
    }
}

function preLoad(){
    var list = document.getElementsByTagName("img");
    j = 0;
    for (var i = 0; i < list.length; i++){
        if (list[i].getAttribute("id").substring(0,3) == 'mdi'){
            ig[j] = new Image();
            ig[j].src = list[i].getAttribute("id") + 'o.jpg';
        }
    }
}