
function MultiSelectImageMenu(outer, mnuImgcssName, contentDivcssName, imgBasePath, onFiles, offFiles ) 
{
    this.OuterElem = outer;
    this.onImage = onFiles;
    this.offImage = offFiles;
    this.ImageBase = imgBasePath;
    
    this.menus = GUtil.ElemSByClass(mnuImgcssName, outer, 'img' ); //¸Þ´ºµé..
    
    if(contentDivcssName == null)
        this.contents = null;
    else
        this.contents = GUtil.ElemSByClass(contentDivcssName, outer, 'div' ); //¸Þ´º¼±ÅÃ½Ã º¸¿©Áö´Â ÄÁÅÙÃ÷°¡ µé¾îÀÖ´Â divµé...    
}

MultiSelectImageMenu.prototype.Init = function(hasDefaultFirst)
{
    for(k=0 ; k<this.menus.length; k++) //¸Þ´º¿¡ mouseover ÀÌº¥Æ® Ãß°¡..
    {
        this.menus[k].onmouseover = this.SelectLodgeType;
        if(hasDefaultFirst == false)
            this.menus[k].onmouseout = this.DeSelectLodgeType;
        this.menus[k].mnObj = this;
    }
    
    if(hasDefaultFirst==false) //¸ðµç ¸Þ´º¸¦ off ½ÃÅ²´Ù.
    {
        for(k=0 ; k<this.menus.length; k++)
        {
            //menu OFF
            this.menus[k].setAttribute('src', this.ImageBase + this.offImage[k]);
            if(this.contents!=null && this.contents != 'undefined') this.contents[k].style.display = 'none';
        }
    }
    else
        this.SelectLodgeType(null, this.menus[1]); //ÃÖÃÊ¿¡´Â 2¹ø ¸Þ´º°¡ ¼±ÅÃµÇµµ·Ï ÇÑ´Ù. 
}

MultiSelectImageMenu.prototype.DeSelectLodgeType = function DeSelectLodgeType(evt, src)
{
    if(src == null) //Ã³À½¿¡ ÇÑ¹ø¸¸ src°¡ ÀÖ°í mouser over ÀÏ¶§´Â src´Â Ç×»ó nullÀÌ´Ù.
    {
        evt = (evt) ? evt : ((window.event) ? window.event : "")
        if (evt)
            src = (evt.target) ? evt.target : evt.srcElement;// mouseoverÀÏ¶§ evt ¼Ò½º¸¦ Ã£´Â´Ù.
    }
    
    mn = src.mnObj;
    
    if(src==null || typeof mn.menus == 'undefined' || mn.menus == null) return;
    for(k=0 ; k<mn.menus.length; k++)
    {
        if(src == mn.menus[k]) //menu On
        {
            mn.menus[k].setAttribute('src', mn.ImageBase + mn.offImage[k]);
            if(mn.contents!=null && mn.contents != 'undefined') mn.contents[k].style.display = 'none';
        }        
    }
}

MultiSelectImageMenu.prototype.SelectLodgeType = function SelectLodgeType(evt, src)
{
    if(src == null) //Ã³À½¿¡ ÇÑ¹ø¸¸ src°¡ ÀÖ°í mouser over ÀÏ¶§´Â src´Â Ç×»ó nullÀÌ´Ù.
    {
        evt = (evt) ? evt : ((window.event) ? window.event : "")
        if (evt)
            src = (evt.target) ? evt.target : evt.srcElement;// mouseoverÀÏ¶§ evt ¼Ò½º¸¦ Ã£´Â´Ù.
    }
    
    mn = src.mnObj;
    
    if(src==null || typeof mn.menus == 'undefined' || mn.menus == null) return;
    for(k=0 ; k<mn.menus.length; k++)
    {
        if(src == mn.menus[k]) //menu On
        {
            mn.menus[k].setAttribute('src',mn.ImageBase + mn.onImage[k]);
            if(mn.contents != null && mn.contents != 'undefined') mn.contents[k].style.display = 'inline';
        }
        else  //menu OFF
        {
            mn.menus[k].setAttribute('src', mn.ImageBase + mn.offImage[k]);
            if(mn.contents!=null && mn.contents != 'undefined') mn.contents[k].style.display = 'none';
        }
    }
}
