/* MAINMENU */

function initMenu(){

    var menu=document.getElementById("navmenu");
    var items=menu.getElementsByTagName("li");
    for(var i=0;i<items.length;i++){
        if(items[i].className=="mainmenu"){
            var item=items[i];
        
            item.setAttribute("id", "m"+i);
            makeMarker(item);
            item.onmouseover=mouseoverHandler;
            item.onmouseout=mouseoutHandler;
        }
        
    }
    var floatClearer=document.createElement("div");
    floatClearer.className="floatClearer";
    var markers=document.getElementById("menuMarkers");
    markers.appendChild(floatClearer);
}

function makeMarker(item){
    var markers=document.getElementById("menuMarkers");
    var marker=document.createElement("div");
    marker.className="menuMarker";
    marker.setAttribute("id", item.getAttribute("id"));
    var w=item.clientWidth-1;
    marker.style.width=w+"px";
    markers.appendChild(marker);
}

function hiliteMarker(item,state){
    var menuMarkers=document.getElementById("menuMarkers");
    var marker=menuMarkers.getElementsByTagName("div");
    var div;

    if(typeof(item)=="number") div=marker[item];
    else{
        for(var i=0;i<marker.length;i++){
            div=marker[i];
            if(item.getAttribute("id")==div.getAttribute("id")) break;
        }
    }

    if(div.className=="menuMarkerActive") return;
   
    if(state==2) div.className="menuMarkerActive";
    if(state==1) div.className="menuMarkerHilite";
    if(state==0) div.className="menuMarker";
        
}



function mouseoverHandler(e){
    e=e?e:(window.event?event:null);
    var item=e.target?e.target:(e.srcElement?e.srcElement:null);
    item=item.parentNode.parentNode;
    hiliteMarker(item,1);
}

function mouseoutHandler(e){
    e=e?e:(window.event?event:null);
    var item=e.target?e.target:(e.srcElement?e.srcElement:null);
    item=item.parentNode.parentNode;
    hiliteMarker(item,0);
}

/* AJANLATKERES */

function hiliteOption(index){
    var list=document.getElementById("categories");
    var items=list.getElementsByTagName("li");
    for(var i=0;i<items.length;i++){
        if(i==index){
            items[i].className="active";
            break;
        }
    }
}