// JavaScript Document

//设置遮罩层高度
function setMarkLayers() {
	var mkBgLayer = document.getElementById('markLayers');		// mask background
	var heighTmp;		// height temp
	var widthTmp;		// width temp
	// set width and height
	heighTmp = Number(document.getElementsByTagName('body')[0].offsetHeight);
	heighTmp += Number(document.getElementsByTagName('body')[0].style.paddingTop);
	heighTmp += Number(document.getElementsByTagName('body')[0].style.paddingBottom);
	heighTmp += Number(document.getElementsByTagName('body')[0].style.marginTop);
	heighTmp += Number(document.getElementsByTagName('body')[0].style.marginBottom);
	if (heighTmp < document.documentElement.clientHeight) {
		heighTmp = document.documentElement.clientHeight;
	}
	widthTmp = Number(document.getElementsByTagName('body')[0].offsetWidth);
	widthTmp += Number(document.getElementsByTagName('body')[0].style.paddingTop);
	widthTmp += Number(document.getElementsByTagName('body')[0].style.paddingBottom);
	widthTmp += Number(document.getElementsByTagName('body')[0].style.marginTop);
	widthTmp += Number(document.getElementsByTagName('body')[0].style.marginBottom);
	mkBgLayer.style.height = heighTmp + 'px';
//	mkBgLayer.style.width = widthTmp + 'px';
}

//改变所有控制菜单颜色、字色
function operAllNavMain(opt) {
	var var_navMain;
	var bgcolor = '#333';
	var fcolor = '#FFF';
	if (opt == 'open') {
		bgcolor = '#FFF';
		fcolor = '#333';
	}
	var_navMain = document.getElementById('navMain');
	var_navMain = var_navMain.getElementsByTagName('li');
	for (var i=0; i<var_navMain.length; i++) {
		var_navMain[i].style.backgroundColor = bgcolor;
		var_navMain[i].style.color = fcolor;
        var as = var_navMain[i].getElementsByTagName('a');
        for (var j=0; j<as.length; j++) {
            as[j].style.color = fcolor;
        }
	}
}

//操作背景层
function operBgLayer(opt) {
	if (opt == 'open') {
		document.getElementById('markLayers').style.display = '';
		var bgChange = new Fx.Style('markLayers', 'opacity', {duration:500}).start(0,0.5);
		operAllNavMain(opt);
	} else {
		var bgChange = new Fx.Style('markLayers', 'opacity', {duration:0}).start(0.5, 0);
		document.getElementById('markLayers').style.display = 'none';
	}
}

//操作菜单
function operMenu(opt, tarnum) {
	for(var i=1; i<6; i++) {
		document.getElementById('selMenu_' + i).style.display = 'none';
	}
	if (opt == 'open') {
		document.getElementById('selMenu_' + tarnum).style.display = '';
	} else {
		operAllNavMain(opt);
		operBgLayer('close');
	}
}

//操作底部菜单
var count = 0;
function operBottMenu(opt, target) {
	if (opt == 'open') {
		target.style.color = '#000';
		target.style.backgroundColor = '#FFF';
	} else {
		target.style.color = '#CCC';
		target.style.backgroundColor = '#000';
	}
}


function modifyBottMenu(opt, targetid, numb) {
	var addNum = 85;
	var outime = 20;
	document.getElementById(targetid).style.backgroundColor = "rgb(" + numb + ", " + numb + ", " + numb + ")";
	if (opt == 'open') {
		if(numb > 254){
			clearTimeout(timer1);
			document.getElementById(targetid).style.color = '#000';
			return;
		}
		var str = "modifyBottMenu('" + opt + "', '" + targetid + "', " + (numb + addNum) + ")";
		var timer1 = setTimeout(str, outime);
	} else {
		if(numb < 1){
			clearTimeout(timer2);
			document.getElementById(targetid).style.color = '#CCC';
			return;
		}
		var str = "modifyBottMenu('" + opt + "', '" + targetid + "', " + (numb - addNum) + ")";
		var timer2 = setTimeout(str, outime);
	}
}

//初始化
window.addEvent('domready', function() {
	//设置高度
	setMarkLayers();
	//给navMain添加事件
	$('navMainParent').addEvent('mouseenter', function() {
		operBgLayer('open');
	});
	$('navMainParent').addEvent('mouseleave', function() {
		operMenu('close');
	});
	if (document.getElementById("link_a1"))	{
		scrollLink("link_a1", "link_a2", 90, 300, 1);
		scrollLink2("link_b1", "link_b2", 90, 300, 1);
		scrollLink3("link_c1", "link_c2", 90, 300, 1);
	}
});


/**
 *	以下是自动滚动新闻的方法
 */

var scrObj, scrlinkHeightTemp, scrlinkLiHeight, scrlinkStopTimeTemp, scrlinkStopTime;
function scrollLink(box, target, scrollHeigh, stopTim, speed) {
	var boxObj = document.getElementById(box);
	boxObj.style.overflow = "hidden";
	boxObj.style.position = "relative";
	boxObj.style.height = "91px";
	scrObj = document.getElementById(target);
	scrObj.style.position = "relative";
	scrlinkLiHeight = scrollHeigh;
	scrlinkHeightTemp = 0;
	scrlinkStopTime = stopTim;
	scrlinkStopTimeTemp = 0;
	scrObj.innerHTML += scrObj.innerHTML;
	var setint1 = setInterval("scrollLinkTimer()", speed);
}
function scrollLinkTimer() {
	if (-scrObj.offsetTop == scrObj.offsetHeight/2) {
		scrObj.style.top = 0;
	}
	if (scrlinkHeightTemp < scrlinkLiHeight) {
		scrObj.style.top = (scrObj.offsetTop - 1) + "px";
		scrlinkStopTimeTemp = 0;
		scrlinkHeightTemp++;
	} else {
		if (scrlinkStopTimeTemp < scrlinkStopTime) {
			scrlinkStopTimeTemp++
		} else {
			scrlinkHeightTemp = 0;
		}
	}
}

var scrObj2, scrlinkHeightTemp2, scrlinkLiHeight2, scrlinkStopTimeTemp2, scrlinkStopTime2;
function scrollLink2(box, target, scrollHeigh, stopTim, speed) {
	var boxObj = document.getElementById(box);
	boxObj.style.overflow = "hidden";
	boxObj.style.position = "relative";
	boxObj.style.height = "91px";
	scrObj2 = document.getElementById(target);
	scrObj2.style.position = "relative";
	scrlinkLiHeight2 = scrollHeigh;
	scrlinkHeightTemp2 = 0;
	scrlinkStopTime2 = stopTim;
	scrlinkStopTimeTemp2 = 0;
	scrObj2.innerHTML += scrObj2.innerHTML;
	var setint2 = setInterval("scrollLinkTimer2()", speed);
}
function scrollLinkTimer2() {
	if (-scrObj2.offsetTop == scrObj2.offsetHeight/2) {
		scrObj2.style.top = 0;
	}
	if (scrlinkHeightTemp2 < scrlinkLiHeight2) {
		scrObj2.style.top = (scrObj2.offsetTop - 1) + "px";
		scrlinkStopTimeTemp2 = 0;
		scrlinkHeightTemp2++;
	} else {
		if (scrlinkStopTimeTemp2 < scrlinkStopTime2) {
			scrlinkStopTimeTemp2++
		} else {
			scrlinkHeightTemp2 = 0;
		}
	}
}

var scrObj3, scrlinkHeightTemp3, scrlinkLiHeight3, scrlinkStopTimeTemp3, scrlinkStopTime3;
function scrollLink3(box, target, scrollHeigh, stopTim, speed) {
	var boxObj = document.getElementById(box);
	boxObj.style.overflow = "hidden";
	boxObj.style.position = "relative";
	boxObj.style.height = "91px";
	scrObj3 = document.getElementById(target);
	scrObj3.style.position = "relative";
	scrlinkLiHeight3 = scrollHeigh;
	scrlinkHeightTemp3 = 0;
	scrlinkStopTime3 = stopTim;
	scrlinkStopTimeTemp3 = 0;
	scrObj3.innerHTML += scrObj3.innerHTML;
	var setint3 = setInterval("scrollLinkTimer3()", speed);
}
function scrollLinkTimer3() {
	if (-scrObj3.offsetTop == scrObj3.offsetHeight/2) {
		scrObj3.style.top = 0;
	}
	if (scrlinkHeightTemp3 < scrlinkLiHeight3) {
		scrObj3.style.top = (scrObj3.offsetTop - 1) + "px";
		scrlinkStopTimeTemp3 = 0;
		scrlinkHeightTemp3++;
	} else {
		if (scrlinkStopTimeTemp3 < scrlinkStopTime3) {
			scrlinkStopTimeTemp3++
		} else {
			scrlinkHeightTemp3 = 0;
		}
	}
}
