/*function getbyclass(aparent,sclass)
{
	var aele=aparent.getelementsbytagname('*');
	var aresult=[];
	for(var i=0;i<aele.length;i++)
	{
		if(aele[i].classname==sclass)
		{
			aresult.push(aele[i]);	
		}
	}
	return aresult;
}

function getstyle(obj,name)
{
	if(obj.currentstyle)
	{
		return obj.currentstyle[name];	
	}
	else
	{
		return getcomputedstyle(obj,false)[name];	
	}
}
function startmove(obj,json,fnend)
{
	
	clearinterval(obj.timer);
	obj.timer=setinterval(function(){
		var bstop=true;
		for(var attr in json)
		{
			var cur=0;
			if(attr=='opacity')
			{
				cur=math.round((getstyle(obj,attr))*100);	
			}
			else
			{
				cur=parseint(getstyle(obj,attr))	
			}
			var speed=(json[attr]-cur)/7;
			speed=speed>0?math.ceil(speed):math.floor(speed);
			if(cur!=json[attr])
			{
				bstop=false;	
			}
			if(attr=='opacity')
			{
				obj.style.filter='alpha(opacity:'+(cur+speed)+')';
				obj.style.opacity=(cur+speed)/100;	
			}
			else
			{
				obj.style[attr]=cur+speed+'px';	
			}
		}
		if(bstop)
		{
			clearinterval(obj.timer);
			if(fnend)fnend();	
		}
	},30)
}*/
$(function() {
	var aslide=document.getelementbyid('single_lb');
	var abig=getbyclass(aslide,'big')[0];
	var abigli=abig.getelementsbytagname('li');
	var asmall=getbyclass(aslide,'small')[0];
	var asmallli=asmall.getelementsbytagname('li');
	var asmallimg=asmall.getelementsbytagname('img')
	var aprev=getbyclass(aslide,'prev')[0];
	var anext=getbyclass(aslide,'next')[0];
	var now=0;
	abig.style.width=abigli[0].offsetwidth*abigli.length+'px';
	asmall.style.width=(asmallli[0].offsetwidth+10)*asmallli.length+'px';
	
	anext.onmouseover=aprev.onmouseover=abig.onmouseover=function()
	{
		startmove(aprev,'opacity',70);
		startmove(anext,'opacity',70);
	}
	anext.onmouseout=aprev.onmouseout =abig.onmouseout=function()
	{
		startmove(aprev,'opacity',0);
		startmove(anext,'opacity',0);
	}
	aslide.onmouseover=function()
	{
		clearinterval(timer);	
	}
	aslide.onmouseout=function()
	{
		timer=setinterval(anext.onclick,3000)	
	}
	for(var i=0;i<asmallli.length;i++)
	{
		
		asmallli[i].index=i;
		
		asmallli[i].onclick=function()
		{
			if(this.index==now)return;
			now=this.index;
			
			tab();
		}
	}
	aprev.onclick=function()
	{
		now--;
		if(now==-1)
		{
			now=asmallli.length-1;	
		}
		tab();
	}
	anext.onclick=function()
	{
		now++;
		if(now>asmallli.length-1)
		{
			now=0;	
		}
		tab();
	}
	function tab()
	{
		startmove(abig,'left',-now*abigli[0].offsetwidth)
		if(now==0)
		{
			startmove(asmall,'left',0)	
		}
		else if(now==asmallli.length-1)
		{
			startmove(asmall,'left',-(now-3)*(asmallli[0].offsetwidth+5))	
		}
		else if(now==asmallli.length-2)
		{
			startmove(asmall,'left',-(now-2)*(asmallli[0].offsetwidth+5))	
		}
		
		else
		{
			startmove(asmall,'left',-(now-1)*(asmallli[0].offsetwidth+5));
		}
		for(var i=0;i<asmallimg.length;i++)
		{
			asmallimg[i].index=i;
			startmove(asmallimg[i],'opacity',50);
			asmallimg[i].onmouseover=function()
			{
				startmove(this,'opacity',100)	
			}
			asmallimg[i].onmouseout=function()
			{
				if(now!=this.index)
				{
					startmove(this,'opacity',50)
				}
			}	
		}
		startmove(asmallimg[now],'opacity',100);		
	}
	var timer=setinterval(anext.onclick,3000);
	
})