// JavaScript Document
//For Menu at body Load
var obj1;
var obj2;
function bodyLoad() {
	obj1=new Menu('menu1','100px');
	obj1.setText('Articles >>');
	obj1.setClassName('menuCSS'); 
	obj1.setVisible(true);
	//
	/*
	obj2=new Menu('menu2','150px');
	obj2.setText('Learning');
	obj2.setClassName('menuCSS'); 
	obj2.setVisible(true);
	*/
}

//For Menu
var arrMenuItems;
arrMenuItems=new Array();
arrMenuItems[0]=new Array();
arrMenuItems[1]=new Array();
arrMenuItems[0][0]='See All';
/*
arrMenuItems[0][1]='Contact Us';
arrMenuItems[1][0]='How to order';
arrMenuItems[1][1]='How to write';
arrMenuItems[1][2]='FAQ';
*/
var arrMenuLinks;
arrMenuLinks=new Array();
arrMenuLinks[0]=new Array();
//arrMenuLinks[1]=new Array();
arrMenuLinks[0][0]='/majorTutorial.php';
/*
arrMenuLinks[0][1]='/contactUs.php';
arrMenuLinks[1][0]='/howToOrder.php';
arrMenuLinks[1][1]='/howToWrite.php';
arrMenuLinks[1][2]='';
*/

function Menu(objParent, w) {
    var refParent;
	var arrItems;
	var text;
	var clsName;
	var objDivMenu;
	var count;
	var width;
	//Initializing
	this.count=0;
	this.refParent=document.getElementById(objParent);
	this.arrItems=new Array();
	this.text='Menu';
	this.width=w;
	this.objDivMenu=document.createElement('div');
	this.objDivMenu.innerHTML=this.text;
	this.objDivMenu.className=this.clsName;
	this.objDivMenu.style.width=this.width;
	this.refParent.appendChild(this.objDivMenu);
    //method registering
    this.setText=setText;
    this.setClassName=setClassName;
    this.setVisible=setVisible;
    this.addItem=addItem;
    this.setItemsVisible=setItemsVisible;
    this.removeItems=removeItems;
	this.IfExists=IfExists;
    //registering events
    this.objDivMenu.onmouseover=function() {
        this.className='menuCSSReverse';
    };
    this.objDivMenu.onmouseout=function() {
        this.className='menuCSS';
    };
    //Functions
	function IfExists(strText, menuNo) {
		var x;
		for(x=0;x<arrMenuItems[menuNo].length;x++) {
			if(strText==arrMenuItems[menuNo][x]) {
				return true;
			}
		}
		return false;
	}
    function setText(strText) {
        this.text=strText;
        this.objDivMenu.innerHTML=this.text;
    }
    function setClassName(strClsName) {
        this.clsName=strClsName;
        this.objDivMenu.className=this.clsName;
    }
    function setVisible(boolVisible) {
        if(boolVisible) {
            this.objDivMenu.style.visibility='visible';
        }
        else {
            this.objDivMenu.style.visibility='hidden';
        }
    }
    function setItemsVisible(eventObj, boolVisible, menuNo) {
        var x;
        var y;
        y=arrMenuItems[menuNo].length;
        if(boolVisible) {
			if(document.all) {
				this.forIEObjectHTML=eventObj.srcElement.innerHTML;
			}
            if(this.count<1) {
             for(x=0;x<y;x++) {
                this.addItem(arrMenuItems[menuNo][x],arrMenuLinks[menuNo][x]);
             }
            }
            for(x=1;x<=this.count;x++) {
                this.arrItems[x].setVisible(boolVisible);
            }
        }
        else {
            var tarObj;
			var status;
			if(document.all) {
				tarObj=eventObj.srcElement;
				var x;
				status=true;
				//alert(tarObj.parentNode.firstChild);
    	        for(x=1;x<=this.count;x++) {
					if(tarObj.nextSibling==this.arrItems[x].objDivItem) {
                    	status=false;
                    	break;
                	}
            	}
			}
			else {
				tarObj=eventObj.relatedTarget;
            	var x;
				status=true;
    	        for(x=1;x<=this.count;x++) {
	                if(tarObj==this.arrItems[x].objDivItem) {
                    	status=false;
                    	break;
                	}
            	}
			}
            if(status) {
                this.removeItems();
            }
        }
    }
    function addItem(strText,strLink) {
        this.arrItems[++this.count]=new MenuItem(this.refParent, strText, strLink);
        this.arrItems[this.count].setVisible(false);
    }
    function removeItems() {
        var x;
        var cnt;
        cnt=this.count;
		if(document.all) {
	        for(x=1;x<=cnt;x++) {
        	    this.refParent.removeChild(this.refParent.childNodes[1]);
	        }

		}
		else {
	        for(x=1;x<=cnt;x++) {
    	        //alert(this.refParent.childNodes[2].innerHTML);
        	    this.refParent.removeChild(this.refParent.childNodes[2]);
	        }
		}
        this.count=0;
        this.arrItems=new Array();
    }
}
function MenuItem(objParent, strText, strLink) {
    var text;
    var refParent;
    var objDivItem;
    //initializing
    this.text=strText;
	this.pageLink=strLink
    this.refParent=objParent;
	this.objDivItem=document.createElement('div');
	this.objDivItem.innerHTML=this.text+"<input type='hidden' id='h' value='"+
								this.pageLink+"' name='h' />";
	this.objDivItem.className='menuItemCSS';
	this.refParent.appendChild(this.objDivItem);    
    this.objDivItem.onmouseover=function() {
        this.className='menuItemCSSHighlight';
    };
    this.objDivItem.onmouseout=function() {
        this.className='menuItemCSS';
    };
	this.objDivItem.onmouseup=function () { 
		var lnk;
		lnk=this.childNodes[1].value;
		window.location=lnk;
	};
	//registering methods
	this.setVisible=setVisible;
    //Methods	
    function setVisible(boolVisible) {
        if(boolVisible) {
            this.objDivItem.style.visibility='visible';
        }
        else {
            this.objDivItem.style.visibility='hidden';
        }
    }
}