// TitleLable 文件

// 下拉区背景色
var DIV_BG_COLOR = "#EEE";
// 高亮显示条目颜色
var DIV_HIGHLIGHT_COLOR ="#5084CB" // "#C30";
// 字体
var DIV_FONT = "Arial";
// 下拉区内补丁大小
var DIV_PADDING = "2px";
// 下拉区边框样式
var DIV_BORDER = "1px solid #CCC";
// 单个栏目的宽度．
var SPAN_WIDTH="20%";
// 单个栏目的文本显示位置．
var SPAN_TEXTALIGN="center";
// 单个子栏目地址．
var childURL="content.aspx?Lable=";


// 文本输入框
var queryField;
// 下拉区id
var divName;
// IFrame名称
var ifName;
// 记录上次选择的值
var lastVal = "";
// 当前选择的值
var val = "";
// 显示结果的下拉区
var globalDiv;
// 下拉区是否设置格式的标记
var divFormatted = false;
//栏目名
var titleName=strTitleName.split('-');
//子栏目
var childTite=strchildTite.split('-');
window.onload=createTitle;
 window.onresize=divInit;
function divInit()
 {
      var oDiv =document.getElementById("oDiv");
      var oTD=document.getElementById("titlePosition");
		// 计算div左上角的位置		
		var x = oTD.offsetLeft;
		var y = oTD.offsetTop;
		var parent = oTD;
		while (parent.offsetParent)
		{
			parent = parent.offsetParent;
			x += parent.offsetLeft;
			y += parent.offsetTop;
			
		}
		oDiv.style.left = x+28+ "px";
	    oDiv.style.top = y+1 + "px";
 }

/**
创建栏目
*/
function createTitle ()
{
  
  var parentDiv=getObject("titleContent");
  var aStrUrl=getTitleURL();
  for(var i=0; i<titleName.length;i++)
  {
    var newNode = document.createElement("span");
    newNode.setAttribute("id", "titleSpan"+i);
    newNode.innerHTML = titleName[i];
    if(aStrUrl[i]!=null&&aStrUrl[i]!="")
    {
        newNode.URL=aStrUrl[i];
        newNode.style.cursor = "pointer";
    }
    else
    {
        newNode.URL="";
        newNode.style.cursor = "default";
    }
    newNode.style.textAlign = SPAN_TEXTALIGN;
    newNode.style.paddingLeft="0px";
    newNode.style.paddingRight = "15px";
    newNode.style.paddingTop="0px";
    newNode.style.paddingBottom="0px";
    newNode.style.fontSize = "80%";
//    newNode.style.width="100px"
    newNode.style.backgroundColor="transparent";
    newNode.onmouseover = highlightResult;
	newNode.onmouseout = unhighlightResult;
	newNode.onclick=openNewWindow;
    parentDiv.appendChild(newNode);
   }
   divInit();
}

/**
获取div.
*/
function getObject(sName)
{
    if(document.getElementById)
    {
        return document.getElementById(sName);
    }
    else
    {
        return document.embeds[sName];
    }
}
/**
当鼠标移到某个条目之上时,高亮显示该条目
*/
function highlightResult()
{
    _highlightResult(this);
}
function _highlightResult(item)
{
	item.style.color = "#5084CB";
	var index=item.id.substring(9);
    showQueryDiv(getCurentTitle(index),"childTitleList",item);
	
}
/**
当鼠标移出某个条目时,正常显示该条目
*/
function unhighlightResult()
{
     _unhighlightResult(this);
}
function _unhighlightResult(item)
{
	item.style.color = "black";
}
function getCurentTitle(index)
{
//    return childTite[index].split('|');
    var strChildTite=childTite[index];
    var tempA=[];
    if(strChildTite.indexOf('|')>=0)
    {
      return strChildTite.split('|');
    }
    else
    {
        if(strChildTite!="")
        {
            tempA[0]=strChildTite;
            return tempA;
        }
        else
        {
            tempA.length=0;
            return tempA;
        }
    }
}

/**
获取下拉区的div,如果没有则创建之
*/
function getDiv (divID,parentSpanID)
{
	if (parentSpanID)
	{
		// 如果div在页面中不存在,创建一个新的div
		
		if (!document.getElementById(divID))
		{
			var newNode = document.createElement("div");
			newNode.setAttribute("id", divID);
			newNode.onmouseover = highlightChildTitleList;
		    newNode.onmouseout = unhighlightChildTitleList;
			document.body.appendChild(newNode);
		}

		// globalDiv设置为div的引用		
		globalDiv = document.getElementById(divID);

		// 计算div左上角的位置		
		var x = parentSpanID.offsetLeft;
		var y = parentSpanID.offsetTop + parentSpanID.offsetHeight;
		var parent = parentSpanID;
		while (parent.offsetParent)
		{
			parent = parent.offsetParent;
			x += parent.offsetLeft;
			y += parent.offsetTop;
		}

		// 设置相应的显示样式		
		
//			globalDiv.style.backgroundColor = DIV_BG_COLOR;
			globalDiv.style.fontFamily = DIV_FONT;
			globalDiv.style.padding = DIV_PADDING;
			globalDiv.style.border = DIV_BORDER;
			globalDiv.style.width = "100px";
			globalDiv.style.fontSize = "90%";

			globalDiv.style.position = "absolute";
			globalDiv.style.left = x + "px";
			globalDiv.style.top = y + "px";
			globalDiv.style.visibility = "hidden";
			globalDiv.style.zIndex = 10000;
		
	}

	return globalDiv;
}

/**
根据返回的结果集显示下拉区
*/
function showQueryDiv(resultArray,divName,parentSpan)
{
	// 获取div的引用
	var div = getDiv(divName,parentSpan);
	
	// 如果div中有内容,则删除之
	while (div.childNodes.length > 0)
		div.removeChild(div.childNodes[0]);

	// 依次添加结果
	for (var i = 0; i < resultArray.length; i++)
	{
		// 每一个结果也是一个div
		var result = document.createElement("div");
		// 设置结果div的显示样式
//		result.style.backgroundColor="#325380";
		result.style.cursor = "pointer";
		result.style.padding = "2px 0px 2px 0px";
//		result.style.color="#325380";
		
		// 设置为未选中
		_unhighlightResult(result);
		// 设置鼠标移进、移出等事件响应函数
//		result.onmousedown = selectResult;
		result.onmouseover = highlightChildResult;
		result.onmouseout = unhighlightChildResult;

		// 结果的文本是一个span
		var result1 = document.createElement("span");
		// 设置文本span的显示样式
		result1.style.textAlign = "left";
//		result1.style.fontWeight = "bold";
		result1.innerHTML = resultArray[i];
		result1.onclick=openNewWindow;
		// 将span添加为结果div的子节点
		result.appendChild(result1);
		
		// 将结果div添加为下拉区的子节点
		div.appendChild(result);
	}

	// 如果结果集不为空,则显示,否则不显示
	showDiv((resultArray.length > 0),divName);
}
/**
显示/不显示下拉区
*/
function showDiv (show,oName)
{
	var div =getObject(oName);
	if (show)
	{
		div.style.visibility = "visible";
	}
	else
	{
		div.style.visibility = "hidden";
	}
	//adjustiFrame();
}
/**
隐藏下拉区
*/
function hideDiv ()
{
	showDiv(false);
}

/**
调整IFrame的位置,这是为了解决div可能会显示在输入框后面的问题
*/
function adjustiFrame()
{
	// 如果没有IFrame,则创建之
	if (!document.getElementById(ifName))
	{
		var newNode = document.createElement("iFrame");
		newNode.setAttribute("id", ifName);
		newNode.setAttribute("src", "javascript:false;");
		newNode.setAttribute("scrolling", "no");
		newNode.setAttribute("frameborder", "0");
		document.body.appendChild(newNode);
	}

	iFrameDiv = document.getElementById(ifName);
	var div = getDiv(divName);

	// 调整IFrame的位置与div重合,并在div的下一层  
	try
	{
		iFrameDiv.style.position = "absolute";
		iFrameDiv.style.width = div.offsetWidth;
		iFrameDiv.style.height = div.offsetHeight;
		iFrameDiv.style.top = div.style.top;
		iFrameDiv.style.left = div.style.left;
		iFrameDiv.style.zIndex = div.style.zIndex - 1;
		iFrameDiv.style.visibility = div.style.visibility;
	}
	catch (e)
	{
	}
}
/**
当鼠标移到某个条目之上时,高亮显示该条目
*/
function highlightChildResult()
{
    _highlightChildResult(this)
}
function _highlightChildResult(item)
{
    item.style.backgroundColor = DIV_HIGHLIGHT_COLOR;
}
/**
当鼠标移开某个条目之上时,不高亮显示该条目
*/
function unhighlightChildResult()
{
    _unhighlightChildResult(this)
}
function _unhighlightChildResult(item)
{
    item.style.backgroundColor = "#325380";
}
/**
当鼠标移到某个条目之上时,高亮显示该条目
*/
function highlightChildTitleList()
{
    _highlightChildTitleList(this);
}
function _highlightChildTitleList(item)
{
    showDiv(true,item.id);
}
/**
当鼠标移开某个条目之上时,不高亮显示该条目
*/
function unhighlightChildTitleList()
{
    _unhighlightChildTitleList(this)
}
function _unhighlightChildTitleList(item)
{
    showDiv(false,item.id);
}
/**
打开新的页面.
*/
function openNewWindow()
{
    _openNewWindow(this)
}
function _openNewWindow(item)
{
  
    if(item.URL==null)
    {
       
        window.open(childURL+item.innerHTML);
    }
    else
    {
        if(item.URL!="")
         window.open(item.URL);
    }
}
function getTitleURL()
{
    
    if(strPageURL.indexOf('|')>=0)
    {
        return strPageURL.split('|');
    }
    a=[strPageURL];
    return a ;
}