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(){
		listPicLib.basedir = 'http://res.fstvgo.com/productImage';
		listPicLib.lang.close = '<img src="http://res.fstvgo.com/www/product/b_close.gif" />';
		listPicLib.lang.forward = '<img src="http://res.fstvgo.com/www/product/bigpicview_prev.gif" />';
		listPicLib.lang.next = '<img src="http://res.fstvgo.com/www/product/bigpicview_next.gif" />';
		listPicLib.lang.step = '%1 / %2';

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

		if(listPicLib.view.base){
			return true;
		}
		
		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-right:15px;">&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.innerHTML = html;
		
		document.body.appendChild(listPicLib.view.base);
        
		listPicLib.current = 0;
		listPicLib.view.img = document.getElementById('__img_base');
		listPicLib.view.img.onload=listPicLib.onload;
        
		listPicLib.view.next_btn = document.getElementById('__next_btn');
		listPicLib.view.step = document.getElementById('__step');
        
		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.width = ( listPicLib.view.img.offsetWidth+10 ) +'px';
		listPicLib.view.base.style.height = ( listPicLib.view.img.offsetHeight+10 ) +'px';
	},
	close:function(){
		listPicLib.currentObj = null;
		document.onmousemove=null;
		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.substr(0,3)+'/'+imgurl.substr(0,6)+'/'+imgurl;
	 },
	load:function(){
		listPicLib.view.img.src =  listPicLib.purl(listPicLib.pics[listPicLib.current]);
	}
};