var listPicLib={
	view:{},
	lang:{},
	status:0,
	pos:{x:null,y:null},
	show:function(obj,imgList){
		if(listPicLib.view.base){
			if(obj != listPicLib.currentObj){
				listPicLib.close();
			}
		}
		if(imgList.length>0){
			if(listPicLib.status < 1){
				listPicLib.status = 1;
				setTimeout(listPicLib.display,500);
				listPicLib.pics = imgList;
				listPicLib.currentObj = obj;
				document.onmousemove=listPicLib.fetchEvent;
			}
		}
	},

	fetchEvent:function(e){
		if(!e){
			listPicLib.pos = {x:event.clientX+document.documentElement.scrollLeft,y:event.clientY+document.documentElement.scrollTop};
		}else{
			listPicLib.pos = {x:e.clientX+window.scrollX,y:e.clientY+window.scrollY};
		}
	},

	out:function(){
		listPicLib.status = 0;
		document.onmousemove=null;
	},

	display:function(){

		if(	listPicLib.status !=1 ){
			return false;
		}
		listPicLib.mask = 2;
		
		document.onmousemove=null;

		if(listPicLib.view.base){
			return true;
		}
		//alert(listPicLib.pics);

		var html='<div id="__listPicLib" style="width:auto;background:#fff;padding:10px 0 0 0;border:5px solid #ccc;position:relative;" >';
					html+='<div style="text-align:left;padding:0 10px 10px 0;"><span onclick="listPicLib.close()" style="cursor: pointer;position:absolute;right:10px;;" >'+listPicLib.lang.close+'</span><span onclick="listPicLib.forward()" style="cursor: pointer;padding:0 10px;">'+listPicLib.lang.forward+'</span> <span onclick="listPicLib.next()" style="cursor: pointer;padding:0 10px;">'+listPicLib.lang.next+'</span><span id="__step" style="padding-left:30px">&nbsp;</span></div>';
					html+='<img id="__img_base" src="" />';
			html+='</div>';

		listPicLib.view.base = document.createElement('div');
		listPicLib.view.base.style.position='absolute';
		listPicLib.view.base.style.height='100px';
		listPicLib.view.base.style.width='100px';
		listPicLib.view.base.style.left= listPicLib.pos.x +'px';
		listPicLib.view.base.style.top=listPicLib.pos.y +'px';
		listPicLib.view.base.style.index=9999999;

//		listPicLib.view.base.onmouseout=listPicLib.close;

		listPicLib.view.base.innerHTML = html;

		document.body.appendChild(listPicLib.view.base);
		//left:0;top:0;position: absolute;z-index:99999999;

		listPicLib.current = 0;
		listPicLib.view.img = document.getElementById('__img_base');
		listPicLib.view.img.onload=listPicLib.onload;

		//listPicLib.view.base = document.getElementById('__listPicLib');
		listPicLib.view.next_btn = document.getElementById('__next_btn');
		listPicLib.view.next_btn = document.getElementById('__next_btn');
		//listPicLib.view.forward_btn = document.getElementById('__forward_btn');
		listPicLib.view.step = document.getElementById('__step');

		listPicLib.view.base.style.height = (window.innerHeight || document.documentElement.clientHeight) + 'px';
		listPicLib.view.base.style.width = (window.innerWidth || document.documentElement.clientWidth) + 'px';
		//document.onclick=listPicLib.close;

		listPicLib.load();

		return false;
	},
	next:function(){
		if(listPicLib.current<(listPicLib.pics.length-1)){
			listPicLib.current++;
			listPicLib.load();
		}
	},
	forward:function(){
		if(listPicLib.current>0){
			listPicLib.current--;
			listPicLib.load();
		}
	},
	onload:function(evt){

		listPicLib.view.step.innerHTML = listPicLib.lang.step.replace('%1',listPicLib.current+1).replace('%2',listPicLib.pics.length);

		 //listPicLib.view.base.style.left = ( ((window.innerWidth || document.documentElement.clientWidth) -listPicLib.view.img.offsetWidth) /2 ) +'px';
		 //listPicLib.view.base.style.top = ( ((window.innerHeight || document.documentElement.clientHeight) -listPicLib.view.img.offsetHeight) /2.5 ) +'px';
		 listPicLib.view.base.style.width = ( listPicLib.view.img.offsetWidth+20 ) +'px';
		 listPicLib.view.base.style.height = ( listPicLib.view.img.offsetHeight+20 ) +'px';
	},
	close:function(){
		listPicLib.currentObj = null;
		document.onmousemove=null;
		//document.onclick=listPicLib.close;
		listPicLib.view.base.parentNode.removeChild(listPicLib.view.base);
		listPicLib.view.base=null;
		listPicLib.mask = 0;
	},
	purl:function(imgurl){
			return (imgurl.substr(0,4).toLowerCase()=='http')?imgurl:listPicLib.basedir +'/'+imgurl;
	 },
	load:function(){
		listPicLib.view.img.src =  listPicLib.purl(listPicLib.pics[listPicLib.current]);
	}
};