var objTreeCon=document.getElementById('treeCon');

function sort(id,name,pid)
{
    this.id=id;
    this.name=name;
    this.pid=pid;
}
var imgDir='/en/images';
var selectedBgColor='transparent';
var nodeOpenImg='icon3.gif';//tree_open.gif
var nodeCloseImg='icon2.gif';//tree_close.gif
var nodeNoChildImg='icon4.gif';//tree_single.gif
var nodeOpenImg2='icon9.gif'
var selectedItem;
var depth=1;
var sorts=new Array();

obj=new sort(52,'Toys',0);sorts=sorts.concat(obj);obj=new sort(29,'Dollar items',0);sorts=sorts.concat(obj);obj=new sort(32,'Strollers',0);sorts=sorts.concat(obj);obj=new sort(30,'Bicycles',0);sorts=sorts.concat(obj);obj=new sort(31,'Tricycles',0);sorts=sorts.concat(obj);obj=new sort(33,'Outdoor sport goods',0);sorts=sorts.concat(obj);obj=new sort(34,'Gift and other items',0);sorts=sorts.concat(obj);obj=new sort(54,'Battery-operated	',52);sorts=sorts.concat(obj);obj=new sort(61,'Boy play set	',52);sorts=sorts.concat(obj);obj=new sort(55,'Education ',52);sorts=sorts.concat(obj);obj=new sort(56,'Electric musical intrument		',52);sorts=sorts.concat(obj);obj=new sort(60,'Girl play set	',52);sorts=sorts.concat(obj);obj=new sort(59,'Holiday items	',52);sorts=sorts.concat(obj);obj=new sort(53,'Remote control	',52);sorts=sorts.concat(obj);obj=new sort(57,'Sport items',52);sorts=sorts.concat(obj);obj=new sort(58,'Summer items	',52);sorts=sorts.concat(obj);obj=new sort(65,'<font color=red>CLOSE OUT ITEMS</font>',0);sorts=sorts.concat(obj);obj=new sort(66,'<font color=red>PROMOTION ITEMS</font>',0);sorts=sorts.concat(obj);

function showTree(id)
{
    var templetP='<li style="cursor:pointer;" class="ot" id="tree_tab_#id#" onclick="selectSort(this);" >#data#<a href="/en/Product/ProductListM.aspx?type=bySid&amp;sid=#id#&amp;pre=0" onclick="this.blur();return false;" id="tree_lin_#id#" style="text-decoration:none;">#name#</a>';//</li>//showSort(document.getElementById(\'tree_tab_#id#\'));
    var templet='<li>#data#<a href="/en/Product/ProductListM.aspx?type=bySid&amp;sid=#id#&amp;pre=0">#name#</a></li>';
    //var templetLeafeP='<li style="cursor:pointer;" >#data#<a href="/en/Product/ProductListM.aspx?type=bySid&amp;sid=#id#">#name#</a></li>';
    var templetLeafeP=templet;
    
    var result='';
    for(var i=0;i<sorts.length;i++)
    {
        if(sorts[i].pid==id)
        {
			//alert(id+','+sorts[i].id+','+sorts[i].name);
            var hasC=hasChild(sorts[i].id);
            
            var str=templet.replace(/#id#/gi,sorts[i].id);
            if(hasC)str=templetP.replace(/#id#/gi,sorts[i].id);
            else
            if(depth==1)str=templetLeafeP.replace(/#id#/gi,sorts[i].id);
            str=str.replace('#data#',bindData(i,hasC,sorts[i].name,depth,sorts[i].id));
            str=str.replace('#name#',sorts[i].name);
            if(hasC)
            {	
				depth++;
                str+='<ul id="tree_div_'+sorts[i].id+'">'+showTree(sorts[i].id)+'</ul>';
                depth--;
                str+='</li>';//add this for close templetP
            }            
			result+=str;
         }
     
    }
    return result;
}
function hasChild(id)
{
    for(var i=0;i<sorts.length;i++)
    {
        if(sorts[i].pid==id)
        {
            return true;
        }
    }
    return false;  
}

function bindData(i,hasC,name,depth,id)
{return "";
    return importSpace(depth)+importImg(hasC,id);//+name;
}

function importImg(hasC,id)
{
    if(hasC)
        return '<img border=0 align="absmiddle" src="'+imgDir+'/'+nodeCloseImg+'" id="tree_img_'+id+'" >';//nodeCloseImg//onclick="showSort(this);"
    else
        return '<img border=0 align="absmiddle" src="'+imgDir+'/'+nodeNoChildImg+'">';
}

function importSpace(depth)
{
    var str="";
    for(var i=1;i<depth;i++)
        str+="&nbsp;&nbsp;";
    return str;
}

function selectSort(elem)
{
    var id=elem.id.substring(9,elem.id.length);
	if(selectedItem!=null)
	{
		selectedItem.style.backgroundColor='transparent';
		var idOld=selectedItem.id.substring(9,elem.id.length);
		document.getElementById('tree_lin_'+idOld).className="";
	}
	elem.style.backgroundColor=selectedBgColor;
	selectedItem=elem;
	document.getElementById('tree_lin_'+id).className="class";
}

function showSort_nocookies(elem)
{
	var id=elem.id.substring(9,elem.id.length);
	//alert(id);
	var elem1=document.getElementById('tree_div_'+id);
	
	if(elem1.style.display!='none')
	{
		elem1.style.display='none';
		elem.src=imgDir+'/'+nodeCloseImg;
	}
	else
	{
		elem1.style.display='';
		elem.src=imgDir+'/'+nodeOpenImg;
	}
}


function showSort(elem)
{
	try{
		var cookieValue,cookieArr,getValue;
		getValue=cookieName+"=";
		cookieValue=GetCookie(cookieName);
		
	var id=elem.id.substring(9,elem.id.length);
	//alert(id);
	var elem1=document.getElementById('tree_div_'+id);
	
	if(elem1.style.display!='none')
	{//alert('close');
		elem1.style.display='none';
		//elem.src=imgDir+'/'+nodeCloseImg;
			eval("cookieValue=cookieValue.replace(/,"+id+",/g,\"\")");
			document.cookie=cookieName+'='+cookieValue+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString();
	}
	else
	{//alert('open');
		elem1.style.display='';
		//elem.src=imgDir+'/'+nodeOpenImg;
			cookieValue+=","+id+",";
			document.cookie=cookieName+'='+cookieValue+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString();
			//alert(document.cookie);
	}

	}
	catch(e){
		document.cookie=cookieName+"="+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString();
	}
}


function showSort_closeOthers(elem)
{
    var curPid;
    var curId=elem.id.substring(9,elem.id.length);
    for(var i=0;i<sorts.length;i++)
    {
        if(sorts[i].id==curId)
        {
            curPid=sorts[i].pid;
            break;
        }
    }
    for(var i=0;i<sorts.length;i++)
    {
        if(sorts[i].pid==curPid)
        {
            if(document.getElementById('tree_img_'+sorts[i].id)&&sorts[i].id!=curId)
            if(document.getElementById('tree_div_'+sorts[i].id).style.display!='none')showSort2(document.getElementById('tree_img_'+sorts[i].id));
        }
    }
	try{
		var cookieValue,cookieArr,getValue;
		getValue=cookieName+"=";
		cookieValue=GetCookie(cookieName);
		
	var id=elem.id.substring(9,elem.id.length);
	//alert(id);
	var elem1=document.getElementById('tree_div_'+id);
	
	if(elem1.style.display!='none')
	{//alert('close');
		elem1.style.display='none';
		elem.src=imgDir+'/'+nodeCloseImg;
			eval("cookieValue=cookieValue.replace(/,"+id+",/g,\"\")");
			document.cookie=cookieName+'='+cookieValue+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString()+";path=/";
	}
	else
	{//alert('open');
		elem1.style.display='';
		elem.src=imgDir+'/'+nodeOpenImg;
			cookieValue+=","+id+",";
			document.cookie=cookieName+'='+cookieValue+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString()+";path=/";
			//alert(document.cookie);
	}

	}
	catch(e){
		document.cookie=cookieName+"="+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString()+";path=/";
	}
}

function showSort2(elem)
{
	try{
		var cookieValue,cookieArr,getValue;
		getValue=cookieName+"=";
		cookieValue=GetCookie(cookieName);
		
	var id=elem.id.substring(9,elem.id.length);
	//alert(id);
	var elem1=document.getElementById('tree_div_'+id);
	
	if(elem1.style.display!='none')
	{//alert('close');
		elem1.style.display='none';
		elem.src=imgDir+'/'+nodeCloseImg;
			eval("cookieValue=cookieValue.replace(/,"+id+",/g,\"\")");
			document.cookie=cookieName+'='+cookieValue+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString()+";path=/";
	}
	else
	{//alert('open');
		elem1.style.display='';
		elem.src=imgDir+'/'+nodeOpenImg;
			cookieValue+=","+id+",";
			document.cookie=cookieName+'='+cookieValue+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString()+";path=/";
			//alert(document.cookie);
	}

	}
	catch(e){
		document.cookie=cookieName+"="+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString()+";path=/";
	}
}


function result(id,name)
{
	this.id=id;
	this.name=name;
}

function getResult()
{
	var id,name;
	if(selectedItem==null)
		return null;
	id=selectedItem.id.substr(7);
	//alert(id);
	//alert(selectedItem.id);
	for(var i=0;i<sorts.length;i++)
	{
		if(sorts[i].id==id)
		{
			name=sorts[i].name;
			break;
		}
	}
	var rs=new result(id,name);
	//alert(rs.name);
	return rs;
}
//alert();
//document.frames["Tree"].document.write('<style>td{font-size:12px}</style>');
//var doc=document.frames["Tree"].document;
//doc.focus();
//alert(doc);
//alert(doc.body.innerHTML);
//doc.body.innerHTML=showTree(0);
//doc.body.style='font-size:12px';
//document.getElementById('Tree').innerHTML=showTree(0);
objTreeCon.innerHTML=showTree(0);



//---------------------------------------------------------------------------------------------
var cookieName="download";

function DefaultShow(obj)
{
	var cookieValue=GetCookie(cookieName);
	//alert(cookieValue);
	
	if(cookieValue=='')
	{
		document.getElementById(obj).style.display='';
	}
}

function pageload()
{
	try
	{
		var cookieValue=GetCookie(cookieName);
	
		if(cookieValue!=null)
		{
			var nodes=cookieValue.split(',');

			for(var i=0;i<nodes.length;i++)
			{
				if(nodes[i]!='')
				{if(i==nodes.length-2)
					if(document.getElementById('tree_div_'+nodes[i]))
					{	
						document.getElementById('tree_div_'+nodes[i]).style.display='';
						document.getElementById('tree_img_'+nodes[i]).src=imgDir+'/'+nodeOpenImg;
						document.getElementById('tree_lin_'+nodes[i]).className='class';
						document.getElementById('tree_tab_'+nodes[i]).style.backgroundColor=selectedBgColor;
						selectedItem=document.getElementById('tree_tab_'+nodes[i]);
					}
				}
			}
		}
	}
	catch(e)
	{
	//alert(e);
		document.cookie=cookieName+"="+";expires="+new Date(new Date().getTime() + 30*24*60*60*1000).toGMTString(); 
	}
}
function GetCookie(CookieName)
{
	var cookiesstr=document.cookie;
	var iBegin=cookiesstr.indexOf(CookieName+"=");
	//alert(iBegin);
	if(iBegin==-1)
	{
		return '';
	}
	else
	{
		iBegin=iBegin+CookieName.length+1;
		//alert("i="+iBegin);
		var iEnd=cookiesstr.indexOf(';',iBegin);
		if(iEnd==-1)
			return cookiesstr.substring(iBegin);
		else
			return cookiesstr.substring(iBegin,iEnd);
	}
}
if(typeof(loadCookie)!='undefined')
pageload();
//document.write(GetCookie('List_Style')+"End");

function SortDisplayChange(obj)
{
	ShowChild(obj);
}