var WordNavigation=$Class({classOption:{box_none:"box_none",box_out:"box_out",box_over:"box_over",box_on:"box_on",box_onOver:"box_onOver",preImgEnable:"http://images.nciku.com.tw/static/img/imp/btn_remFla_left02.gif",preImgDisable:"http://images.nciku.com.tw/static/img/imp/btn_remFla_left01.gif",nextImgEnable:"http://images.nciku.com.tw/static/img/imp/btn_remFla_right02.gif",nextImgDisable:"http://images.nciku.com.tw/static/img/imp/btn_remFla_right01.gif"},liOption:{startWidth:72,endWidth:104,startHeight:41,endHeight:57,startMarginTop:12,endMarginTop:0,startMarginLR:16,endMarginLR:0,startPaddingTop:12,endPaddingTop:22,startFont:12,endFont:14,step:8,maxWidth:104,displayNum:6},$init:function(b){this.prevBtn=b.prevBtn;this.prevBtn.setAttribute("href","javascript:void(0)");this.nextBtn=b.nextBtn;this.nextBtn.setAttribute("href","javascript:void(0)");this.prevBtn.onclick=$Fn(this.handlers.leftMove,this).bindForEvent(this);this.nextBtn.onclick=$Fn(this.handlers.rightMove,this).bindForEvent(this);this.prevBtn.onfocus=function(){this.blur()};this.nextBtn.onfocus=function(){this.blur()};this.moveLocked=false;this.overLocked=false;this.targetList=b.targetList;this.listNameElement=b.listNameElement;this.parentDiv=this.targetList[0].parentNode.parentNode;this.bindEvents();this.tipElement=b.tipElement;this.initNavButton();this.aPreLoadOnImage={};this.aPreLoadOutImage={};for(var a=74;a<=106;){this.aPreLoadOnImage[a.toString()]=new Image();this.aPreLoadOnImage[a.toString()].src="http://images.nciku.com.tw/static/img/imp/boxon"+a+".gif";this.aPreLoadOutImage[a.toString()]=new Image();this.aPreLoadOutImage[a.toString()].src="http://images.nciku.com.tw/static/img/imp/boxout"+a+".gif";a+=4}},handlers:{elementClick:function(b,a){goVocab(this.targetList[a].value);b.stop()},leftMove:function(f){if(this.prevBtn.getAttribute("disabled")=="true"){f.stop();return false}if(this.overLocked||this.moveLocked){f.stop();return false}var c=this.liOption.maxWidth*this.liOption.displayNum;var d=0;var g=1;var b=this.parentDiv;clearInterval(b.moveTimer);if(this.leftScroll>c){d=this.leftScroll-c}this.moveLocked=true;var a=this;b.moveTimer=window.setInterval(function(){b.scrollLeft-=g++;if(b.scrollLeft<=d){clearInterval(b.moveTimer);b.scrollLeft=a.leftScroll=d;a.moveLocked=false;if(a.leftScroll==0){cssquery("img",a.prevBtn)[0].src=a.classOption.preImgDisable;a.prevBtn.setAttribute("disabled",true)}if(a.liOption.maxWidth*(a.targetList.length-a.liOption.displayNum)-b.scrollLeft!=0){cssquery("img",a.nextBtn)[0].src=a.classOption.nextImgEnable;a.nextBtn.setAttribute("disabled",false)}}},30);f.stop()},rightMove:function(f){if(this.nextBtn.getAttribute("disabled")=="true"){f.stop();return}if(this.overLocked||this.moveLocked){f.stop();return false}var c=this.liOption.maxWidth*this.liOption.displayNum;var d=this.targetList.length*this.liOption.maxWidth-c-this.leftScroll;var g=1;var b=this.parentDiv;clearInterval(b.moveTimer);if(d>c){d=this.leftScroll+c}else{d=this.leftScroll+d}this.moveLocked=true;var a=this;b.moveTimer=window.setInterval(function(){b.scrollLeft+=g++;if(b.scrollLeft>=d){clearInterval(b.moveTimer);b.scrollLeft=a.leftScroll=d;a.moveLocked=false;if(a.liOption.maxWidth*(a.targetList.length-a.liOption.displayNum)-a.leftScroll==0){cssquery("img",a.nextBtn)[0].src=a.classOption.nextImgDisable;a.nextBtn.setAttribute("disabled",true)}if(b.scrollLeft!=0){cssquery("img",a.prevBtn)[0].src=a.classOption.preImgEnable;a.prevBtn.setAttribute("disabled",false)}}},30);f.stop()},mouseOver:function(b,a){if(this.isMouseLeaveOrEnter(b._event,this.targetList[a])){this.overLocked=true;this.resizeAnimation(a,this.targetList[a],this.liOption.startWidth,this.liOption.endWidth,this.liOption.startHeight,this.liOption.endHeight,this.liOption.startMarginTop,this.liOption.endMarginTop,this.liOption.startMarginLR,this.liOption.endMarginLR,this.liOption.startPaddingTop,this.liOption.endPaddingTop,this.liOption.startFont,this.liOption.endFont,this.liOption.step,5);this.targetList[a].style.cursor="pointer";b.stop()}},mouseOut:function(b,a){if(this.isMouseLeaveOrEnter(b._event,this.targetList[a])){this.resizeAnimation(a,this.targetList[a],this.liOption.endWidth,this.liOption.startWidth,this.liOption.endHeight,this.liOption.startHeight,this.liOption.endMarginTop,this.liOption.startMarginTop,this.liOption.endMarginLR,this.liOption.startMarginLR,this.liOption.endPaddingTop,this.liOption.startPaddingTop,this.liOption.endFont,this.liOption.startFont,this.liOption.step,5);this.targetList[a].style.cursor="default";b.stop()}},confirmUpdateVocab:function(i){var j=cssquery("input",this.listNameElement)[0].value;if(j==""){alert("請輸入單字本標題");i.stop();return}var c="editVocabTitle";var g=$Ajax(c,{onLoad:function(e){}});var a={title:j,vocabID:currentVocabId};g.request(a);$Element(this.listNameElement).html("<span class='vocab_s'>"+j+" </span> <span class='txtbtn01'><a href='#'>編輯</a></span>");cssquery("a",this.listNameElement)[0].onclick=$Fn(this.updateVocabName,this).bindForEvent(this);this.targetList[this.currentIndex].setAttribute("listName",j);var h=$Element(this.targetList[this.currentIndex]).html();var d=h.indexOf("<IMG")!=-1?h.indexOf("<IMG"):h.indexOf("<img");var f=h.substring(d);var b=j;var k=b.substring(0,5);if(b.length>5){k+="<br>";if(b.length>10){k+=b.substring(5,8);k+="..."}else{k+=b.substring(5)}}$Element(this.targetList[this.currentIndex]).html(k+f);i.stop()},cancelUpdateVocab:function(a){$Element(this.listNameElement).html(this.vocabOldHtml);cssquery("a",this.listNameElement)[0].onclick=$Fn(this.updateVocabName,this).bindForEvent(this);a.stop()}},bindEvents:function(){var b=this.handlers;var a=this;for(var c=0;c<this.targetList.length;c++){if($Element(this.targetList[c]).html()==""){continue}this.targetList[c].onclick=$Fn(b.elementClick,this).bindForEvent(c);this.targetList[c].onmouseover=$Fn(b.mouseOver,this).bindForEvent(c);this.targetList[c].onmouseout=$Fn(b.mouseOut,this).bindForEvent(c)}},updateVocabName:function(d,a){var c="<span class='vocab_s' style='margin-top:-3px;*margin-top:0'><input type='text' class='box02' name='' /></span> <span class='txtbtn01' style='margin-right:5px'><a href='#'>確定</a></span> <span class='txtbtn01'><a href='#'>取消</a></span>";a.vocabOldHtml=$Element(a.listNameElement).html();$Element(a.listNameElement).html(c);var b=a.targetList[a.currentIndex].getAttribute("listName")?a.targetList[a.currentIndex].getAttribute("listName"):"";cssquery("input",a.listNameElement)[0].value=b.replace(/(^\s*)|(\s*$)/g,"");cssquery("a",a.listNameElement)[0].onclick=$Fn(a.handlers.confirmUpdateVocab,a).bindForEvent();cssquery("a",a.listNameElement)[1].onclick=$Fn(a.handlers.cancelUpdateVocab,a).bindForEvent();d.stop()},showTip:function(a){var b=this.targetList[a].getAttribute("listName")?this.targetList[a].getAttribute("listName"):"";if(b==""){return}this.tipElement.style.display="block";var c=cssquery("div.autoplay p",this.tipElement)[0];$Element(c).html(b);this.setTipPos(a)},setTipPos:function(a){var b=$Element(this.targetList[a]).offset();this.tipElement.style.top=(b.top+this.targetList[a].offsetHeight)+"px";this.tipElement.style.left=(b.left+3)+"px"},hideTip:function(){this.tipElement.style.display="none";this.tipElement.style.top="160px";this.tipElement.style.left="-1000px"},initNavButton:function(){this.leftScroll=0;var c=true;for(var f=0;f<this.targetList.length;f++){if(this.targetList[f].style.display=="none"){if(c){this.leftScroll+=this.liOption.maxWidth}this.targetList[f].style.display=""}else{c=false}if(this.targetList[f].className==this.classOption.box_on){this.currentIndex=f}var e=$Element(this.targetList[f]).html();var a=e.indexOf("<IMG")!=-1?e.indexOf("<IMG"):e.indexOf("<img");var b=e.substring(a);var d=e.substring(0,a);var g=d.substring(0,5);if(d.length>5){g+="<br>";if(d.length>10){g+=d.substring(5,8);g+="..."}else{g+=d.substring(5)}}$Element(this.targetList[f]).html(g+b)}if(this.leftScroll==0){cssquery("img",this.prevBtn)[0].src=this.classOption.preImgDisable;this.prevBtn.setAttribute("disabled",true)}if(this.targetList.length<=this.liOption.displayNum){cssquery("img",this.nextBtn)[0].src=this.classOption.nextImgDisable;this.nextBtn.setAttribute("disabled",true)}this.parentDiv.scrollLeft=this.leftScroll},isMouseLeaveOrEnter:function(c,b){if(c.type!="mouseout"&&c.type!="mouseover"){return false}var a=c.relatedTarget?c.relatedTarget:c.type=="mouseout"?c.toElement:c.fromElement;while(a&&a!=b){a=a.parentNode}return(a!=b)},resizeAnimation:function(m,q,g,e,j,h,f,k,o,r,l,c,p,d,n,b){if(q.widthChangeMemInt){window.clearInterval(q.widthChangeMemInt)}var s=1;var a=this;q.widthChangeMemInt=window.setInterval(function(){q.currentWidth=a.easeInOut(g,e,n,s,false,false,false);q.currentHeight=a.easeInOut(j,h,n,s,false,false,false);q.currentMarginTop=a.easeInOut(f,k,n,s,true,false,false);q.currentPaddingTop=a.easeInOut(l,c,n,s,false,true,false);q.currentMarginLR=a.easeInOut(o,r,n,s,false,false,false);q.currentFont=a.easeInOut(p,d,n,s,false,false,true);q.style.width=q.currentWidth+"px";q.style.height=q.currentHeight+"px";q.style.marginTop=q.currentMarginTop+"px";q.style.marginLeft=q.currentMarginLR+"px";q.style.marginRight=q.currentMarginLR+"px";q.style.paddingTop=q.currentPaddingTop+"px";q.style.fontSize=q.currentFont+"px";var i;if(m==a.currentIndex){i=a.aPreLoadOnImage[String(q.currentWidth+2)].src}else{i=a.aPreLoadOutImage[String(q.currentWidth+2)].src}q.style.backgroundImage="url("+i+")";s++;if(s>n){window.clearInterval(q.widthChangeMemInt);if(g<e){}else{a.overLocked=false}}},b)},easeInOut:function(f,e,a,c,b,i,d){var h=(e-f)/a;var g=f+h*c;if(b){if(h<0){g=g<0?0:g}else{g=g>12?12:g}}if(i){if(h<0){g=g<12?12:g}else{g=g>22?22:g}}if(d){if(h<0){g=g<12?12:g}else{g=g>14?14:g}}return Math.round(g)}});