var img_cheng_interval=5000;
var img_duration=500;
var img_timer;
var _img;
if (window.addEventListener)
	window.addEventListener("load", init_tab_cheng, false);
else if (window.attachEvent)
	window.attachEvent("onload", init_tab_cheng);

function init_tab_cheng()
{
	_tab_array=new Array();
	_image_objekt=new Array();
	_tab_index=0;
	_img_container_index=0;
	_img_container=document.getElementById('image_container');
	_div_container=document.getElementById('contentbox');
	_nav=document.getElementById('nav_ul');
	_nav_a=_nav.getElementsByTagName('a');
	if(document.getElementById('image_container'))
	{
		_tab_images_=document.getElementById('image_container').getElementsByTagName('img');
	}
	for(i=0;i<_img_container.getElementsByTagName('img').length;i++)
	{
		_image_objekt[i]=new Fx.Tween(_img_container.getElementsByTagName('img')[i],{duration: img_duration,wait: false, link: 'chain'});
	}
	for(i=0;i<_nav_a.length;i++)
	{
		_nav_a[i].index=i;
		if(_div_container.getElementsByTagName('div')[i]&&_div_container.getElementsByTagName('div')[i].getElementsByTagName('span')[0])
		{
			_tab_array[i]={'tab_content':new Fx.Tween(_div_container.getElementsByTagName('div')[i],{duration: img_duration,wait: false, link: 'chain',onStart: function(){this.element.style.display = 'block';}}),
			'tab_img':_div_container.getElementsByTagName('div')[i].getElementsByTagName('span')[0].innerHTML,
			'tab_link':new Fx.Tween(_nav_a[i],{duration: img_duration,wait: false, link: 'chain'})
			};
		}
		_nav_a[i].onclick=function()
		{
			cheng_tab(this.index);
			return false;
		}
	}
	if(_tab_array[0])
	{
	_tab_array[0].tab_link.element.setStyle('opacity','0');
	}
	tab_interval=setTimeout('cheng_tab()',img_cheng_interval);
}
function cheng_tab(_index)
{
	if(img_timer)clearTimeout(img_timer);
	clearTimeout(tab_interval);
	if(_image_objekt.length>1&&_tab_array.length>0&&_tab_index!=_index)
	{
		if(_index>=0)
		{
			var next_tab_index=_index;
		}
		else
		{
			var next_tab_index=_tab_index+1;
			if(next_tab_index>_tab_array.length-1)
			{
				next_tab_index=0;
			}
		}
		var next_img_container=_img_container_index+1;
		if(next_img_container>_image_objekt.length-1)
		{
			next_img_container=0;
		}
		var __img = new Image();
		__img.src = _tab_array[next_tab_index].tab_img;

		_image_objekt[next_img_container].element.setStyle('opacity','0');
		_tab_array[next_tab_index].tab_content.element.setStyle('opacity','0');

		if(__img.complete)
		{
			_image_objekt[next_img_container].element.src=__img.src ;
			_image_objekt[_img_container_index].start('opacity',1,0);
			_image_objekt[next_img_container].start('opacity',0,1)
			_tab_array[_tab_index].tab_content.start('opacity',1,0);
			_tab_array[next_tab_index].tab_content.start('opacity',0,1);
			_tab_array[_tab_index].tab_link.start('opacity',0,1);
			_tab_array[next_tab_index].tab_link.start('opacity',1,0);
		}
		else
		{
			if(_index>=0)
			{
				__img.index=_index;
				__img.onload = function(){cheng_tab(this.index)};
				_img=__img;
				img_timer=setTimeout(function(){_img.onload()},3000);
			}
			else
			{
				__img.onload = function (){cheng_tab();};
				_img=__img;
				img_timer=setTimeout(function(){_img.onload()},3000);
			}
			return false;
		}
		
		_img_container_index=next_img_container;
		_tab_index=next_tab_index;
		if(!(_index>=0))
		{
			tab_interval=setTimeout('cheng_tab()',img_cheng_interval);
		}
	}
}