// JavaScript Document


function myGetElementById(elemId,myDoc){
	if (null == myDoc) myDoc = window.document;
	if (myDoc.getElementById) return myDoc.getElementById(elemId);
	else if (myDoc.all) return myDoc.all[elemId];
	return null;
	}
	
function pointDown(myID){
	myGetElementById(myID, document).src = "/img-general/arrow_down.jpg"
	lastImg = myID;
}

var lastImg;
function pointRight(myID){
var myName = findB(myID);
if (myName == "0sub1"){
	var myImg = myGetElementById(lastImg, document);
	if (null != myImg) myImg.src = "/img-general/arrow_right.jpg";
	}

}

function findB(myObj){	
	for (var x in oM.m){
		if (oM.m[x].b == myObj) return oM.m[x].name;
		}
	return null;
	}




/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

var oM=new makeCM("oM")
oM.pxBetween=1
oM.fromTop=180
oM.fromLeft=10
oM.menuPlacement=0
oM.wait=600
oM.fillImg="cm_fill.gif"
oM.zIndex=100 
oM.resizeCheck=1
oM.zIndex=100  
oM.onlineRoot=""
oM.offlineRoot="file:///C|/myfiles/"
oM.rows=1


//Level properties
//Syntax for fast creation (advanced users only)
//oM.level[1]=new cm_makeLevel(width,height,regClass,overClass,borderX,borderY,borderClass,rows,align,offsetX,offsetY,arrow,arrowWidth,arrowHeight)

oM.level[0]=new cm_makeLevel()
oM.level[0].width=60
oM.level[0].height=10
oM.level[0].regClass="clT" 
oM.level[0].overClass="clTover"  
oM.level[0].borderX=2
oM.level[0].borderY=2
oM.level[0].borderClass="clB2" 
oM.level[0].rows=0
oM.level[0].align="bottom"
//oM.level[0].offsetX=0
//oM.level[0].offsetY=0
oM.level[0].arrow=0
oM.level[0].arrowWidth=0
oM.level[0].arrowHeight=0

oM.level[1]=new cm_makeLevel()
oM.level[1].width=90
oM.level[1].height=null
oM.level[1].regClass="clS" 
oM.level[1].overClass="clSover" 
oM.level[1].borderX=0
oM.level[1].borderY=1
oM.level[1].borderClass="clB1"
oM.level[1].align="right"
oM.level[1].rows=1
oM.level[1].arrow="/img-general/sub_arrow.gif"
oM.level[1].arrowWidth=10
oM.level[1].arrowHeight=10

oM.level[2]=new cm_makeLevel()
oM.level[2].width=90
oM.level[2].height=null
oM.level[2].regClass="clS" 
oM.level[2].overClass="clSover" 
oM.level[2].borderX=0
oM.level[2].borderY=1
oM.level[2].borderClass="clB1"
oM.level[2].align="left"
oM.level[2].rows=1
oM.level[2].arrow=0
oM.level[2].arrowWidth=0
oM.level[2].arrowHeight=0

oM.level[3]=new cm_makeLevel()
oM.level[3].width=90
oM.level[3].height=null
oM.level[3].regClass="clS" 
oM.level[3].overClass="clSover" 
oM.level[3].borderX=1
oM.level[3].borderY=1
oM.level[3].borderClass="clBCC"
oM.level[3].align="left"
oM.level[3].rows=1
oM.level[3].arrow=0
oM.level[3].arrowWidth=0
oM.level[3].arrowHeight=0


//******************************************
//Menu item creation:
//myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 

oM.makeMenu('top7','','Align left','','',10,'','','','','',"left",0,'','','') //Color Corner
	oM.makeMenu('7level1','top7','placehold','','',1,1,'','','hide1','hide2','',0)
			oM.makeMenu('7level2','7level1','placehold','','',1,1,'','','hide1','hide2','',0)
				oM.makeMenu('7sub2','7level2','Inspiration','/english/5.2.combinations.html','',80,18)
				oM.makeMenu('7sub1','7level2','Expert Tips','/english/5.1.tips.html','',80,18)
				oM.makeMenu('7sub3','7level2','Register!','/english/5.3.register.php','',80,18)
	
oM.construct()

//Extra test code to customize the CoolMenus - moving the items to totally different positions:
//Extra test code to customize the CoolMenus.

var xx,yy

//oM.m["top0"].b.hideIt() //Hiding the first item.
function getCoords(e){}


function xyOff(obj){
	var menuWidths= [93,93,93];
    //var obj= (bw.ns4)?document.images.browse:(bw.ie4)?document.all.browse:document.getElementById('browse');
	//var obj = myGetElementById('paints',document);
	if(bw.ns4){this.x= obj.x; this.y= obj.y} 
	else if(bw.ns5){this.x= obj.offsetLeft; this.y= obj.offsetTop}
	else {
		this.x= obj.offsetLeft;
		this.prnt= obj;
		while((this.prnt=this.prnt.offsetParent)){
			this.x+= this.prnt.offsetLeft;
			}

		this.y= obj.offsetTop;
		this.prnt= obj;
		while((this.prnt=this.prnt.offsetParent)){
			this.y+= this.prnt.offsetTop;
			}
		}
	}


function browseMouseOver(theObj, top, myWidth, moreheight){
	var off = new xyOff(theObj);
	xx = off.x + myWidth;
	yy = off.y + moreheight;
    //alert(xx + " :: " + yy);

	oM.m[top].b.moveIt(xx,yy); 
	oM.showsub(top); 
	if (top == 'top7'){
	oM.showsub('7level1');
	oM.showsub('7level2');
	}
//alert("x::" + xx + "\nyy: " + yy);
	}

//alert(myGetElementById("0sub1",document).outerHTML);