var isCustomerFav;
//记录是否有弹出的frame
var frame;
//记录当前被点中的即时比分按钮是哪个
var currentButtonId;
//记录当前被点中的Tab是哪个
var currentTab;

//包围左右悬浮广告的div随页面滚动而滚动
window.onscroll = function () 
{
    document.getElementById("divLeft").style.pixelTop = document.documentElement.scrollTop;
    document.getElementById("divRight").style.pixelTop = document.documentElement.scrollTop;

    buttonDivPosition();
};

//即时比分按钮点击事件
function show(src) 
{
    if (!frame) 
    {
        frame = document.createElement("iframe");
        frame.id = "if";
        frame.style.width = "100%";
        frame.style.height = "800px";
        frame.src = src;

        document.getElementById("liveDiv").appendChild(frame);

        if (currentButtonId) 
        {
            changeClassName(currentButtonId, "1");
        }

        changeClassName(event.srcElement.id, '2');
        currentButtonId = event.srcElement.id;
    }
    else if (frame.src == src) 
    {
        document.getElementById("liveDiv").removeChild(frame);
        frame = null;

        changeClassName(currentButtonId, "1");
        currentButtonId = null;
    }
    else 
    {
        frame.src = src;

        changeClassName(currentButtonId, "1");

        changeClassName(event.srcElement.id, '2');

        currentButtonId = event.srcElement.id;
    }
    event.cancelBubble = true;
}

//Tab点击事件
function tabClick(url) {
    var tabFrame = document.getElementById("ifTab");

    if (!currentTab) {
        currentTab = document.getElementById('tdBegin');
    }

    if (tabFrame.src == url) {
        return;
    }
    else {
        tabFrame.src = url;

        if (currentTab) {
            currentTab.className = "tabNormal";
        }

        event.srcElement.className = "tabSelected";
        currentTab = event.srcElement;
    }
}

//用来给即时比分按钮换class的工具方法
function changeClassName(id, name) 
{
    var obj = document.getElementById(id);
    obj.className = obj.className.substring(0, obj.className.length - 1) + name;
}

//保持即时比分按钮位置方法
function buttonDivPosition() 
{
    var pos = getElementPos("ifTop");

    document.getElementById("buttonDiv").style.pixelTop = document.documentElement.scrollTop;
    document.getElementById("buttonDiv").style.left = (pos.x - 35).toString()+"px";
}

//获取某元素相对于浏览器左上角距离方法
function getElementPos(elementId) {
    var ua = navigator.userAgent.toLowerCase();
    var isOpera = (ua.indexOf('opera') != -1);
    var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof
    var el = document.getElementById(elementId);
    if (el.parentNode === null || el.style.display == 'none') {
        return false;
    }
    var parent = null;
    var pos = [];
    var box;
    if (el.getBoundingClientRect)    //IE
    {
        box = el.getBoundingClientRect();
        var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
        var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
        return { x: box.left + scrollLeft, y: box.top + scrollTop };
    } else if (document.getBoxObjectFor)    // gecko    
    {
        box = document.getBoxObjectFor(el);
        var borderLeft = (el.style.borderLeftWidth) ? parseInt(el.style.borderLeftWidth) : 0;
        var borderTop = (el.style.borderTopWidth) ? parseInt(el.style.borderTopWidth) : 0;
        pos = [box.x - borderLeft, box.y - borderTop];
    } else    // safari & opera    
    {
        pos = [el.offsetLeft, el.offsetTop];
        parent = el.offsetParent;
        if (parent != el) {
            while (parent) {
                pos[0] += parent.offsetLeft;
                pos[1] += parent.offsetTop;
                parent = parent.offsetParent;
            }
        }
        if (ua.indexOf('opera') != -1 || (ua.indexOf('safari') != -1 && el.style.position == 'absolute')) {
            pos[0] -= document.body.offsetLeft;
            pos[1] -= document.body.offsetTop;
        }
    }
    if (el.parentNode) {
        parent = el.parentNode;
    } else {
        parent = null;
    }
    while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { // account for any scrolled ancestors
        pos[0] -= parent.scrollLeft;
        pos[1] -= parent.scrollTop;
        if (parent.parentNode) {
            parent = parent.parentNode;
        } else {
            parent = null;
        }
    }
    return { x: pos[0], y: pos[1] };
}


//初始化方法
function init()
{
	if(document.getElementById("hifIsCustomerFav").value=="on")
	{
	    isCustomerFav = true;
	    favInit("Script/customerFav.js");
	}
	else
	{
	    isCustomerFav = false;
	    favInit("Script/cookie.js");
	    Cookie.ReadCookie();
	}

	buttonDivPosition();
}

document.body.onload = function () { init() };
window.onresize = buttonDivPosition; //重设浏览器大小后,保持即时比分按钮位置

//如果开启会员收藏,添加js文件
function favInit(url)
{
	var jsFile = document.createElement("script");
	jsFile.setAttribute("type","text/javascript");
	jsFile.setAttribute("src",url);
	document.getElementsByTagName("head")[0].appendChild(jsFile);
}

function tableOver(e)
{
	e = e||window.event;
	
	var srcElm = event.srcElement;
	if(srcElm.tagName=="TD"&&srcElm.innerHTML!="")
	{
		e.cancelBubble = true;
		srcElm.style.backgroundColor = "#E3F1F5";
	}
	else if(srcElm.tagName=="A")
	{
		e.cancelBubble = true;
		readUrl(srcElm.id);
	}

    
}

function tableOut(event)
{
	event = event||window.event;
	
	var srcElm = event.srcElement;
	if(srcElm.tagName=="TD"&&srcElm.innerHTML!="")
	{
		srcElm.style.backgroundColor = "#ffffff";
		event.cancelBubble = true;
		urlDiv.style.display = "none";
	}
	else if(srcElm.tagName=="A")
	{
		srcElm.parentElement.style.backgroundColor = "#ffffff";
		event.cancelBubble = true;
	}

    
}

function getData(parentId,elmId,slcStr)
{
	HttpRequest.ReadHttp("handlers/GetData.ashx","id="+parentId+"&slcStr="+slcStr,function(httpRequest){
		if(httpRequest.readystate==4)
		{
			if(httpRequest.status==200)
			{
				document.getElementById(elmId).innerHTML = httpRequest.responseText;
			}
		}
	})
}

function hiddenData(id)
{
	for(var i=1;i<document.getElementById("data").childNodes.length;i++)
	{
		if(id==0)
		{
			document.getElementById("data").childNodes[i].style.display = "block";
			continue;
		}
		if(document.getElementById("data").childNodes[i].id!=id)
			document.getElementById("data").childNodes[i].style.display = "none";
		else
			document.getElementById("data").childNodes[i].style.display = "block";
	}
}

HttpRequest.ReadHttp("handlers/GetType.ashx","",function(httpRequest){
	if(httpRequest.readyState==4){
		if(httpRequest.status==200){
		    var bigArr = eval(httpRequest.responseText);
			for(var i=0;i<bigArr.length;i++){
				var table = document.createElement("table");
				table.id = bigArr[i].id;
				table.style.borderSpacing = 0;
				table.style.borderCollapse = "collapse";
				
				
				var adRow = table.insertRow(0);
				var adTd = adRow.insertCell(0);
				adTd.valign = "bottom";
				adTd.className = "adTd";
				adTd.innerHTML = bigArr[i].textAd;
				
				var row1 = table.insertRow(1);
				var td1 = row1.insertCell(0);
				td1.className = "titleTd";
				
				var typeDiv = document.createElement("div");
				typeDiv.innerHTML = bigArr[i].name;
				typeDiv.className = "typeDiv";
				
				var clickDiv = document.createElement("div");
				clickDiv.className = "clickDiv";
				
				var row2 = table.insertRow(2);
				var td3 = row2.insertCell(0);
				td3.colspan = "2";
				td3.id = bigArr[i].pageId;
				td3.style.border = "1px solid #396993";
				
				var spanAll = document.createElement("span");
				spanAll.className = "";
				spanAll.innerHTML = "全部&nbsp;";
				
				spanAll.onclick = slcChange;
				clickDiv.appendChild(spanAll);
				
				for(var j=65;j<=90;j++)
				{
					var span = document.createElement("span");
					span.className = "";
					span.innerHTML = String.fromCharCode(j)+"&nbsp;";
					span.onclick = slcChange;
					
					clickDiv.appendChild(span);
				}
				for(var j=0;j<=9;j++)
				{
					var span = document.createElement("span");
					span.className = "";
					span.innerHTML = j+"&nbsp;";
					span.onclick = slcChange;
					
					clickDiv.appendChild(span);
				}
				var input = document.createElement("input");
				input.value = "请输入网站名称拼音缩写";
				input.onfocus = function(){
					this.value = "";
					this.style.color = "#000000";
				}
				input.onblur = function(){
					this.value = "请输入网站名称拼音缩写";
					this.style.color = "#A5A5A5";
				}
				input.onkeyup = slcChange;
				clickDiv.appendChild(input);
				
				td1.appendChild(typeDiv);
				td1.appendChild(clickDiv);
				document.all.data.appendChild(table);
				getData.call(this,bigArr[i].id,bigArr[i].pageId,"");
			}
		}
	}
});

function slcChange()
{
	var p = this.parentElement;
	while (!p.id) {
		p = p.parentElement;
	}
	var slc = "";
	if(this.value)
	{
		slc = this.value;
	}
	else if(this.innerHTML.length<=7)
	{
		slc = this.innerHTML.substr(0,1);
	}
	getData.call(this,p.id,p.childNodes[0].childNodes[2].childNodes[0].id,slc);
}


function readXML(src,closure)
{
	var xmlDom = HttpRequest.ReadXML(src);
	var xmlNodes = xmlDom.documentElement.childNodes;
	var op = {};
	op.setSrc = function(){
		if(arguments.length>0)
		{
			return "<img src='"+arguments[0]+"' />";
		}
		return "";
	}
	op.setHref = function(){
		if(arguments.length>0)
		{
			return "<a href='"+arguments[0]+"' target='_blank'>";
		}
		return "";
	}
	for(var i=0;i<xmlNodes.length;i++)
	{
		closure(xmlNodes[i],op);
	}
}

function readFontAd()
{
	var i = 1;
	parent.readXML("",function(node,op){
		if(node[4]=="")
			return;
		str = op.setSrc(node[3])+op.setHref(node[2])+"<span style='color:'"+node[1]+";'>"+node[4]+"</span>";
		if(node[2]!="")
			str += "</a>";
		document.getElementById("fontAd"+i++).innerHTML = str;
	});
}

function readImgAd()
{
	var i = 0;
	var str = "<table class='' cellpadding=0  cellspacing=0><tr>"
	parent.readXML("",function(node,op){
		str += "<td><a href='"+op.setHref(node[1])+"' target='_blank'><img src='"+op.setSrc(node[2])+"' /></a></td>";
	});
	str += "</td></tr></table>";
	document.getElementById("").innerHTML = str;
}