function initBar(id){
    var el_bar=document.getElementById(id);
    var el_ul=document.createElement('ul');		
		/*add by jasy 2009-04-23 start*/
		//获取当前图片url参数
	var param=(Number(photopage.innerHTML)+1);
	param--;
    for(var i=0;i<photos.length;i++){
        var el_li=document.createElement('li');
				//判断当前图片透明度为1;
				
				if((param-1)==i){
					el_li.innerHTML=' <a onclick="goto('+(i-1)+')"><img src="'+photos[i].thumbnail+'" style="opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);" /></a>';
					}else if(param==-1){  
					el_li.innerHTML=' <a onclick="goto(-1)"><img src="'+photos[0].thumbnail+'" style="opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);" /></a>';
					param--;
					}else{
						el_li.innerHTML=' <a onclick="goto('+(i-1)+')"><img style="opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);" src="'+photos[i].thumbnail+'" /></a>';
						}
				/*add by jasy 2009-04-23 end*/
    
        el_ul.appendChild(el_li);
        if(photopage.innerHTML==photos[i].page){
			document.getElementById("btnMain").innerHTML+='<span id="fullimage"><a class="fullSize" title="full size" href="'+photos[i].rel+'" target="_blank">full image</a></span>';
            curIndex=i;
            el_li.className='curPhotoWrap';
/* add by nina 090425 */
	//getEl('PhotoMain').title=photos[i].photoinfo;
	//getEl('PhotoMain').alt=photos[i].photoinfo;
/*end*/
            getEl('PhotoMain').innerHTML+='<p id="btn_box" style="display:none;"><input type="button" class="btn_prew" title="prew" value="prew" onclick="goto('+(i-1)+')" /> <input class="btn_next" title="next"  type="button" value="next" onclick="goto('+i+')" /></p><span id="photoimg"> <a href="javascript:goto('+i+');" > <img id="curPhoto" src="'+photos[i].photo+'"></a></span>';
						
						getEl('PhotoMain').innerHTML+='<p class="photo_title">'+photos[i].photoinfo+'</p>';//090710 edit by eom
					
						getEl('PhotoMain').onmouseover=function(){
							getEl('btn_box').style.display="block";
							}
						getEl('PhotoMain').onmouseout=function(){
						getEl('btn_box').style.display="none";
						}
        }
    }
    el_bar.appendChild(el_ul);
            
    curPage=parseInt((curIndex+1)/5);
    curPage=curPage*5<(curIndex+1)?curPage+1:curPage;
    
    totalPage=parseInt(photos.length/5);
    totalPage=totalPage*5<photos.length?totalPage+1:totalPage;
    
    if(horizon){
        el_ul.style.width=totalPage*pageSize+'px';
        el_bar.scrollLeft=pageSize*(curPage-1);
    }else{
        el_ul.style.height=totalPage*pageSize+'px';
        el_bar.scrollTop=pageSize*(curPage-1);
    }
    setBtn();
    autoPaly();   
    
}

function goto(i)
{
	if(i<(photos.length-1) && i>-2)
	{
		curIndex=i+1;
		for(var a=0;a<photos.length;a++){
			var lifirst=document.getElementById("PhotoBar").getElementsByTagName("li")[a].firstChild;
			if(!document.all)
			{
				lifirst=document.getElementById("PhotoBar").getElementsByTagName("li")[a].childNodes[1];
			}
			lifirst.firstChild.style.opacity='0.4';
			lifirst.firstChild.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity=40)';
		}
		photopage.innerHTML=i+1;
		document.getElementById("fullimage").innerHTML='<a class="fullSize" title="full size" href="'+photos[i+1].rel+'" target="_blank">full image</a>';
		var lifirst=document.getElementById("PhotoBar").getElementsByTagName("li")[i+1].firstChild;
		if(!document.all)
		{
			lifirst=document.getElementById("PhotoBar").getElementsByTagName("li")[i+1].childNodes[1];
		}
		lifirst.firstChild.style.opacity='1';
		lifirst.firstChild.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
/* add by nina 090425 */
	//getEl('PhotoMain').title=photos[i+1].photoinfo;
	//getEl('PhotoMain').alt=photos[i+1].photoinfo;
/*end*/
            getEl('PhotoMain').innerHTML='<p id="btn_box" style="display:none;"><input type="button" class="btn_prew" title="prew" value="prew" onclick="goto('+(i-1)+')" /> <input class="btn_next" title="next"  type="button" value="next" onclick="goto('+(i+1)+')" /></p><span id="photoimg"> <a href="javascript:goto('+(i+1)+');" > <img id="curPhoto" src="'+photos[(i+1)].photo+'"></a></span>';
						getEl('PhotoMain').innerHTML+='<p class="photo_title">'+photos[(i+1)].photoinfo+'</p>';
						getEl('PhotoMain').innerHTML+='<p class="photo_title_bg"></p>';
					
						getEl('PhotoMain').onmouseover=function(){
							getEl('btn_box').style.display="block";
							}
						getEl('PhotoMain').onmouseout=function(){
						getEl('btn_box').style.display="none";
						}
	}
	//getEl('PhotoMain').innerHTML='<a href="'+photos[i+1].link+'"><img id="curPhoto" src="'+photos[i+1].photo+'"></a>';
}

function getEl(id){
    return document.getElementById(id);
}

function toNext(){
   if(curPage<totalPage){
       curPage++;
       scrollTo(getEl('PhotoBar'),(horizon?'left':'up'),getEl('PhotoBar').scrollTop+pageSize);
   }
   setBtn();
}
function toPre(){
   if(curPage>1){
        curPage--;
        scrollTo(getEl('PhotoBar'),'down',getEl('PhotoBar').scrollTop-pageSize);
   }
   setBtn();
}

function scrollTo(obj,direct,to){
    switch(direct){
        case 'left':  
            if(obj.scrollLeft<to){obj.scrollLeft+=1;}else{return;}
            break;
        case 'right':
            if(obj.scrollLeft>to){obj.scrollLeft-=1;}else{return;}
            break;
        case 'up':
            if(obj.scrollTop<to){obj.scrollTop+=10;}else{return;}
            break;
        case 'down':
            if(obj.scrollTop>to){obj.scrollTop-=10;}else{return;}
            break;
    }
    setTimeout(function(){scrollTo(obj,direct,to);},1);
}

function setBtn(){
    getEl('NextBtn').innerHTML=curPage==totalPage?'<a class="nextNews" title="Next News" href="'+nextUrl+'">Next News</a>':'<a title="Next Group" class="nextGroup"  href="javascript:void(0)" onclick="toNext()">Next group</a>';
    getEl('PreBtn').innerHTML=curPage==1?'<a title="Pre News" class="preNews" href="'+preUrl+'">Pre News</a>':'<a title="Pre Group" class="preGroup" href="javascript:void(0)" onclick="toPre()">Pre group</a>';
}



///////
///////out method
function autoPaly(){
    if(GetCookie('AutoPlay')=='1'){
		document.getElementById('cbAuto').className='autoplay';
		document.getElementById('cbAuto').title='stop play';
        tm=setInterval(function(){
			if(curIndex==(photos.length-1))
			{
				curIndex=-1;
			}
            if(GetCookie('AutoPlay')=='1'&&photos[curIndex+1])
                photopage.innerHTML=photos[curIndex+1].page;
				goto(curIndex);
        },6000);
    }
}
function setAutoPlay(){
    SetCookie('AutoPlay','1',null,'/','',false);
		
}
function clearAutoPlay(){
	clearInterval(tm);
    DelCookie('AutoPlay','/','');
		document.getElementById('cbAuto').className='stopplay';
		document.getElementById('cbAuto').title='auto play';
}
function SetCookie(name, value, expires, path, domain, secure) {  var today = new Date();  today.setTime(today.getTime());  if(expires) { expires *= 86400000; }  var expires_date = new Date(today.getTime() + (expires));  document.cookie = name + "=" + escape(value)    + (expires ? ";expires=" + expires_date.toGMTString() : "")    + (path ? ";path=" + path : "")    + (domain ? ";domain=" + domain : "")    + (secure ? ";secure" : "");}

function GetCookie(name) {  var cookies = document.cookie.split( ';' );  var cookie = '';for(var i=0; i<cookies.length; i++) {    cookie = cookies[i].split('=');    if(cookie[0].replace(/^\s+|\s+$/g, '') == name) {      return (cookie.length <= 1) ? "" : unescape(cookie[1].replace(/^\s+|\s+$/g, ''));    }  }  return null;}

function DelCookie(name, path, domain) {  document.cookie = name + "="    + (path ? ";path=" + path : "")    + (domain ? ";domain=" + domain : "")    + ";expires=Thu, 01-Jan-1970 00:00:01 GMT";}


var tm;
var photopage=document.getElementById("photopage");
initBar('PhotoBar');