
function List() {
	
	//OBJECT
	this.ItemClass			= ListItem;	
	this.ElimentName		= null;
    this.BGLayer            = null;
    this.DataArray = [];
    this.ItemArray = [];      
    this.helpBar = null;
    this.ScrollBar			= null;
    this.DownArrow			= null;
    this.UpArrow			= null;
        
	//STYLE    
    //this.NaviStyle          = LIST_NAVI_STYLE.STYLE_ROTAION;	
	//this.ShapeStyle			= LIST_SHAPE_STYLE.VERTICAL;	
	
	this.ItemSizeStyle		= ITEM_SIZE_STYLE.FIXED_SIZE;
	this.ItemBGUrl			= new Array(ITEM_STATE.MAX);
	this.ItemBGStyle		= new Array(ITEM_STATE.MAX);
	this.ItemTextStyle		= new Array(ITEM_STATE.MAX);
	this.ItemImageStyle		= new Array(ITEM_STATE.MAX);	
		
	//ITEM
	this.NumOfVisibleItem			= 0;		//sometimes changed
	this.MaxNumOfItem				= 0;		//always fixed	
	this.NumOfCreatedItem			= 0;		//almost fixed.
	this.CurrentItemIndex			= -1;
	this.PrevItemIndex				= -1;
	this.MaxNumOfData		= 0;
    this.CurrentDataIndex	= -1;
	this.StartDataIndex		= -1;
	this.CurPage	= 1;
	this.TotalPage	= 1;
	
	//CALLBACK_FUNCTION
	this.ItemPressedCallbackFunc = null;	    
	this.onReturnFunc	= null;
	this.onUpFunc		= null;
	this.onDownFunc		= null;
	this.onLeftFunc		= null;
	this.onRightFunc	= null;
	this.onExitFunc	= null;  		
    this.OnClickFunc = [];     	

	//FLAG
    this.ShowState		= false;	
	this.Flag_Focus		= false;
	this.Flag_ClickEvent	= false;
	this.Flag_RTL = true;
	this.ItemDataType		= ITEM_DATA_TYPE.CUSTOM;

}



	if(this.ItemCommonStyle)
	{
		ItemHTML = "<div id = '" + Div + "' class = '" + this.ItemCommonStyle+ "'>" + "</div>";
	}
	else
	{
		ItemHTML = "<div id = '" + Div + "'>" + "</div>";
	}