function $(id){
    return document.getElementById(id)
}

function $$(o, tag){
    switch (typeof o) {
        case 'string':
            return $(o).getElementsByTagName(tag);
            break;
        case 'object':
            return o.getElementsByTagName(tag);
            break;
    }
}
function getStyle(obj, attribute){
    return obj.currentStyle ? obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj, false)[attribute];
}
function Animate(i, j){
    if (!window.ActiveXObject) {
        lis[i].style.opacity = lis[i].n / 100;
    }
    else {
        lis[i].style.filter = 'alpha(opacity=' + lis[i].n + ');'
    }
    if (lis[i].n != 100) {
        window.t[i] = setTimeout(function(){
            Animate(i, j)
        }, 1);
    }
    lis[i].n = lis[i].n + 5;
    if (lis[i].n >= 100) {
        lis[i].n = 100;
        lis[j].style.display = 'none';
        return false
    }
}

function bind(i, spans){
    spans[i].onmouseover = function(){
        clearTimeout(window.t);
        if (lis[i].style.display == 'none') {
            pop(i, num);
            num = i;
        }
    };
}

function pop(num, num2){
    if (lis[num2].style.zIndex == '2') {
        spans[num2].className = '';
        spans[num].className = 'current';
        lis[num2].style.zIndex = '1';
        lis[num].style.zIndex = '2';
        lis[num].style.display = 'block';
        lis[num].n = 0;
        Animate(num, num2);
    };
}

var spans;
var lis;
var num = 0;
var num2 = 1;
var img = ['water','365.com', 'VIP','dnbiz.cn']
var URL = ['Culture/Faith','Business/B2C','Business/VIP','Business/Domain']
var t = [];
var divs =[];
var div
window.onload = function(){
	if($$(document,'h1')[0].clientHeight<50){
		return false;
	}
    if (!window.XMLHttpRequest) {
        var objs = [];
        lis = $$('menu', 'li');
        for (i in lis) {
            if (lis[i].className == 'cate' || lis[i].className == 'cate hover') {
                objs.push(lis[i])
            }
        }
        objs.push($('site'))
        lis = null;
        for (i in objs) {
            if ($$(objs[i],'ul')[0]) {
                objs[i].onmouseenter = function(){
                    if ($$(this,'ul')[0].style.display != 'block') {
                        this.className += ' hover'
                        $$(this,'ul')[0].style.display = 'block';
                    }
                }
                objs[i].onmouseleave = function(){
					if ($$(this,'ul')[0].style.display != 'none') {
                        this.className = this.className.replace(" hover", "")
                    	$$(this,'ul')[0].style.display = 'none';
                    }
                }
            }
        }
        objs = null;
        var js = document.createElement('script');
        js.type = 'text/javascript';
        js.src = '/js/png.js';
        js.onreadystatechange = function(){
            if (js.readyState == 'loaded' || js.readyState == 'complete') {
                DD_belatedPNG.fix('.png_bg');
            }
        };
        $$(document,'head')[0].appendChild(js);
    };
    if ($('index')) {
        spans = [];
        lis = [];
        $('index').innerHTML += '<div class="after"></div><div class="repeat"><div></div><div></div></div><div class="before"></div>';
        for (i in img) {
            lis.push('<li style="display:none"><a href="index.py/' + URL[i] + '"><img src="/img/index/' + img[i] + '.jpg" alt="index" /></a></li>');
            spans.push('<span><img src="/img/index/' + img[i] + '_s.jpg" alt="index" /></span>');
        }
        $('banner').innerHTML = '<ul>' + lis.join('') + '</ul><div>' + spans.join('') + '</div>';
        lis = $$('banner', 'li');
        spans = $$('banner', 'span');
        spans[num].className = 'current';
        lis[num].style.zIndex = '2';
        lis[num].style.display = 'block';
        lis[num].n = 100;
        for (i in spans) {
            bind(i, spans);
        };
		var a = $$('culture','div');		
		for(var i=0;i<a.length;i++){
			if(!a[i].className){
				divs.push(a[i]);
			}
		}
		div = document.createElement('div');
		div.className='nums';
		$('culture').appendChild(div);
		for(var i=0;i<divs.length;i++){
			divs[i].style.display = 'none';
			div.innerHTML+='<span rel="'+i+'">'+(i-0+1)+'</span>';
		}
		for(var i=0;i<divs.length;i++){
			$$(div,'span')[i].onmouseover = (function(i){
				return function(){
					for(var j=0;j<divs.length;j++){
						divs[j].style.display = 'none';
						$$(div,'span')[j].className = '';
					};
					divs[i].style.display = 'block';
					this.className = 'hover';
				}
			})(i)
		}
		$$(div,'span')[0].onmouseover();
    }
}