/**
 * @author tiger
 */
function $(id,tag){var obj=id&&typeof id!="string"?id:document.getElementById(id)||document;if(!tag){return obj;}else{return obj.getElementsByTagName(tag);}}
function addEvent(el,s,fn){el.attachEvent ? el.attachEvent('on' + s, fn) : el.addEventListener(s, fn, false);}
function removeEvent(el,s,fn){el.detachEvent ? el.detachEvent('on'+s,fn):el.removeEventListener(s,fn,false);}
function binFn(o,fn){return function(){fn.apply(o,arguments)}}
var Class = { create:function(){return function(){this.init.apply(this,arguments)}}}


//焦点图
function addImg(url){var img = new Image();img.src = url;return img;};
function FocusImg(){
    var img = $("focusList", "img"),//大图列表
        url = $("focusList", "a"),//链接列表
        burl = $("bigImg", "a")[0],//链接
	    contralBtn,
		is=null,iss=[],
        now = 0, len = img.length, tm,
		contral = $('focusContral')
	
    for(var i=len;i>0;i--){
		if(is==null){
		  is='<li><i>'+ i +'</i></li>';
		}else{
		  is+='<li><i>'+ i +'</i></li>';
		}
		
	}
	contral.innerHTML = is+'<li><span>STOP</span></li>';
	is = null;
	is = $('focusContral','i');
	contralBtn = $('focusContral','span')[0];

	for(var i=0,l=is.length;i<l;i++){
	   iss[l-1-i] = is[i];
	}
	iss[0].className = 'on';

	burl.appendChild(addImg(img[0].src));
    burl.href = url[0].href;
	var bimg = $("bigImg", "img")[0];//大图

	addEvent(contralBtn,'click',function(){
	    if(contralBtn.innerHTML == 'STOP'){
		    contralBtn.innerHTML = 'PLAY';
			clearInterval(tm);
			tm = null;
		}else{
		    contralBtn.innerHTML = 'STOP';
			init();
		}
	})

	for(var i=0,l=iss.length;i<l;i++){
	   handler(i);
	}
	function handler(m) {
	   addEvent(iss[m],'click',function(){
	       if(tm == null){
		       now = m-1;
			   xunhuan();
			   return;
		   }
		   go(m-1);
	   })
	}

    function xunhuan(){
		if(now < len - 1){now++;}else{now = 0;}
		
		if (/*@cc_on!@*/false) {
            bimg.style.filter = "progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,motion=forward)";
            bimg.filters[0].Apply();
            bimg.filters[0].Play(duration = 1);
        }
        burl.href = url[now].href;
        bimg.src = img[now].src;
        for(var i=0,l=iss.length;i<l;i++){iss[i].className = ''}
		iss[now].className = 'on';
    }
    function init(){tm = setInterval(xunhuan, 5000);}
    function go(n){
        clearInterval(tm);
        now = n;
        xunhuan();
        init();
    };
    init();
}


function SwitchTag(tit,box,s,show,time)
	{
		var t=tit.split('/'),b=box.split("/"),ts=$(t[0],t[1]),bs=$(b[0],b[1]),s=s||"onmouseover",now=show=show||0,c;
		for(var i=0,n=ts.length;i<n;i++){ts[i].old=ts[i].className.replace("show","");bs[i].old=bs[i].className.replace("show","");reg(i);}
		init();if(show!=-1&&time){go();}function init(){for(var i=0,n=ts.length;i<n;i++)
		{ts[i].className=ts[i].old;bs[i].className=bs[i].old;}if(now!=-1){ts[now].className+=(t[2]||"")+" show";bs[now].className+=(b[2]||"")+" show";}}
		function reg(i){ts[i][s]=function(){clearInterval(c);now=i;init();};if(show!=-1&&time){bs[i].onmouseover=function(){clearInterval(c);};bs[i].onmouseout=function(){go();};}
		if(show==-1&&s=="onmouseover"){ts[i].onmouseout=function(){now=-1;init();};}}function go(){c=setInterval(function(){(now<ts.length-1)?now++:now=0;init();},time);}
	}

function mask(els,tar){
	var imgs = $(els,'img');
	var lnks = $(els,'a')
	var timg = $(tar,'img')[0];
	var a = $(tar,'a')[0];
	var a2 = $(tar,'a')[1]
	for(var i=0,l=imgs.length;i<l;i++){
		show(imgs[i],lnks[i]);
	}
	function show(o,lnk){
		addEvent(o,'mouseover',function(){
			timg.src = o.getAttribute('src_value');
			a.href = lnk.href;
			a2.href = lnk.href;
			a2.innerHTML  = o.getAttribute('title')
		})
	}
	timg.src = imgs[0].getAttribute('src_value');
	a.href = lnks[0].href;
	a2.href = lnks[0].href;
	a2.innerHTML  = imgs[0].getAttribute('title')
}

function sTag(tt,box){
	var tts = $(tt,'li');
	var boxs = $(box,'div');
	for(var i=0,l=tts.length;i<l;i++){
		show(i)
	}
	function show(n){
		addEvent(tts[n],'mouseover',function(){
			for(var i=0,l=tts.length;i<l;i++){
				boxs[i].style.display = 'none';
				tts[i].className = tts[i].className.replace(/_on/g,'');
			}
			boxs[n].style.display = 'block';
			tts[n].className = tts[n].className.replace(tts[n].className,tts[n].className+'_on');
		})
	}
}

function move(el,box){
	var bimg = $(el,'img')[0];//大图
	var blnk = $(el,'a');//大图链接
	var con = $(box,'ul')[0];//移动的容器
	var imgs = $(box,'img');//小图列表
	var size = $(box,'li')[0].offsetWidth;//每次移动的距离
	var len = $(box,'li').length;
	var min=size*(3-len),max=0,to=0,from=0,path,now=0;
	var lbtn = $(box,'span')[0];
	var rbtn = $(box,'span')[1];
	
	function m(){
		from = parseInt(con.style.marginLeft)||0;
		to = path=='left' ? from - size : from + size;
		if(to<=min){
			to=min;
		}else if(to>=0){
			to=max;
		}else{
			lbtn.className = lbtn.className.replace(/_last/g,'');
			rbtn.className = rbtn.className.replace(/_last/g,'');
		}
		animation();
	}
	function animation(){
		from = path=='left'? Math.floor(from+(to-from)/4) : Math.ceil(from+(to-from)/4);
		if(from==to){
			con.style.marginLeft = from+'px';
			over();
			return;
		}
		con.style.marginLeft = from+'px';
		setTimeout(function(){animation('left')},50)
	}
	function over(){
		if(now==0){
		    lbtn.className = lbtn.className.replace(/_last/g,'')+'_last';
		}else if(now==len-1){
		    rbtn.className = rbtn.className.replace(/_last/g,'')+'_last';
		}
	}
	addEvent(rbtn,'click',function(){
		path='left';
		now++;
		if(now>=len){now = len-1;}
		change(now)
		m(path)
	})
	addEvent(lbtn,'click',function(){
		path = 'right';
		now--;
		if(now<0){now=0;}
		
		change(now)
		m(path)
	})
	for(var i=0,l=imgs.length;i<l;i++){
		show(i)
	}
	function show(n){
		addEvent(imgs[n],'click',function(e){
			e = window.event || e;
			e.preventDefault ? e.preventDefault() : e.returnValue = false;
			now=n;
			change(now)
			})
	}
	function change(s){
	    for(var i=0;i<len;i++){
		    imgs[i].className ='';
		}
		imgs[s].className='on';
		bimg.src = imgs[s].getAttribute('src_value');
		blnk[0].href = blnk[1].href = imgs[s].getAttribute('link');
		blnk[1].innerHTML = imgs[s].getAttribute('title');
	}
	change(now);
	lbtn.className = lbtn.className.replace(/_last/g,'')+'_last';
	rbtn.className = rbtn.className.replace(/_last/g,'');
}

function showCase(el,tar){
	var o = $(el);
	var lbtn = $(el,'span')[0];
	var rbtn = $(el,'span')[1];
	var lis = $(el,'li');
	var tt = $(tar);
	var styles =[];
	var s,now=0;
	
	
	for(var i=0,l=lis.length;i<l;i++){
		styles[i] = lis[i].style.cssText
	}

	addEvent(lbtn,'click',function(){move('right');})
	addEvent(rbtn,'click',function(){move('left');})
	
	function move(path){
		if(path=='left'){
			now=0;
		    for (var i = 0, l = lis.length; i < l; i++) {
				now++;
				if(now==l){now=0;}
				lis[i].style.cssText = styles[now];
			}
		}else{
			now=2;
			for (var i = 2 ;i >= 0; i--) {
				now--;
				if(now<0){now =2;}
				lis[i].style.cssText = styles[now];

			}
		}
		reset();
	}
	function reset(){
		for(var i=0,l=lis.length;i<l;i++){
			styles[i]=lis[i].style.cssText;
		}
	}
}