// Copyright tham chun-hong
//   email : tham123@yahoo.com
//   please give me give your comments
//

var items = new Array();
var parents = new Array();
var pageScrolls = new Array();
var createdChilds = new Array();
var mouseOuts = new Array();
var icount = 0;
var itemHeight = 25;
var itemWidth = 168;
var subOffsetX = -20;
var subOffsetY = 4;
var mOverColor = '#949494';
var mOutColor = '#E6E6E6';
var maxChopWords = 18;
var maxItemDisplay = 5;
var layerPosX = 100;
var layerPosY = 100;
var curOverLayer = null;
var mouseOutNum = 0;
var backbutton = '/axiom/images/back.gif';
var morebutton = '/axiom/images/more.gif';
var hasChildbutton = '/axiom/images/s_arrow.gif';


function initProdGroupLayers() {
    var obj = document['imageProdGroup'];

    if (mac && obj == null) return;
    if (!mac && ie && document.getElementById('imageProdGroup') == null) return;
    if ((ns || ns6) && obj == null) return;

    getImagePos('imageProdGroup');
    if (!mac) {
       layerPosX = (ie) ? imagePosX : imagePosX+1;
       layerPosY = (ie) ? imagePosY+8 : imagePosY+20;
    } else {
       layerPosX = imagePosX-18;
       layerPosY = imagePosY+20;
    }
    initDynFolder();
}

function dataStruct(_level, _title, _uri) {
    this.title = _title;
    this.uri = _uri;
    this.level = _level;
    this.nlevel = null;
    this.hasChild = false;
}

function parentInfo(_size, _startX, _startY, _endX, _endY) {
    this.childSize = _size;
    this.startX = _startX;
    this.startY = _startY;
    this.endX = _endX;
    this.endY = _endY;
    this.exInfo = null;
    this.hasControl = false;
    this.first = null;
    this.middle = null;
    this.last = null;
	this.isActive = false;
	this.curPage = 1;
}

function moveLayerTo(x, y, child) {
    var p = null;
    if ((p=createdChilds[child]) == null) return;

    if (p.newlyr == null) p.create();
    if (ns) { 
        p.newlyr.top = y;
        p.newlyr.left = x;
    } else if (ie || ns6) {
        p.newlyr.style.top = y;
        p.newlyr.style.left = x;
    }
}

function addElement(level, title, uri) {
    var data = new dataStruct(level, title, uri);
    items[icount++] = data;
}

function initDynFolder() {
    var i = 0;
    var curLevel = 1;
    var levelStr = '1';
    var curcount = 1;
    
    while (true) {
    for(i=0; i<icount; i++) {
        if (items[i].level != curLevel) continue;

        if (curLevel>1 && items[i].level==items[i-1].level+1) {
            items[i-1].hasChild = true;
            levelStr = items[i-1].nlevel; 
            curcount = 1;
        }
        items[i].nlevel = levelStr +'_'+ curcount;
        curcount++;
    }
    if (curcount == 1) break;
    curLevel++;
    curcount = 1;
    }
    
    paintData(getData('1'), '1');
    var p = parents['1'];
    for (i=1; i<=p.childSize; i++) showLayer('clayer1_'+i);
}

function getMaxDivisor(val) {
    var ret = 0;
    var val2 = 0;
    
    while(true) {
        ret++;
        val2 = val - (maxItemDisplay * ret);
        if (val2 <= 0) return ret-1;
    }
}

function paintData(childs, nlevel) {
    var i=0;
    var count=0;
    var concat = '';
    var pos = 0;
    var start = 0;
    var xoff = layerPosX;
    var yoff = 0;
    var dum = '';
    var lyr = null;
    var lvl = null;
    var _dum = 0;

    while ((pos=nlevel.indexOf('_', start)) >= 0) {
        xoff += itemWidth + subOffsetX;
        start = pos+1;

        if ((pos=nlevel.indexOf('_', start)) >= 0)
            dum = nlevel.substring(start, pos);
        else 
            dum = nlevel.substring(start);
        
        // if the previous parent has page control layers then
        // must collapse the current dum value to the correct
        // position.
        //
        if (lvl!=null && lvl!='' && parents[lvl].hasControl) {
            _dum = dum -1+1;
            _dum = _dum - (getMaxDivisor(_dum) * maxItemDisplay);
            yoff += _dum -2+1;
        } else yoff += dum -2+1;
        
        lvl = nlevel.substring(0, pos);
        count++;
    }

    if (nlevel != '1')
        yoff = (yoff * itemHeight) + (count * subOffsetY);
    yoff += layerPosY;

    count = 0;
    var num = yoff;
    var hasControl = false;
    var anchor1 = '';
    var anchor2 = '';
    if (nlevel!='1' && childs.length>maxItemDisplay) hasControl = true
    
    for (i=0; i<childs.length; i++) {
        lyr = new DynamicLayer('clayer'+childs[i].nlevel, 'absolute', xoff, num, itemWidth, itemHeight, mOutColor);
        //lyr.setVisible( (nlevel=='1') );
        lyr.setVisible(false);

        if (childs.length == 1)
            lyr.setStyleClass('menusingle');
        else if (!hasControl && i==childs.length-1)
            lyr.setStyleClass('menulast');
        else if (count == 0) 
            lyr.setStyleClass('menutop');
        else
            lyr.setStyleClass('menunorm');
        
        if (ns || ns6) {
            anchor1 = '<a href="javascript:childMouseClick(\'clayer'+ childs[i].nlevel +'\')">';
            anchor2 = '</a>';
        }

        if (parentHasChild(childs[i].nlevel))
            lyr.setContent('<table width="'+ itemWidth +'" height="'+ itemHeight +'"><tr><td class="menutd">'+ anchor1+chopSentence(childs[i].title)+anchor2 +'</td><td align="right"><img src="'+ hasChildbutton +'"></td></tr></table>');
        else
            lyr.setContent('<table width="'+ itemWidth +'" height="'+ itemHeight +'"><tr><td class="menutd">'+ anchor1+chopSentence(childs[i].title)+anchor2 +'</td></tr></table>');

        if (ie) {
		    lyr.setMouseClick('childMouseClick');
            lyr.setMouseOver('childMouseOver');
            lyr.setMouseOut('childMouseOut');
        } else if (ns || ns6) {
            lyr.setMouseOver(childMouseOver);
            lyr.setMouseOut(childMouseOut);
        }

        if (nlevel == '1') lyr.create(); 

        createdChilds['clayer'+childs[i].nlevel] = lyr;
        num += itemHeight;
        count++;
            
        if (nlevel=='1' || maxItemDisplay==childs.length || count<maxItemDisplay) continue;
        
        // CONVENTION : all starts from 1
        //
        if (pageScrolls[nlevel] == null) {
            pageScrolls[nlevel] = new parentInfo(1, xoff, num, xoff+itemWidth, num+itemHeight);
			var clayers = makeControlLayers(nlevel);
			pageScrolls[nlevel].first = clayers[0];
			pageScrolls[nlevel].middle = clayers[1];
			pageScrolls[nlevel].last = clayers[2];
        } else pageScrolls[nlevel].childSize++; 
        
        count = 0;
        num = yoff;
    }

	// below is used to pad the empty rows when does not
	// fit in the whole maxItemDisplay. pinfo will store the
	// extended child size thus closing all the blank layers
	// as well.
    //
    var pinfo = null;
    if (hasControl) {
		var len = childs.length;
		while (count!=0 && count<maxItemDisplay) {
			len++;
        	lyr = new DynamicLayer('clayer'+nlevel+'_'+len, 'absolute', xoff, num, itemWidth, itemHeight, mOutColor);
            lyr.setStyleClass('menunorm');
            lyr.setContent('<table width="'+ itemWidth +'" height="'+ itemHeight +'"><tr><td class="menutd">&nbsp;</td></tr></table>');
            if (ie) lyr.setMouseOut('childMouseOut');
            else if (ns || ns6) lyr.setMouseOut(childMouseOut);

            createdChilds['clayer'+nlevel+'_'+len] = lyr;

        	num += itemHeight;
			count++;
		}
        var endpos = (itemHeight*maxItemDisplay)+yoff-1+1;
        pinfo = new parentInfo(len, xoff, yoff, xoff+itemWidth, endpos);

		// only if padding needed then do this else has been
		// incremented above.
		//
        if (len > childs.length) pageScrolls[nlevel].childSize++; 
		
    } else
        pinfo = new parentInfo(childs.length, xoff, yoff, xoff+itemWidth, num);
   
    pinfo.hasControl = hasControl; 
    parents[nlevel] = pinfo;
}

function makeControlLayers(id) {
	var clayers = new Array(3);
    var lyr = new DynamicLayer('cntlMiddle'+id, 'absolute', 0, 0, itemWidth, itemHeight, mOutColor);
    lyr.setVisible(false);
    if (ie) lyr.setMouseOut('childMouseOut');
    else if (ns || ns6) lyr.setMouseOut(childMouseOut);
    lyr.setStyleClass('menulast');
    lyr.setContent('<table width="'+ itemWidth +'" height="'+ itemHeight +'"><tr><td class="menutd"><a href="javascript:pageBack()"><img src="'+ backbutton +'" border="0"></a></td><td class="menutd" align="right"><a href="javascript:pageForward()"><img src="'+ morebutton +'" border="0"></a></td></tr></table>');
    lyr.create();
	clayers[1] = lyr;
    lyr = new DynamicLayer('cntlFirst'+id, 'absolute', 0, 0, itemWidth, itemHeight, mOutColor);
    lyr.setVisible(false);
    lyr.setStyleClass('menulast');
    if (ie) lyr.setMouseOut('childMouseOut');
    else if (ns || ns6) lyr.setMouseOut(childMouseOut);
    lyr.setContent('<table width="'+ itemWidth +'" height="'+ itemHeight +'"><tr><td class="menutd" align="right"><a href="javascript:pageForward()"><img src="'+ morebutton +'" border="0"></a></td></tr></table>');
    lyr.create();
	clayers[0] = lyr;
    lyr = new DynamicLayer('cntlLast'+id, 'absolute', 0, 0, itemWidth, itemHeight, mOutColor);
    lyr.setVisible(false);
    lyr.setStyleClass('menulast');
    if (ie) lyr.setMouseOut('childMouseOut');
    else if (ns || ns6) lyr.setMouseOut(childMouseOut);
    lyr.setContent('<table width="'+ itemWidth +'" height="'+ itemHeight +'"><tr><td class="menutd" class="menutd"><a href="javascript:pageBack()"><img src="'+ backbutton +'" border="0"></a></td></tr></table>');
    lyr.create();
	clayers[2] = lyr;
	return clayers;
}

function pageForward() {
    pageControl(1);
}

function pageBack() {
    pageControl(-1);
}

function pageControl(next) {
    var mx = mousePosX;
    var my = mousePosY;
    var f = null;
	var p = null;
	var i = 0;

	// find out what is the parent
	//
	for (f in pageScrolls) {
		p = pageScrolls[f];
		if (!p.isActive) continue;
        if (mx>p.startX && my>p.startY && mx<p.endX && my<p.endY) break;
	}
    var size = parents[f].childSize;
    for (i=1; i<=size; i++)
    	hideLayer('clayer'+f+'_'+i);  

	// get the correct control page to show
	// 
    var sPage = (next==1) ? (p.curPage * maxItemDisplay)+1 : ((p.curPage-2) * maxItemDisplay)+1;
	var ePage = sPage + maxItemDisplay;

	for (i=sPage; (i<ePage && i<=size); i++)
    	showLayer('clayer'+f+'_'+i);       
        
	p.curPage += next;
    var pos = getControlPos(f, p.curPage);
    p.first.clear();
    p.middle.clear();
    p.last.clear();
    eval ('p.'+ pos +'.moveTo(p.startX, p.startY)');
    eval ('p.'+ pos +'.show()');
}

function getControlPos(parent, curpage) {
    var pinfo = pageScrolls[parent];
    if (pinfo == null) return 'none';
    
    if (curpage >= pinfo.childSize) return 'last';
    else if (curpage == 1) return 'first';
    return 'middle';
}

function childMouseOut(id) {
    mouseOuts[mouseOutNum] = window.setTimeout("cleanUp()", 2000);
    mouseOutNum++;
}


function childMouseClick(id) {
    var i = 0;
	var vid = id.substring(6);
    for(i=0; i<icount; i++)
        if (items[i].nlevel==vid) window.location.replace(items[i].uri);
}
        
function childMouseOver(id) {
    if (ns) id = id.target.layerID;
    else if (ns6) id = id.currentTarget.layerID;
    var nlevel = id.substring(6);
    var len = mouseOutNum;
    var i = 0;
    
    for(i=0; i<len; i++) {
        clearTimeout(mouseOuts[i]);
        mouseOuts[i] = null;
        mouseOutNum--;
    }
        
    if (parents[nlevel] == null) 
        paintData(getData(nlevel), nlevel);
        
    var pinfo = pageScrolls[nlevel];
    var len = parents[nlevel].childSize;
    var parent = getParent(nlevel);
    if (curOverLayer != null) outColor(curOverLayer);
    overColor(id);
    
    if (parent != null) removeOldLayers(nlevel);
    
    if (len==null || len==0) return;
	parents[nlevel].isActive = true;

    for (i=1; i<len+1 && i<=maxItemDisplay; i++)
        showLayer('clayer'+nlevel+'_'+i);       
    
    if (pinfo == null) return;
    pinfo.first.moveTo(pinfo.startX, pinfo.startY);
    pinfo.first.show();
	pinfo.isActive = true;
}

function removeOldLayers(child) {
    var f;

    for (f in parents) {
		if (!parents[f].isActive) continue;
        if (child.indexOf(f) == 0) continue;
        _removeLayers(f);
        cleanUpControls(f);
    }
}

function isInsideLayer() {
    var mx = mousePosX;
    var my = mousePosY;
    var isInside = false;
    var f = null;
	var p = null;

    for (f in parents) {
		if (!parents[f].isActive) continue;
        //window.status = mx+" "+my+"......"+f+"="+parents[f].startX+" "+parents[f].startY+" "+parents[f].endX+" "+parents[f].endY;
        if (mx>parents[f].startX && my>parents[f].startY && mx<parents[f].endX && my<parents[f].endY) {
            isInside = true;
            break;
        }
		if ((p=pageScrolls[f])==null) continue;
		if (!p.isActive) continue;

        //window.status = mx+" "+my+"......"+f+"="+p.startX+" "+p.startY+" "+p.endX+" "+p.endY;
        if (mx>p.startX && my>p.startY && mx<p.endX && my<p.endY) {
            isInside = true;
            break;
        }
    }

    if (isInside) return true;
    if (mx>parents['1'].startX && my>parents['1'].startY && mx<parents['1'].endX && my<parents['1'].endY) return true;
    return false;
}

function cleanUp() {
    var f = null;
    var i = 0;

    mouseOutNum = 0;
    if (isInsideLayer()) return;
    for (f in parents) {
		if (!parents[f].isActive) continue;
		_removeLayers(f);
	}
	for (f in pageScrolls) cleanUpControls(f);
    if (curOverLayer != null) {
        outColor(curOverLayer);
        curOverLayer = null;
    }
}

function _removeLayers(f) {
    var i=0;
    var len = parents[f].childSize;
	var f;

    parents[f].isActive = false;
    for (i=1; i<len+1; i++) hideLayer('clayer'+f+'_'+i);
}

function cleanUpControls(f) {
	var p = pageScrolls[f];
	if (p==null || !p.isActive) return; 
	p.first.clear();
	p.middle.clear();
	p.last.clear();
	p.isActive = false; 
    p.curPage = 1;
}

// return null if no parent
//
function getParent(nlevel) {
    var pos = 0;
    var start = 0;
    
    while ((pos=nlevel.indexOf('_', start)) >= 0) start = pos+1;
    if (start==0) return null;
    return nlevel.substring(0, start-1);
}

function showLayer(child) {
    var p = null;
    if ((p=createdChilds[child]) == null) return;

    if (p.newlyr == null) p.create();
    p.show();
}

function hideLayer(child) {
    var p = null;
    if ((p=createdChilds[child]) == null) return;

    if (p.newlyr == null) p.create();
    p.clear();
}

function overColor(child) {
    curOverLayer = child;
    var p = null;
    if ((p=createdChilds[child]) == null) return;

    if (p.newlyr == null) p.create();
    if (ns) p.newlyr.bgColor = mOverColor;
    else if (ie || ns6) p.newlyr.style.background = mOverColor;
}

function outColor(child) {
    var p = null;
    if ((p=createdChilds[child]) == null) return;

    if (p.newlyr == null) p.create();
    if (ns) p.newlyr.bgColor = mOutColor;
    else if (ie || ns6) p.newlyr.style.background = mOutColor;
}

// convention : eg. pos = 1_4 means get all child data below level
//  1 position number 4. pos = 1_4_1, same as above but one level
//  lower and at position 1.
//
function getData(pos) {
    var i = 0;
    var curcount = 1;
    var retcount = 0;
    var ret = new Array();
    var dum = '';

    for (i=0; i<icount; i++) {
        dum = pos + '_'+ curcount;
        if (items[i].nlevel != dum) continue;
        ret[retcount++] = items[i];
        curcount++;
    }
    return ret;
}

function parentHasChild(id) {
    var i = 0;

    for(i=0; i<icount; i++)
        if (items[i].nlevel==id && items[i].hasChild) return true;
    return false;
}

function chopSentence(data) {
    if (data.length <= maxChopWords) return data;
    var test;
    var i = 0;
    
    var ret = data.substring(0, 13);
    for (i=13; i<=maxChopWords; i++) {
        test = data.charAt(i);
        if (test == ' ') { ret += '..'; return ret; }
        else ret += test;
    }

    ret = data.substring(0, 6);
    for (i=6; i<=maxChopWords; i++) {
        test = data.charAt(i);
        if (test == ' ') { ret += '..'; return ret; }
        else ret += test;
    }
    
    return data.substring(0, maxChopWords) +'..';
}