function loadDemoMain(k)
{
	for(i=0; $('demo_subtabs_'+i); i++)
		$('demo_subtabs_'+i).className = 'hidden';
	$('demo_subtabs_'+k).className = '';
	for(i=0; $('demo_main_tab_'+i); i++)
		$('demo_main_tab_'+i).className = '';
	$('demo_main_tab_'+k).className = 'on';
	$('demo_main_tab_'+k).blur();
	$('demo_subtabs_'+k).getElementsByTagName('a')[0].onclick();
	setTitPosition(55 + k*120);
}


function loadDemoSub(ob, img_file)
{
	x = getTitPosition();
	$('demo_content').innerHTML = '<img src="/images/tit.gif" id="tit" /><a href="#" onclick="showDemo(\''+ob.href+'\')"><img src="/uploads/demos/'+img_file+'"></a><img src="/images/tit_up.gif" id="tit_up" />';
	if(x!='')
		setTitPosition(x);
	
	subtabs = ob.parentNode.parentNode.getElementsByTagName('a');
	for(i=0; subtabs[i]; i++)
		if(subtabs[i]==ob)
		{
			subtabs[i].className = 'on';
			k = i;
		}
		else
		{
			subtabs[i].className = '';		
		}
	ob.blur();
	//alert(ob.parentNode.style.top);
	setTitUpPosition(24 + k*60);
} // end loadDemoSub()


function setTitPosition(x) { $('tit').style.left = x+'px'; }
function setTitUpPosition(x) { $('tit_up').style.left = x+'px'; }
function getTitPosition() { return $('tit').style.left.replace('px', ''); }
function getTitUpPosition() { return $('tit_up').style.right.replace('px', ''); }


function showDemo(url)
{
	var w=840;
	var h=670;
	window.open(url,  "demo_window", "scrollbars=1, left=100, top=100, width="+w+", height="+h);
}





function ____loadDemoMain(k)
{
	var main_tab = demo_tabs[k];
	var current_sub = main_tab["current"];
	
	$('demo_content').getElementsByTagName('img')[0].src = '/uploads/demos/'+main_tab["demos"][current_sub]["image"];
	$('demo_content').getElementsByTagName('a')[0].onclick = function(){showDemo(main_tab["demos"][current_sub]["file"])};

	var all_tabs = $('demo_tabs').getElementsByTagName('a');
	for(i=0; all_tabs[i]; i++)
		all_tabs[i].className = '';
	$('demo_main_tab_'+k).className='on';
	current_demo_tab = k;
	
	$('demo_subtabs').innerHTML = '';
	for(i=main_tab["demos"].length-1; i>=0; i--)
	{
		var li_ob = document.createElement('li');
		li_ob.innerHTML = '<a href="#" id="demo_sub_tab_'+i+'" onclick="loadDemoSub('+i+')">'+(i+1)+'</a>';
		$('demo_subtabs').appendChild(li_ob);
	}
	$('demo_sub_tab_'+main_tab["current"]).className='on';
}


function ___loadDemoSub(k)
{
	var main_tab = demo_tabs[current_demo_tab];
	main_tab["current"] = k;
	var current_sub = main_tab["current"];
	
	$('demo_content').getElementsByTagName('img')[0].src = '/uploads/demos/'+main_tab["demos"][current_sub]["image"];
	$('demo_content').getElementsByTagName('a')[0].onclick = function(){showDemo(main_tab["demos"][current_sub]["file"])};

	var all_subtabs = $('demo_subtabs').getElementsByTagName('a');
	for(i=0; all_subtabs[i]; i++)
		all_subtabs[i].className = '';
	$('demo_sub_tab_'+k).className='on';
}