document.write("<div id='styleListDiv' class='styleListDiv' style='Z-INDEX: 116; POSITION: absolute;Display: none' onmouseover='showStyleList();' onmouseout='hideStyleList();'></div>");
function SelfModelStyDropdownClose(e)
{
	ModelStyDropdownClose(e);
}

function SelfModelStyDropdown(e)
{
	ModelStyDropdown(e);
}

function ModelStyDropdownClose(e)
{
	var toElement=e.toElement||e.relatedTarget;
	var styleListDiv=document.getElementById("styleListDiv");
	if(toElement==styleListDiv||toElement.parentNode==styleListDiv)
	{
		styleListDiv.style.display="";
	}
	else
	{
		styleListDiv.style.display="none";
	}
}

function ModelStyDropdown(e)
{
	var obj=e.srcElement||e.target;
	var styleListDiv=document.getElementById("styleListDiv");
	styleListDiv.style.display="";
	var pos=GetElementPosition(obj);
	styleListDiv.innerHTML="";
	styleListDiv.style.left=pos.x+"px";
	styleListDiv.style.top=eval(pos.y+10)+"px";
	
	for(var i=1;i<=7;i++)
	{
		var div=document.createElement("div");
		if(document.all)
		{
			div.setAttribute("className","styleListItem");
		}
		else
		{
			div.setAttribute("class","styleListItem");
		}
		div.setAttribute("id","style"+i);
		div.setAttribute("width","80");
		div.innerHTML="样式"+i;
		styleListDiv.appendChild(div);
		var owner=new Object();
		owner.obj=div;
		regEvent(div,"click",resetStyle,owner);
		regEvent(div,"mouseover",styleListItemMouseover,owner);
		regEvent(div,"mouseout",styleListItemMouseout,owner);
	}               		
}

function styleListItemMouseover()
{
	var obj=this.obj;
	if(document.all)
	{
		obj.setAttribute("className","styleListItemSelected");
	}
	else
	{
		obj.setAttribute("class","styleListItemSelected");
	}
	return false;
}

function styleListItemMouseout()
{
	var obj=this.obj;
	if(document.all)
	{
		obj.setAttribute("className","styleListItem");
	}
	else
	{
		obj.setAttribute("class","styleListItem");
	}
	return false;	
}
		
function WebModelDropdownClose(e)
{
	var toElement=e.toElement||e.relatedTarget;
	var styleListDiv=document.getElementById("styleListDiv");
	if(toElement==styleListDiv||toElement.parentNode==styleListDiv)
	{
		styleListDiv.style.display="";
	}
	else
	{
		styleListDiv.style.display="none";
	}
}



function WebModelDropdown(e)
{
	var obj=e.srcElement||e.target;
	var styleListDiv=document.getElementById("styleListDiv");
	styleListDiv.style.display="";
	var pos=GetElementPosition(obj);
	styleListDiv.innerHTML="";
	styleListDiv.style.left=pos.x+"px";
	styleListDiv.style.top=eval(pos.y+10)+"px";
	for(var i=0;i<=11;i++)
	{
		var div=document.createElement("div");
		div.setAttribute("id","index1_"+i);
		if(document.all)
		{
			div.setAttribute("className","styleListItem");
		}
		else
		{
			div.setAttribute("class","styleListItem");
		}
		div.setAttribute("width","80");
		if(i==0)
		{
			div.innerHTML="商务";
		}
		else if(i==1)
		{
			div.innerHTML="运动";
		}
		else if(i==2)
		{
			div.innerHTML="水墨";
		}
		else if(i==3)
		{
			div.innerHTML="自然";
		}
		else if(i==4)
		{
			div.innerHTML="科技";
		}
		else if(i==5)
		{
			div.innerHTML="职业";
		}
		else if(i==6)
		{
			div.innerHTML="动漫";
		}
		else if(i==7)
		{
			div.innerHTML="心情";
		}
		else if(i==8)
		{
			div.innerHTML="田园";
		}
		else if(i==9)
		{
			div.innerHTML="情感";
		}
		else if(i==10)
		{
			div.innerHTML="童趣";
		}
		else if(i==11)
		{
			div.innerHTML="风景";
		}
		
		styleListDiv.appendChild(div);
		var owner=new Object();
		owner.obj=div;
		regEvent(div,"click",resetModel,owner);
		regEvent(div,"mouseover",styleListItemMouseover,owner);
		regEvent(div,"mouseout",styleListItemMouseout,owner);
	}
}

function regEvent(obj,e,l,owner)
{
	if(owner)
	{
		var eventHandler = l;
		eventHander = function()
		{
			l.call(owner);
		}
		if(document.all)
		{
			obj.attachEvent("on"+e,eventHander);
		}
		else
		{
			obj.addEventListener(e,eventHander,false);
		}
	}
	else
	{
		if(document.all)
		{
			obj.attachEvent("on"+e,l);
		}
		else
		{
			obj.addEventListener(e,l,false);
		}	
	}    
}

function resetModel()
{
	var action=document.Form1.getAttribute("action");
	var url="http://www.socye.com/bayidx/"+this.obj.id+".aspx?"+action.split("?")[1];
	location.href=url;
}

function resetStyle()
{
	var head=document.getElementsByTagName("head")[0];
	var links=document.getElementsByTagName("link");
	var oldHref=links[3].getAttribute("href");
	var styleIndex=oldHref.lastIndexOf("style");
	var leftStr=oldHref.substr(0,styleIndex);
	var newHref=leftStr+this.obj.id+"/Owner.css";
	links[3].removeAttribute("href");
	links[3].setAttribute("href",newHref);
	var styleListDiv=document.getElementById("styleListDiv");
	styleListDiv.style.display="none";
}
	
function showStyleList()
{
	var styleListDiv=document.getElementById("styleListDiv");
	styleListDiv.style.display="";
}

function hideStyleList()
{
	var styleListDiv=document.getElementById("styleListDiv");
	styleListDiv.style.display="none";
}


function GetElementPosition(element) 
{
	var result = new Object();
	result.x = 0;
	result.y = 0;
	result.width = 0;
	result.height = 0;
	if(element.offsetParent) 
	{
		result.x = element.offsetLeft;
		result.y = element.offsetTop;
		var parent = element.offsetParent;
		while(parent) 
		{
			result.x += parent.offsetLeft;
			result.y += parent.offsetTop;
			var parentTagName = parent.tagName.toLowerCase();
			if (parentTagName != "table" && parentTagName != "body" && parentTagName != "html" && parentTagName != "div" && parent.clientTop && parent.clientLeft) 
			{
				result.x += parent.clientLeft;
				result.y += parent.clientTop;
			}
			parent = parent.offsetParent;
		}
	}
	else if (element.left && element.top) 
	{
		result.x = element.left;
		result.y = element.top;
	}
	else 
	{
		if (element.x) 
		{
			result.x = element.x;
		}
		if (element.y) 
		{
			result.y = element.y;
		}
	}
	if (element.offsetWidth && element.offsetHeight) 
	{
		result.width = element.offsetWidth;
		result.height = element.offsetHeight;
	}
	else if (element.style && element.style.pixelWidth && element.style.pixelHeight) 
	{
		result.width = element.style.pixelWidth;
		result.height = element.style.pixelHeight;
	}
	return result;
}