/*****************************************************************************
 *   N a n y a n g      T e c h n o l o g i c a l      U n i v e r s i t y   *
 *                                                                           *
 *                         T a n    N g i a p    E e                         *
 *                                                                           *
 *   S c h o o l      o f      C o m p u t e r      E n g i n e e r i n g    *
 *****************************************************************************/
    
    MenuItem.prototype.getName = getName
    MenuItem.prototype.getAction = getAction
    MenuItem.prototype.getBorder = getBorder
    MenuItem.prototype.getPaddingBottom = getPaddingBottom
    MenuItem.prototype.getPaddingLeft = getPaddingLeft
    MenuItem.prototype.getPaddingRight = getPaddingRight
    MenuItem.prototype.getPaddingTop = getPaddingTop
    MenuItem.prototype.getMouseoverBackgroundColor = getMouseoverBackgroundColor
    MenuItem.prototype.getMouseoutBackgroundColor = getMouseoutBackgroundColor
    MenuItem.prototype.getMouseoverFontColor = getMouseoverFontColor
    MenuItem.prototype.getMouseoutFontColor = getMouseoutFontColor
    
    //name defines the name of the menu item
    //action defines the action to take when the menu item is clicked (input a url etc)
    //border defines the border stylesheet of menu item
    //paddingBottom defines the padding-bottom stylesheet of menu item
    //paddingLeft defines the padding-left stylesheet of menu item
    //paddingRight defines the padding-right stylesheet of menu item
    //paddingTop defines the padding-top stylesheet of menu item
    //mouseoverBackgroundColor defines the background color displayed when the mouse moves over the menu item
    //mouseoutBackgroundColor defines the background color displayed when the mouse moves out the menu item
    //mouseoverFontColor defines the font color displayed when the mouse moves over the menu item
    //mouseoutFontColor defines the font color displayed when the mouse moves out the menu item
    
    function MenuItem(name, action, border, paddingBottom, paddingLeft, paddingRight, paddingTop, mouseoverBackgroundColor, mouseoutBackgroundColor, mouseoverFontColor, mouseoutFontColor)
   {
       this.name = name
       this.action = action
       this.border = border
       this.paddingBottom = paddingBottom
       this.paddingLeft = paddingLeft
       this.paddingRight = paddingRight
       this.paddingTop = paddingTop
       this.mouseoverBackgroundColor = mouseoverBackgroundColor
       this.mouseoutBackgroundColor = mouseoutBackgroundColor
       this.mouseoverFontColor = mouseoverFontColor
       this.mouseoutFontColor = mouseoutFontColor
   }
    
    function getName()
   {
       return this.name
   }
    
    function getAction()
   {
       return this.action
   }
    
    function getBorder()
   {
       return this.border
   }
    
    function getPaddingBottom()
   {
       return this.paddingBottom
   }
    
    function getPaddingLeft()
   {
       return this.paddingLeft
   }
    
    function getPaddingRight()
   {
       return this.paddingRight
   }
    
    function getPaddingTop()
   {
       return this.paddingTop
   }
    
    function getMouseoverBackgroundColor()
   {
       return this.mouseoverBackgroundColor
   }
    
    function getMouseoutBackgroundColor()
   {
       return this.mouseoutBackgroundColor
   }
    
    function getMouseoverFontColor()
   {
       return this.mouseoverFontColor
   }
    
    function getMouseoutFontColor()
   {
       return this.mouseoutFontColor
   }