/*************************************************
	Dinamic Drop Down Menu 
	SP Library Module ver 1.00
	Sergey Patrin 15.09.2008
*************************************************/

	var DIV_ID_MAIN_MENU	= "MainMenu" ;
	var DIV_ID_NODE		= "PanelMenu" ;

/*************************************************
	MenuItem
*************************************************/
function SP_MenuItem( nIndex, div_id, class_name )
{
	this.flags = 0 ;
	this.idx = nIndex ;

	this.div_id	= div_id ;
	this.class_name	= class_name ;

	this.items = new Array() ;
	this.count = 0 ;

	this.pic = "" ; // button picture 
	this.txt = "" ; // text  
	this.lnk = "" ; // link

	// events 
	this.onclickup = function(){ ;} ;		//	onscrollclick up
	this.onclickdown = function(){ ;} ;		//	onscrollclick up
}

SP_MenuItem.prototype.HaveItems = function()
{
	return ( 0 == this.count ) ? false : true ;
}

SP_MenuItem.prototype.DebugString = function ()
{
	var s = "" ;
	var i = 0 ;
	for ( i = 0 ; i < this.count ; i++ ) 
	{
		s += "" + this.items[i].pic + " : " + this.items[i].txt + "\n" ;
	}
	return s ;
}

function AddItem ( oMenuItem, nIndex, sdiv_id, sclass_name )
{
	var i = oMenuItem.count ;
	oMenuItem.items[i] = new SP_MenuItem( nIndex, sdiv_id, sclass_name ) ;
	oMenuItem.count++ ;

	return oMenuItem.items[i] ;
}


/*
SP_MenuItem.prototype.AddItem = function( nIndex, div_id, class_name )
{
	var i = this.count ;
	
	this.items[i] = new SP_MenuItem( nIndex, div_id, class_name ) ;
	this.count++ ;
	return this.items[i] ;
}
*/

/*************************************************
	Used to create Drop Down Menu
*************************************************/
function DrawDropDownItem ( oMenuItem )
{
	var s = "" ;
	s += "<p><a href='" + oMenuItem.lnk + "' class='" + oMenuItem.class_name + "' >" + oMenuItem.txt + "</a> " ;
	return s ;
}

function DrawDropDownPanel ( oMenuItem )
{
	var s = "" ;
	var i = 0 ; 
	var mi = null ; // menu item

	// if flag == selected then ...
	if ( PAGE_ID == oMenuItem.idx )	{
		s += "<a href='" + oMenuItem.lnk + "' style='{ text-decoration: underline ; }' >" + oMenuItem.txt + "</a>&nbsp;&nbsp;|&nbsp;&nbsp;" ;
	} else {
		s += "<a href='" + oMenuItem.lnk + "' >" + oMenuItem.txt + "</a>&nbsp;&nbsp;|&nbsp;&nbsp;" ;
	}

	s += "<div id='" + oMenuItem.div_id + "' class='" + oMenuItem.class_name + "' >" ; // for class style
	// if auto size ... no width [width=100%]
 	s += " <table cellspacing=0 cellpadding=0 border=0  >" ;

	for ( i = 0 ; i < oMenuItem.count ; i++ )
	{
		mi = oMenuItem.items[i] ;
		s += " <tr><td align=left valign=top > " ;
		s += DrawDropDownItem( mi ) ;
		s += " </td></tr> " ;
	}
	s += " </table> " ;
	s += "</div>" ;

	return s ;
}

function DrawDropDown ( oMenuItem )
{
	var s = "" ;
	var i = 0 ; 
	var pi = null ; // panel item

	s += "<div id='" + oMenuItem.div_id + "' class='" + oMenuItem.class_name + "' >" ; // for class style
	s += " <table cellspacing=0 cellpadding=0 border=0 ><tr>" ; // width=100% 

	for ( i = 0 ; i < oMenuItem.count ; i++ )
	{
		pi = oMenuItem.items[i] ;
		
		s += " <td align=left valign=top > " ;
		s += DrawDropDownPanel( pi ) ;
		s += " </td> " ;
	}
	s += " </tr></table> " ;
	s += "</div>" ;

	document.write( s );
}