// JScript File

//Constants
var menuCount = 6;
var subMenuOffset_y = 26;
var menuSuffix = "_br";
//var picPath = rootFolder + "images/";
var picPath = rootFolder + "images/";
var mnImg=new Array();
mnImg[1]=picPath + 'mn_home' + menuSuffix + '.gif';
mnImg[2]=picPath + 'mn_product' + menuSuffix + '.gif';
mnImg[3]=picPath + 'mn_support' + menuSuffix + '.gif';
mnImg[4]=picPath + 'mn_distribution' + menuSuffix + '.gif';
mnImg[5]=picPath + 'mn_news' + menuSuffix + '.gif';
mnImg[6]=picPath + 'mn_introduction' + menuSuffix + '.gif';

var mnImgHover = new Array();
mnImgHover[1]=picPath + 'mn_home_h' + menuSuffix + '.gif';
mnImgHover[2]=picPath + 'mn_product_h' + menuSuffix + '.gif';
mnImgHover[3]=picPath + 'mn_support_h' + menuSuffix + '.gif';
mnImgHover[4]=picPath + 'mn_distribution_h' + menuSuffix + '.gif';
mnImgHover[5]=picPath + 'mn_news_h' + menuSuffix + '.gif';
mnImgHover[6]=picPath + 'mn_introduction_h' + menuSuffix + '.gif';

var mnImgSelected = new Array();
mnImgSelected[1]=picPath + 'mn_home_a' + menuSuffix + '.gif';
mnImgSelected[2]=picPath + 'mn_product_a' + menuSuffix + '.gif';
mnImgSelected[3]=picPath + 'mn_support_a' + menuSuffix + '.gif';
mnImgSelected[4]=picPath + 'mn_distribution_a' + menuSuffix + '.gif';
mnImgSelected[5]=picPath + 'mn_news_a' + menuSuffix + '.gif';
mnImgSelected[6]=picPath + 'mn_introduction_a' + menuSuffix + '.gif';


//Global vars
var timeOn=null;
var selectedMenu=null;
var activeMenu=null;
var activeMenuNo=null;
var activeSubMenu=null;
var activeItem=null;
var mItemHeight=30;

function getElementTop(elem)
{
    var _top=0;
    while (elem != null) 
    {
        _top+=elem.offsetTop;
        elem=elem.offsetParent;
    }
    return _top;
}

function getElementLeft(elem)
{
    var _left=0;
    while (elem != null) 
    {
        _left+=elem.offsetLeft;
        elem=elem.offsetParent;
    }
    return _left;
}

function getElementPos(elem)
{   
    return {x:getElementLeft(elem),y:getElementTop(elem)};
}

function showMenu(menuID,menuNo,subMenuID,itemID)
{
    //Hide current active menu
    if (activeMenu)
        hideMenu(activeMenu,activeMenuNo,activeSubMenu);

    var obj = document.getElementById(menuID);
    var subObj = document.getElementById(subMenuID);
    var itemObj = document.getElementById(itemID);
    if (obj)
    {
        activeMenu = obj;
        activeMenuNo = menuNo;
        
        //view menu in over mode
        var selMnId = null;
        if (selectedMenu != null) selMnId = selectedMenu.id;
        if (obj.id != selMnId)
        {
            //obj.className = 'mn_item_hover';            
            obj.src = mnImgHover[menuNo];
        }        
        
        // change the sub-menu Item to hover state
        if (itemObj) {
            itemObj.className = 'subMenuItem_hover';
            activeItem = itemObj;
        }
    
        //view sub menu
        //get menu position
        var obj_pos = getElementPos(obj);
        //alert(obj_pos.x + " " +obj_pos.y);
        //set the sub menu position
        if (subObj)
        {
            subObj.style.display = 'block';
            subObj.style.visibility = 'visible';
            subObj.style.top = obj_pos.y + subMenuOffset_y + 'px';
            subObj.style.left = obj_pos.x + 'px';
            
            //set new current active menu            
            activeSubMenu = subObj;
        }
        else
            activeSubMenu = null;
    }
}

function hideMenu(mnObj,mnNo,subMnObj)
{
    // change the menu to normal mode
    var selMnId = null;
    if (selectedMenu != null) selMnId = selectedMenu.id;
    if (mnObj && (mnObj.id != selMnId))
    {
        //mnObj.className = 'mn_item';
        mnObj.src = mnImg[mnNo];
    }
    
    // change menuItem to normal state
    if (activeItem)
        activeItem.className='subMenuItem';
    
    // hide the sub menu
    if (subMnObj)
        subMnObj.style.visibility = 'hidden';
        
    
}

function menuOver() {    
  clearTimeout(timeOn);
}

function menuOut() {
    if (activeSubMenu)
        timeOn = setTimeout("hideMenu(activeMenu,activeMenuNo,activeSubMenu)", 500);
    else
        hideMenu(activeMenu,activeMenuNo,activeSubMenu);
}

function menuBarChangeState(menuNo,stateId)
{
    // Change to normal state
}

//
// Functions to create sub-menus on the fly
//

var menus = new Array();

function subMenu(num)
{
    this.num = num;
    this.itemCount = 0;
    this.itemText = new Array();   
    
    this.addItem = function(label,url,target) {
        this.itemCount += 1;
    
        var str = '';
        str = '<tr><td id="item' + num + '_' + this.itemCount + '" onmouseout="menuOut();" onmouseover="menuOver(); ' + 
            'showMenu(\'mn' + this.num + '\',' + this.num + ',\'subMenu' + this.num + 
            '\',\'item' + num + '_' + this.itemCount + '\');" class="subMenuItem" onclick="window.location=\'' + url + '\'">';
        str += '<a href="' + url + '" target="_' + target + '">' + label + '</a>';
        str += '</td></tr>';
        
        this.itemText[this.itemCount] = new String(str);
    }
    
    this.writeMenu = function() {
        var str = '';
        str = '<div id="subMenu' + num + '" style="display:none;position:absolute;background-color:Transparent;z-index:10">';
        str += '<table cellpadding="0" cellspacing="0" class="subMenu">';
        
        if (this.itemCount > 0) {
            for (var i=1;i<=this.itemCount;i++) {
                str += this.itemText[i];
            }
        }
        else {
            str += '<tr><td style="height:0px"></td></tr>';
        }
        
        str += '</table></div>';
        document.write(str);
    }
}

function createMenusBr()
{
    // menu Products
    menus[2] = new subMenu(2);
    menus[2].addItem('Máy Giặt',rootFolder + 'products/thumbnails.aspx?ProductType=1','self');
    menus[2].addItem('Tủ Lạnh',rootFolder + 'products/thumbnails.aspx?ProductType=2','self');
    menus[2].addItem('Máy Lạnh',rootFolder + 'products/thumbnails.aspx?ProductType=3','self');
    menus[2].addItem('Máy Nước Nóng',rootFolder + 'products/thumbnails.aspx?ProductType=4','self');
    
    menus[2].writeMenu();
    
    // menu Support
    menus[3] = new subMenu(3);
    menus[3].addItem('Câu hỏi thường gặp',rootFolder + 'support/faqs.aspx','self');
    menus[3].addItem('Kiến thức tiêu dùng',rootFolder + 'support/articles.aspx','self');
    menus[3].addItem('Hệ thống bảo hành',rootFolder + 'support/services.aspx','self');
    //menus[3].addItem('Công cụ/Tiện ích',rootFolder + 'support','self');
    
    menus[3].writeMenu();
    
    //menu distribution
    //menus[4] = new subMenu(4);
//    menus[4].addItem('Danh sách nhà phân phối',rootFolder + 'distribution','self');
//    menus[4].addItem('Danh sách đại lý',rootFolder + 'distribution','self');
    
    //menus[4].writeMenu();
    
    //menu News
    menus[5] = new subMenu(5);
    menus[5].addItem('Tin tức khuyến mãi',rootFolder + 'news/default.aspx?NCID=2','self');
    menus[5].addItem('Giới thiệu sản phẩm mới',rootFolder + 'news/default.aspx?NCID=6','self');
    menus[5].addItem('Tuyển dụng',rootFolder + 'news/default.aspx?NCID=3','self');
    menus[5].addItem('Thông báo',rootFolder + 'news/default.aspx?NCID=1','self');
    menus[5].addItem('Các hoạt động khác',rootFolder + 'news/default.aspx?NCID=4','self');
    menus[5].addItem('Đăng ký nhận tin',rootFolder + 'news/subscription.aspx','self');
    menus[5].addItem('Danh sách trúng thưởng',rootFolder + 'Promotion/List.aspx','self');
    
    menus[5].writeMenu();
    
    //menu Introduction
    menus[6] = new subMenu(6);
    menus[6].addItem('Giới thiệu công ty',rootFolder + 'introductions','self');
    menus[6].addItem('Liên hệ - Góp ý',rootFolder + 'introductions/contact.aspx','self');
    
    //menus[6].addItem('Điều khoản sử dụng',rootFolder + 'introductions','self');
    
    menus[6].writeMenu();
}

function createMenus()
{
    // menu Products
    menus[2] = new subMenu(2);
    menus[2].addItem('Máy Giặt',rootFolder + 'products-thumbnails.aspx?ProductType=1&Group=all','self');
    menus[2].addItem('Tủ Lạnh',rootFolder + 'products-thumbnails.aspx?ProductType=2&Group=all','self');
    menus[2].addItem('Máy Lạnh',rootFolder + 'products-thumbnails.aspx?ProductType=3&Group=all','self');
    menus[2].addItem('Máy Nước Nóng',rootFolder + 'products-thumbnails.aspx?ProductType=4&Group=all','self');
    
    menus[2].writeMenu();
    
    // menu Support
    menus[3] = new subMenu(3);
    menus[3].addItem('Câu hỏi thường gặp',rootFolder + 'support/faqs.aspx','self');
    menus[3].addItem('Hướng dẫn sử dụng',rootFolder + 'support','self');
    menus[3].addItem('Hệ thống bảo hành',rootFolder + 'support','self');
    menus[3].addItem('Công cụ/Tiện ích',rootFolder + 'support','self');
    
    menus[3].writeMenu();
    
    //menu distribution
    menus[4] = new subMenu(4);
    menus[4].addItem('Danh sách nhà phân phối',rootFolder + 'distribution','self');
    menus[4].addItem('Danh sách đại lý',rootFolder + 'distribution','self');
    
        
    menus[4].writeMenu();
    
    //menu News
    menus[5] = new subMenu(5);
    menus[5].addItem('Tin tức khuyến mãi',rootFolder + 'news/default.aspx?NCID=2','self');
    menus[5].addItem('Giới thiệu sản phẩm mới',rootFolder + 'news/default.aspx?NCID=6','self');
    menus[5].addItem('Tuyển dụng',rootFolder + 'news/default.aspx?NCID=3','self');
    menus[5].addItem('Thông báo',rootFolder + 'news/default.aspx?NCID=1','self');
    menus[5].addItem('Các hoạt động khác',rootFolder + 'news/default.aspx?NCID=4','self');
    
    menus[5].writeMenu();
    
    //menu Introduction
    menus[6] = new subMenu(6);
    menus[6].addItem('Giới thiệu công ty',rootFolder + 'introduction','self');
    menus[6].addItem('Liên hệ',rootFolder + 'introduction','self');
    menus[6].addItem('Góp ý công ty',rootFolder + 'introduction','self');
    menus[6].addItem('Điều khoản sử dụng',rootFolder + 'introduction','self');
    
    menus[6].writeMenu();
    
}

function createMenuBar()
{
    var s = '';
    s = '<div id="mn_bar_l"><div id="mn_bar_r"><div id="mn_bar_m"><div id="mn_bar_contain">';
    s += '<table cellpadding="0" cellspacing="0"><tr>';
    // menu home
    s += '<td class="mn_item"><a href="home.aspx">';
    s += '<img id="mn1" src="' + picPath + 'mn_home.gif" border="0" alt="" class="mn_item" ';
    s += 'onmouseout="menuOut();" onmouseover="menuOver(); showMenu(\'mn1\',1,\'subMenu1\');" />';
    s += '</a></td>';
    // menu product
    s += '<td class="mn_item"><a href="products-thumbnails.aspx?producttype=1&group=all">';
    s += '<img id="mn2" src="' + picPath + 'mn_product.gif" border="0" alt="" class="mn_item" ';
    s += 'onmouseout="menuOut();" onmouseover="menuOver(); showMenu(\'mn2\',2,\'subMenu2\');" />';
    s += '</a></td>';
    // menu support
    s += '<td class="mn_item"><a href="support/default.aspx">';
    s += '<img id="mn3" src="' + picPath + 'mn_support.gif" border="0" alt="" class="mn_item" ';
    s += 'onmouseout="menuOut();" onmouseover="menuOver(); showMenu(\'mn3\',3,\'subMenu3\');" />';
    s += '</a></td>';
    // menu distribution
    s += '<td class="mn_item"><a href="distribution/default.aspx">';
    s += '<img id="mn4" src="' + picPath + 'mn_distribution.gif" border="0" alt="" class="mn_item" ';
    s += 'onmouseout="menuOut();" onmouseover="menuOver(); showMenu(\'mn4\',4,\'subMenu4\');" />';
    s += '</a></td>';
    // menu news
    s += '<td class="mn_item"><a href="distribution/default.aspx">';
    s += '<img id="mn5" src="' + picPath + 'mn_news.gif" border="0" alt="" class="mn_item" ';
    s += 'onmouseout="menuOut();" onmouseover="menuOver(); showMenu(\'mn5\',5,\'subMenu5\');" />';
    s += '</a></td>';
    // menu news
    s += '<td class="mn_item"><a href="distribution/default.aspx">';
    s += '<img id="mn6" src="' + picPath + 'mn_introduction.gif" border="0" alt="" class="mn_item" ';
    s += 'onmouseout="menuOut();" onmouseover="menuOver(); showMenu(\'mn6\',6,\'subMenu6\');" />';
    s += '</a></td>';
    // end
    s += '</tr></table>';
    s += '</div></div></div></div>';

    return s;
}

function loadMenus()
{
    //Load all main menu items
    var mn = null;
    for (var i = 1;i <= menuCount;i++)
    {
        mn = document.getElementById('mn' + i);
        if (mn)
            mn.src =  mnImg[i];
    }
}

function makeActive(id,mnNo)
{
    //loadMenus()

    var mn = document.getElementById(id);
    if (mn)
    {
        mn.src = mnImgSelected[mnNo];
        selectedMenu = mn;
    }
    else
    {
        selectedMenu = null;
    }
}