var over = null;
var action_num = 1;
var menu_timeout = null;
/*document.onmousemove = function(e)
{
    var o = common.$("top_menu");
    if (!o) return;
    var e = window.event || e;
    var objOffset = getOffset(o); 
    if ((e.clientY <= objOffset.y || (e.clientY >= objOffset.y + o.offsetHeight) || e.clientX <= objOffset.x || (e.clientX >= objOffset.x + o.offsetWidth))&& over)
    {
            over = false;
            menu_timeout = setTimeout("hideSubMenus()", 1000);
    }
    else if ((e.clientY >= objOffset.y) && (e.clientY <= objOffset.y + o.offsetHeight) && (e.clientX >= objOffset.x) && (e.clientX <= objOffset.x + o.offsetWidth))
    {
        over = true;
        clearTimeout(menu_timeout);
    }    
}*/

var hideSubMenus = function()
{
        if (over) return ;
        var ul = common.$("subMenuContainer");
        if (typeof(ul) != "undefined")
	    {
	        common.$("top_menu").removeChild(ul);
	    }
	    var u = document.createElement("UL");
	    u.className = "menu_bottom";
	    u.id = "subMenuContainer";
	    common.$("top_menu").appendChild(u);
}

var parentMenuOver = function()
{
    if (over)
    {
        over = false; 
        hideSubMenus();
    }
}

var menu_data = {about: [{name:'公司简介', url:'/Company.aspx'}, {name:'公司优势', url:'/Superiority.aspx'}, {name:'专业团队', url:'/Region.aspx'}, {name:'最新动态', url:'/News.aspx'}],
           product: [{name:'精品案例', url:'/good/0.aspx'}, {name:'作品汇总', url:'/Production.aspx'}],
           service: [{name:'服务流程', url:'/Driftage.aspx'}, {name:'服务模式', url:'/Pattern.aspx'}, {name:'客户名录', url:'/Service.aspx'}],
           editor: [],
           contact:[{name:'联系方式', url:'/Contact.aspx'},{name:'人才招聘',url:'/Job.aspx'}, {name:'友情链接', url:'/Link.aspx'}, {name:'站点地图', url:'/Map.aspx'}] };

var getOffset = function(o)
{
    var top = 0;
    var left = 0;
    while(o.offsetParent)
    {
        var topBorder = 0; 
        var leftBorder = 0;
        if (o.style)
        {
            topBorder = parseInt(o.style.borderTopWidth);
            leftBorder = parseInt(o.style.borderLeftWidth)
        }
        top += o.offsetTop + (!isNaN(topBorder) ? topBorder : 0);
        left += o.offsetLeft + (!isNaN(leftBorder) ? leftBorder : 0);
        o = o.offsetParent;
    }
    return {x: left, y: top};
}

var getPadding = function(obj)
{

    if (!document.all)
    {
        var doc = document.body.offsetWidth;
        var width = obj.parentNode.offsetWidth;
        return obj.offsetLeft - (doc-width)/2;  
    }
    return obj.offsetLeft;  
}

var showSubMenu = function(menuId, src)
{
    if (over == menuId) return ;
	if (menu_data[menuId])
	{
	    var str = "";
	    var offset = getPadding(src);
	    var container = common.$('subMenuContainer');
	    var menu = common.$("top_menu"); 
	    if (container)
	    {
	        common.$("top_menu").removeChild(container);
	    }
	    if (common.$(over))
	    {
	        common.$(over).className = "";
	    }   
	    var ul = document.createElement("UL");
	    ul.className = "menu_bottom";
	    ul.id = "subMenuContainer";
	    menu.appendChild(ul);
	    var widthCount = 0;
	    for (var i = 0; i < menu_data[menuId].length; i ++)
	    {
	        var a = document.createElement("A");
	        a.href = menu_data[menuId][i].url;
	        a.innerHTML = menu_data[menuId][i].name;
	        if (typeof(isIndex) != "undefined")
	        {
	            a.target = "_blank";
	        }
	        if (i == 0)
	        {
	            a.id = "new_link_0";
	            a.style.borderLeft = "1px solid #aaa"; 
	        }
	        ul.appendChild(a);
	        widthCount += a.offsetWidth;
	    }
	    
	    if ((widthCount + offset) > ul.offsetWidth)
	    {
	        
	        common.$("new_link_0").style.marginLeft = ul.offsetWidth - widthCount + "px";
	    }
	    else
	    {
	        common.$("new_link_0").style.marginLeft = offset + "px";
	    }
	    over = true;
	}
}

var changeTab = function(c, i)
{
    common.$("link_" + c).className = "arrow";
    window["tempData_" + c] = false; 
    if (c && !i)
    {
        common.$('data_' + c).style.display = "block";
        if (common.$('childData_' + c))
        {
            common.$('childData_' + c).style.display = 'none';
        }  
    }  
    else if (c && i)
    {
        var o = document.getElementById('childData_' + c);
        if (!o)
        {
            var ul = document.createElement("UL");
            ul.id = 'childData_' + c;
            var iframe = document.createElement("IFRAME");
            iframe.id = 'frame_' + c;
            iframe.src = 'view_production.aspx?id=' + i + "&cid=" + c + "&m=" + Math.random();
            iframe.scrolling = "no";
            iframe.width = "100%";
            iframe.frameBorder="0";
            iframe.height = "1px";
            ul.appendChild(iframe);
            common.$('data_' + c).style.display = 'none';
            common.$('product_item_' + c).appendChild(ul); 
        }
        else
        {
            var frame = common.$('frame_' + c);
            frame.src = 'view_production.aspx?id=' + i + "&cid=" + c + "&m=" + Math.random() ; 
            o.style.display = 'block';
            common.$('data_' + c).style.display = 'none';
        }   
    }
}

var data = {editor:[],creative:[{id:231,name:'美兰德公司宣传册设计'},{id:60,name:'大型礼品画册《中国人的一天》'},],album:[{id:104,name:'2010年中国上海世博会相关信息'},{id:103,name:'杰克逊数亿美元遗产归属引人关注'},{id:102,name:'画册设计重在细节'},{id:100,name:'字体设计'},{id:99,name:'英国设计师Andrew Townsend的画册设计'},{id:97,name:'欧洲设计之荷兰'},{id:93,name:'如何做画册设计、宣传册设计？'},{id:80,name:'一套韵味十足的中国风画册设计'},{id:79,name:'希腊设计机构MG精彩画册设计'},{id:77,name:'国外时尚画册设计（组图）'},{id:55,name:'美国设计师（Jason Rubino）画册设计欣赏'},{id:44,name:'希腊雅典设计公司The Design Shop 作品欣赏'},{id:43,name:'2010年上海世博会波兰馆'},{id:42,name:'美国设计师（Greg Tariff）画册设计欣赏（组图）'},{id:41,name:'2010年上海世博会波兰馆'},{id:34,name:'美国设计师Allison Wilton平面作品'},{id:22,name:'精美楼书'},{id:15,name:'盐湖城2002年冬奥会景观设计'},{id:14,name:'中国味道--本土精品'},{id:13,name:'一组上好的本土创意挂历'},{id:3,name:'一组国外高断画册'},],publicity:[{id:101,name:'画册设计、宣传册设计'},{id:94,name:'如何做企业形象画册设计、企业宣传册设计？'},{id:92,name:'22款漂亮的宣传册设计欣赏（二）'},{id:83,name:'22款漂亮的宣传册设计欣赏（一）'},{id:68,name:'国外宣传册设计欣赏（组图）'},{id:45,name:'希腊雅典设计公司The Design Shop 作品欣赏'},{id:31,name:'雅典2004年奥运会'},{id:29,name:'创意名片欣赏'},{id:24,name:'经典名片欣赏'},{id:16,name:'雅典2004年奥运会'},{id:4,name:'一组以蝴蝶为元素的高端宣传册'},],book:[{id:95,name:'古老而传统的书籍装帧欣赏'},{id:74,name:'封面设计欣赏'},{id:73,name:'封面设计欣赏'},{id:69,name:'组图 卡片日历设计欣赏'},{id:23,name:'和视觉书籍展示'},],25:[],24:[{id:257,name:'国家文化产业研究与发展基地形象画册'},{id:220,name:'《爱狗》杂志'},{id:211,name:'学而思企业形象宣传册设计'},{id:181,name:'大型电影《孔子》推广海报'},{id:178,name:'2006北京大学艺术学院贺卡设计'},{id:176,name:'学而思教育系列印刷品设计'},{id:175,name:'接待王度'},{id:169,name:'北京大学艺术学院建院纪念画册'},{id:167,name:'大学生原创动漫海报设计'},{id:166,name:'北京大学艺术学院'},{id:163,name:'北京大学书法艺术研究所宣传品设计'},{id:161,name:'彭育龙书画折页'},{id:127,name:'中国文化产业新年论坛会刊'},{id:119,name:'大型电影《孔子》招商手册'},{id:118,name:'清华大学海报设计'},{id:104,name:'媒体法大'},{id:101,name:'萧华工作室师生作品集'},{id:94,name:'国培网系列宣传册设计'},{id:91,name:'全国信用担保行业进修项目宣传册设计'},{id:82,name:'北京大学艺术学院宣传册'}],23:[{id:260,name:'远大物流画册'},{id:232,name:'中投洁天企业宣传册设计'},{id:214,name:'赛诺经典银行咨询公司宣传册设计'},{id:190,name:'北京译遍咨询有限公司-宣传手册设计'},{id:88,name:'联合国创画册设计'},{id:84,name:'百森咨询'}],22:[{id:259,name:'万达集团年报'},{id:165,name:'《金融街指南》'},{id:90,name:'三乐彩瓦'},{id:87,name:'北京宇宏石业有限公司产品手册'}],20:[{id:229,name:'耐力木业集团三折页设计'},{id:228,name:'2009PCHi 桑普生化展位平面设计支持'},{id:223,name:'北化高科企业宣传册设计'},{id:221,name:'桑普生化企业内刊'},{id:196,name:'北京泰宁产品手册设计'},{id:186,name:'桑普生化宣传册设计'},{id:147,name:'中化化肥有限公司'}],19:[{id:262,name:'云泽山庄度假村折页设计'}],18:[{id:177,name:'亚洲展览业协会形象海报'},{id:76,name:'《中国人的一天》'}],17:[{id:255,name:'机场快轨形象宣传画册'},{id:247,name:'中国海关总署大型书画作品集——关之风'},{id:246,name:'国务院扶贫办外资中心形象画册'},{id:245,name:'中国缉私警察成立10周年'},{id:156,name:'中国中部会展经济论坛 单页设计'},{id:100,name:'纪念海峡两岸开放25周年  纪念画册'},{id:97,name:'中电飞华画册设计'},{id:67,name:'北京市限建区规划报告'},{id:65,name:'《世博会中国馆》宣传册设计'}],16:[{id:256,name:'广厦公司形象宣传画册'},{id:252,name:'手中乾坤手机游戏'},{id:173,name:'威视股份MBA培训纪念画册'}],15:[{id:93,name:'《农业部农产品标准技术咨询中心》企业画册'},{id:92,name:'茶马司－普洱茶'}],14:[{id:258,name:'潘振声谈儿童歌曲创作'},{id:253,name:'《韩非子》封面'},{id:248,name:'中国旧海关大型文献装帧设计'},{id:219,name:'《母亲是条河》'},{id:218,name:'《足迹》'},{id:210,name:'《毛泽东的王牌特工》封面设计'},{id:207,name:'《八十大寿》装帧设计'},{id:206,name:'《我的野蛮同学》封面设计'},{id:205,name:'《体育漫画》装帧设计'},{id:204,name:'《理财》封面设计'},{id:203,name:'《奥运科普系列》书封面设计'},{id:201,name:'《西洋武士2》封面设计'},{id:200,name:'《经济学童话》封面设计'},{id:199,name:'《南海一号》封面设计'},{id:153,name:'《艺术》系列教材UI界面设计'},{id:151,name:'《艺术》系列电子教材'},{id:148,name:'《笔墨纸砚》杂志'},{id:120,name:'系列科普图书封面设计'},{id:116,name:'《教辅》书封面设计'},{id:66,name:'《转运学》封面设计'}],13:[{id:180,name:'和视觉电梯公益海报'},{id:174,name:'泰宁科创科技有限公司电子画册设计'}]};
var selected = null;
function insertData(id)
{
    if (!(typeof(file_action) == "undefined"))
    {
        id = id.toLowerCase();
    }
    if (data[id].length > 0)
    {
       var container = common.$("menu_item");
       var obj = common.$("menu_item_conainer");
       container.removeChild(obj);
       var ul = document.createElement("UL");
       ul.id = "menu_item_conainer"; 
       container.appendChild(ul);
       appendItem(ul, id);
    }
    else
    {
       var container = common.$("menu_item");
       var obj = common.$("menu_item_conainer");
       container.removeChild(obj);
       var ul = document.createElement("UL");
       ul.id = "menu_item_conainer"; 
       container.appendChild(ul);
    }   
}

function appendItem(obj, index)
{
    var name = "Product";
    selected = index; 
    if (!(typeof(file_action) == "undefined"))
    {
        name = index;
        index = index.toLowerCase();
    }
    for (var i = 0; i < data[index].length; i ++)
       {
            if (!data[index][i]) continue;
            var a = document.createElement("A");
            a.title = data[index][i].name;
            if (typeof(id) != 'undefined')
            {
                if (id == data[index][i].id)
                {
                    a.style.color = "#bc0000"; 
                }
            }
            a.innerHTML = data[index][i].name;
            a.href = "/" + name +"/" + data[index][i].id + ".aspx";
            if (obj.appendChild)
            obj.appendChild(a);
       } 
}

    var showData = function(id)
    {
        if (!window["tempData_" + id])
        {
            window["tempData_" + id] = true;
            common.$("link_" + id).className = "rect";
            common.$("data_" + id).style.display = "none";
            if (common.$("childData_" + id))
                common.$("childData_" + id).style.display = "none";
        }
        else if (window["tempData_" + id] == true)
        {
            common.$("link_" + id).className = "arrow";
            common.$("data_" + id).style.display = "";
            window["tempData_" + id] = false;
        }
    }  

	var setFontSize = function(o, type)
	{
		if (typeof o == "string")
			o = $(o);
		if (o.getAttribute("tempClass") == null)
			o.setAttribute("tempClass", o.className);
		switch(type.toLowerCase())
		{
			case "small":
				o.className = o.getAttribute("tempClass") + " textSmall";
				break;
			case "normal":
				o.className = o.getAttribute("tempClass") + " textNormal";
				break;
			case "big":
				o.className = o.getAttribute("tempClass") + " textBig";
				break;
			default:
				o.className = o.getAttribute("tempClass") + " textSmall";
				break;
		}
}

common.addEvent(window, "load", function()
{
    setInterval(function() { action() }, 100);
    var top = common.$("top"); 
    if (top)
    {
        cpInterval = setInterval("changePosition()", 100);
        var as = top.getElementsByTagName("A");
        for (var i = 0; i < as.length; i ++)
        {
            if (as[i].title != "")
            {
                common.addEvent(as[i], "mousemove", function(e)
                {
                    winMove(this, e);
                });
                common.addEvent(as[i], "mouseout", function(e)
                {
                    winOut(this, e);
                }); 
            }
        }
    }   
});

var winOut = function(o, e)
{
    o.title = common.$("tooltip").innerHTML;
    common.$("tooltip").style.display = "none";
}

var winMove = function(o, e)
{
    var ev = window.event || e; 
    var doc = document.documentElement || document.body; 
    var tool =  common.$("tooltip");
    tool.style.display = "block"; 
    if (o.title != "")  
    {
        tool.innerHTML = o.title;
        o.title = ""; 
    } 
    tool.style.left = doc.scrollLeft + ev.clientX - tool.offsetWidth - 10 + "px";
    tool.style.top = doc.scrollTop + ev.clientY - tool.offsetHeight + (tool.offsetHeight / 2) + "px"; 
}

var changePosition = function()
{
    var doc = document.documentElement || document.body;
    var t = common.$("top");
    t.style.display = "block";
    t.style.left = doc.scrollLeft + doc.clientWidth - t.offsetWidth - 10 + "px";
    t.style.top = doc.scrollTop + doc.clientHeight - t.offsetHeight - 10 + "px";
    t.style.visibility = "visible";
}

var closeWindow = function()
{
    clearInterval(cpInterval);
    common.$("top").style.display = "none";
}

var action = function()
{
    if (action_num == 13)
    {
        action_num = 1;
    }
    if (action_num == 1)
    {
        common.$("action_12").style.color = "";
    }   
    else
    {
        common.$("action_" + (action_num - 1)).style.color = "";
    }
    
    common.$("action_" + action_num).style.color = "#e26214";
    action_num++;
}