var currentTypes = null;
var _divTypes = document.getElementById("divTypes");
var _frmTypes = document.getElementById("frmTypes");

function selectType(type,typeID)
{
    if(currentTypes!=null)
    {
        currentTypes.style.fontWeight = "normal";
        currentTypes.parentNode.className = "divTypes_normal";
        
    }
    _TypeID2 = typeID;
    currentTypes = type;
    currentTypes.style.fontWeight = "bold";
    currentTypes.parentNode.className = "divTypes_select";
    
    
    bindSubTypes(typeID);
		
    document.getElementById("divCurType").innerHTML = "请选择 \"<font color=red><b>" + type.innerHTML + "</b></font>\" 中的小类";
}

function showTypes(obj){	
	
	cancelBubble(event)
	
	obj = obj.offsetParent;
	obj = obj.offsetParent;
	
	var ttop  = obj.offsetTop;     
	var thei  = obj.clientHeight;  
	var tleft = obj.offsetLeft;   


	while (obj = obj.offsetParent){	
		ttop+=obj.offsetTop; 
		tleft+=obj.offsetLeft;		
	}
	_divTypes.style.left = tleft + 250;
	_divTypes.style.top = ttop + 30;
	
	
    _frmTypes.style.left = tleft + 250;
    _frmTypes.style.top = ttop + 30;
	
}

function bindMainTypes()
{
	var html = "<div class=divTypes_normal>";
	for(var i=0;i<_mainTypes.length;i++)
	{

		var _typeID = _mainTypes[i].split("_")[0];
		var _typeName = _mainTypes[i].split("_")[1];
				
		html += "<div id='type"+_typeID+"' onclick=\"selectType(this, "+_typeID+")\">"+_typeName+"</div>";

		if( i!=0 && i%2 == 1 && i != _mainTypes.length - 1)
		{
			html += "</div><div class=divTypes_normal>";			
		}
		
	}
	
	html += "</div>";
	document.getElementById("divTypesLeft").innerHTML = html;
}

function bindSubTypes(typeID)
{

	var html = "<div id=divCurType class=divTypes_normal></div><div class=divTypes_normal>";
	for(var i=0;i<_subTypes[typeID].length;i++)
	{
		var _typeID = _subTypes[typeID][i].split("_")[0];
		var _typeName = _subTypes[typeID][i].split("_")[1];
				
		html += "<div style='text-decoration:underline;' onclick=typeNav(this,"+_typeID+")>"+_typeName+"</div>";
		

		if( i!=0 && i%2 == 1 && i != _subTypes[typeID].length - 1)
		{
			html += "</div><div class=divTypes_normal>";			
		}
		
	}
	
	html += "</div>";
	document.getElementById("divTypesRight").innerHTML = html;
	
	
}

function typeNav(link, typeID)
{
    link.style.color = "red";
	if(typeID==_TypeID2)
	{
	    location.href = "/L"+_typeID1+","+typeID+"P1.html";
	}
	else
	{
	    location.href = "L"+_typeID1+",0,0,"+_TypeID2+","+typeID+"P1.html";
	}
}

function hideTypes()
{
	_divTypes.style.top = -1000;
	_frmTypes.style.top = -1000;
}


function cancelBubble(evt)
{
    var e=(evt)?evt:window.event;   
    if (window.event) {   
        e.cancelBubble=true;   
    } else {
        e.stopPropagation();   
    } 
}

document.body.onclick = function()
{
   hideTypes();
}

function AutoHeight()
{
    if(_mainTypes.length<20)
    {
        _frmTypes.style.height = 300;
        
        document.getElementById("divTypes").style.height = 300;
        document.getElementById("divTypesLeft").style.height =  270;
        document.getElementById("divTypesRight").style.height =  270;
    }
    
    if(_mainTypes.length>30)
    {
        _frmTypes.style.height = 460;
        
        document.getElementById("divTypes").style.height = 460;
        document.getElementById("divTypesLeft").style.height =  430;
        document.getElementById("divTypesRight").style.height =  430;
    }
}

bindMainTypes();
AutoHeight();
document.getElementById("type"+_typeID2).click();