// JavaScript Document
var isi=function(){
	var xScroll,yScroll,overlay,wrap__,wWidth,wHeight,xScroll,yScroll,zoomimg__,i_Width,timer=0,zoomimgdiv__;
	return{
		show:function(iWidth,iHeight,inserStr){
			if(!document.createElement){return false;}
			var sle_size=document.getElementById("size_select");
			if(sle_size!=null)
				sle_size.style.visibility='hidden';
			i_Width=iWidth;
			xScroll = isi.pageWidth();
            yScroll = isi.pageHeight();
			isi.showOverlay();
			wrap__ = document.createElement('div');
			wrap__.setAttribute('id','isiwrap__');
			overlay.parentNode.insertBefore(wrap__,overlay);
			//wrap__.innerHTML = inserStr;
			wrap__.style.width = iWidth+6+"px";
			wrap__.style.height = iHeight+50+"px";
			var img=isi.adddiv("imgdivzclose",iWidth+5,20,0,0,"hidden");
			img.setAttribute('class','close');
			img.style.textAlign='right';
			img.style.backgroundColor='#fff';
			img.innerHTML="<input type=button value='' class='closebtmb' onclick='isi.hide();' />&nbsp;";
			wrap__.appendChild(img);
			zoomimgdiv__=isi.adddiv("imgdiv",iWidth,iHeight,20,5,"scroll");
			zoomimg__=document.createElement('img');
			zoomimg__.setAttribute('src',inserStr);
			zoomimgdiv__.appendChild(zoomimg__);
			//img.innerHTML="<img id='zoom_imgobj' name='zoom_imgobj' width='"+(iWidth-38).toString()+" px' src='"+inserStr+"' />";
			wrap__.appendChild(zoomimgdiv__);
			img=isi.adddiv("imgdivz",31,30,iHeight+20,10,"hidden");
			img.innerHTML="<input type='button' value=''  class='zoombtm' onclick='isi.zoom(\"+\");' />";
			wrap__.appendChild(img)
			img=isi.adddiv("imgdivz1",31,30,iHeight+20,51,"hidden");
			img.innerHTML="<input type='button' value=''  class='zoombtm1' onclick='isi.zoom(\"-\");' />";
			wrap__.appendChild(img)
			img=isi.adddiv("imgdivz2",31,30,iHeight+20,92,"hidden");
			img.innerHTML="<input type='button' value=''  class='zoombtm2' onclick='isi.zoom(\"=\");' />";
			wrap__.appendChild(img);
			isi.posWindow(wrap__);
		},
		hide:function(){
            try{
                if(overlay){document.body.removeChild(overlay)}
                if(wrap__){document.body.removeChild(wrap__);}
                overlay = null;wrap__=null;dialogId= null;xScroll=null;yScroll=null;iScrollTop=null;wWidth=null;wHeight=null
				var sle_size=document.getElementById("size_select");
				if(sle_size!=null)
					sle_size.style.visibility='visible';
            }catch(e){}
        },
		setimg:function(width,height,width_,height_,type){
			if(type=='+')
			{
				if(zoomimg__.offsetWidth+width_>width||zoomimg__.offsetHeight+height_>height)
				{
					zoomimg__.style.width=width+"px";
					zoomimg__.style.height=height+"px";
					window.clearInterval(timer);
				}
				else
				{
					var wlen=zoomimg__.offsetWidth+width_+"px";
					var hhlen=zoomimg__.offsetHeight+height_+"px"
				zoomimg__.style.width=wlen;
				zoomimg__.style.height=hhlen;
				}
			}
			else
			{
				if(zoomimg__.offsetWidth-width_<width||zoomimg__.offsetHeight-height_<height)
				{
					zoomimg__.style.width=width+"px";
					zoomimg__.style.height=height+"px";
					window.clearInterval(timer);
				}
				else
				{
					var wlen=zoomimg__.offsetWidth-width_+"px";
					var hhlen=zoomimg__.offsetHeight-height_+"px"
					zoomimg__.style.width=wlen;
					zoomimg__.style.height=hhlen;
				}
			}
			if(zoomimg__.offsetWidth==width||zoomimg__.offsetHeight==height)
			{
				window.clearInterval(timer);
			}
		},
		zoom:function(type){
			var l=zoomimg__.offsetWidth>zoomimg__.offsetHeight?'x':'y';
			var x=20;
			var tiem=10;
			var y=(x/(zoomimg__.offsetWidth*0.2))*(zoomimg__.offsetHeight*0.2);
			var width_t=i_Width-18;
			switch(type){
				case '+':
				if(zoomimg__.offsetWidth<1000&&zoomimg__.offsetHeight<1000)
				{
					window.clearInterval(timer);
					timer=window.setInterval("isi.setimg("+zoomimg__.offsetWidth*1.2+","+zoomimg__.offsetHeight*1.2+","+x+","+y+",'+')",tiem);
				}
				break;
				case '-':
				if(zoomimg__.offsetWidth>=width_t&&zoomimg__.offsetHeight>=width_t)
				{
					var px;
					if(l=='x')
					{
						if(zoomimg__.offsetWidth*0.8>width_t)
						{
							window.clearInterval(timer);
							timer=window.setInterval("isi.setimg("+zoomimg__.offsetWidth*0.8+","+zoomimg__.offsetHeight*0.8+","+x+","+y+",'-')",tiem);
						}
						else
						{
							window.clearInterval(timer);
							timer=window.setInterval("isi.setimg("+(width_t)+","+zoomimg__.offsetHeight*((width_t)/zoomimg__.offsetWidth)+","+x+","+y+",'-')",tiem);
						}
					}
					else
					{
						if(zoomimg__.offsetHeight*0.8>width_t)
						{
							window.clearInterval(timer);
							timer=window.setInterval("isi.setimg("+zoomimg__.offsetWidth*0.8+","+zoomimg__.offsetHeight*0.8+","+x+","+y+",'-')",tiem);
						}
						else
						{
							window.clearInterval(timer);
							timer=window.setInterval("isi.setimg("+zoomimg__.offsetWidth*((width_t)/zoomimg__.offsetHeight)+","+(width_t)+","+x+","+y+",'-')",tiem);
						}
					}
				}
				break;
				default:
				if(l=='x')
				{
					if(zoomimg__.offsetWidth<width_t)
					{
						window.clearInterval(timer);
						timer=window.setInterval("isi.setimg("+(width_t)+","+zoomimg__.offsetHeight*((width_t)/zoomimg__.offsetWidth)+","+x+","+y+",'+')",tiem);
					}
					else
						{
							window.clearInterval(timer);
							timer=window.setInterval("isi.setimg("+(width_t)+","+zoomimg__.offsetHeight*((width_t)/zoomimg__.offsetWidth)+","+x+","+y+",'-')",tiem);
						}
				}
				else
				{
					if(zoomimg__.offsetHeight<width_t)
					{
						window.clearInterval(timer);
						timer=window.setInterval("isi.setimg("+zoomimg__.offsetWidth*((width_t)/zoomimg__.offsetHeight)+","+(width_t)+","+x+","+y+",'+')",tiem);
					}
					else
					{
						window.clearInterval(timer);
						timer=window.setInterval("isi.setimg("+zoomimg__.offsetWidth*((width_t)/zoomimg__.offsetHeight)+","+(width_t)+","+x+","+y+",'-')",tiem);
					}
				}
				break;
			}
		},
		adddiv:function(aid,awidth,aheight,atop,aleft,aover){
			var divobj;
            divobj = document.createElement('div');
            divobj.setAttribute('id',aid);
            isi.setStyle(divobj,{
                width : awidth+'px',
                height : aheight+'px',
                position:'absolute',
                top:atop+'px',
                left:aleft+'px',
                zIndex:'999',
				overflow:aover
            });
            return divobj;
        },

		showOverlay:function(){
            var body = document.body;
            isi.setStyle(body,{
                padding:'0px',
                margin:'0px',
                overflowX:'hidden'
            });
            overlay = document.createElement('div');
            overlay.setAttribute('id','isi_overlay__');
            wWidth = isi.windowWidth();
            wHeight = isi.windowHeight();
            isi.setStyle(overlay,{
                width : (xScroll>wWidth ? xScroll : wWidth)+ 'px',
                height : (yScroll>wHeight ? yScroll : wHeight)+ 'px',
                backgroundColor:'#000000',
                position:'absolute',
                top:'0px',
                left:'0px',
                zIndex:'998'
            });
            isi.setOpacity(overlay,70);
            return body.appendChild(overlay);
        },
		posWindow:function(obj){
                var __obj = id__(obj) || obj;
                try{
                    iScrollTop = document.body.scrollTop||document.documentElement.scrollTop;
                    wWidth = isi.windowWidth(),wHeight = isi.windowHeight();
                    if(isi.isIE()){
                        yScroll = isi.pageHeight();
                    }
                    __obj.style.position="absolute";
                    __obj.style.zIndex = "999";
                    __obj.style.backgroundColor="#FFFFFF";
                    __obj.style.marginLeft = "-" + __obj.clientWidth/2 + "px";
                    __obj.style.marginTop = "-" + __obj.clientHeight/2 + "px";
                    __obj.style.left = wWidth/2 +"px";
                    __obj.style.top = wHeight/2 + iScrollTop + "px";
                    __obj = null;
                }catch(e){};
        },
		setOpacity:function(ele,level){
            if(showDialog.isIE()){
                ele.style.filter = 'Alpha(opacity=' + level + ')';
            }else{
                ele.style.opacity = level/100;
            }
        },
		setStyle:function(ele,styles){
            for(var i in styles){
                ele.style[i] = styles[i];
            }
        },
		pageHeight:function(){
            if (window.innerHeight && window.scrollMaxY) {yScroll = window.innerHeight + window.scrollMaxY;} else if (document.body.scrollHeight > document.body.offsetHeight){yScroll = document.body.scrollHeight;} else {yScroll = document.body.offsetHeight;} 
            return yScroll;        
        },
        pageWidth:function(){
            if (window.innerWidth && window.scrollMaxX) {xScroll = window.innerWidth + window.scrollMaxX;} else if (document.body.scrollWidth > document.body.offsetWidth){xScroll = document.body.scrollWidth;} else {xScroll = document.body.offsetWidth;} 
            return xScroll;        
        },
        windowHeight:function(){
            return (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.offsetHeight;
        },
        windowWidth:function(){
            return (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth;
        },
        isIE:function(){
            var sUserAgent = navigator.userAgent;
        return sUserAgent.indexOf("compatible")>-1 && sUserAgent.indexOf("MSIE")>-1 && !(sUserAgent.indexOf("Opera")>-1);
        }
	};
}();
function showthisimg(obj){
	var photo=document.getElementById("product_photo");
	if (photo!=null){
		var t_obj=photo.src;
		photo.src=obj.src;
		obj.src=t_obj;
	}
}