/* (Cached Version of...) 8960373 */
/**
 ** Zone-IT.com JavaScript Library.
 ** Last Modified: 2010-05-22 11:29:45
 **
 ** This file consists of:
 **  - Tabs Component
 **  - Highlight Component
 **/

var ZONE_IT_DOT_COM = true;


/************************************************************
Tabs Component
*************************************************************/
if(location.search.indexOf('beta')>-1){ZTabSwapper=new Class({Extends:TabSwapper,clones:[[],[]],scrollMode:0,scrollFx:false,initialize:function(options){this.parent(options);},setup:function(){this.parent();for(var i=0;i<this.tabs.length;i++){this.cloneTab(i);}
$(window).addEvent('resize',function(){this.checkScroll();}.bind(this));},cloneTab:function(i){var max=this.tabs.length-1;var j=max-i;var c1=this.tabs[i].clone();var c2=this.tabs[j].clone();c1.addEvent('click',function(e){e.preventDefault();this.show(i,-1);}.bind(this));c2.addEvent('click',function(e){e.preventDefault();this.show(j,1);}.bind(this));c1.setStyle('display','none');c2.setStyle('display','none');c1.inject(this.tabs[0],'before');c2.inject(this.tabs[max],'after');this.clones[0].push(c1);this.clones[1].unshift(c2);},checkScroll:function(){var i=this.now;if(this.tabs[i]){var c=this.tabs[i];var p=c.getParent();if(!this.scrollMode){if(p.getSize().x<this.tabs[this.tabs.length-1].offsetLeft+this.tabs[this.tabs.length-1].getSize().x){this.scrollMode=1;for(var i=0;i<this.clones[0].length;i++)
this.clones[0][i].setStyle('display','');for(var i=0;i<this.clones[1].length;i++)
this.clones[1][i].setStyle('display','');}}else{if(p.getSize().x>this.tabs[0].offsetLeft+24){this.scrollMode=0;for(var i=0;i<this.clones[0].length;i++)
this.clones[0][i].setStyle('display','none');for(var i=0;i<this.clones[1].length;i++)
this.clones[1][i].setStyle('display','none');p.scrollTo(0,0);}}
if(!this.scrollMode)return;var cz=c.getSize().x;var pz=p.getSize().x;var x=c.offsetLeft-pz/2+cz/2;if(this.scrollFx){this.scrollFx.cancel();}else{this.scrollFx=new Fx.Scroll(p,{duration:500});}
var l=p.getScroll().x;if(this.clickedOn==1){this.scrollFx.set(l-this.tabs[0].offsetLeft,0);}else if(this.clickedOn==-1){this.scrollFx.set(l+this.tabs[0].offsetLeft,0);}
this.clickedOn=0;this.scrollFx.start(Math.round(x),0);}},show:function(i,clickedOn){this.clickedOn=clickedOn;return this.parent(i);},showSection:function(i){this.parent(i);this.checkScroll();if(this.clones[0][i])this.clones[0][i].swapClass(this.options.deselectedClass,this.options.selectedClass);if(this.clones[1][i])this.clones[1][i].swapClass(this.options.deselectedClass,this.options.selectedClass);return this;},hideSection:function(i){this.parent(i);if(this.clones[0][i])this.clones[0][i].swapClass(this.options.selectedClass,this.options.deselectedClass);if(this.clones[1][i])this.clones[1][i].swapClass(this.options.selectedClass,this.options.deselectedClass);return this;}});}else if(true){ZLeftRightButton=new Class({initialize:function(el,mode,onclick){this.element=$(el);this.mode=mode;this.element.store('showing',false);this.element.set('tween',{duration:300});this.element.tween(this.mode,'-40px');this.element.addEvent('click',onclick);},show:function(){if(!this.element.retrieve('showing')){this.element.store('showing',true);this.element.tween(this.mode,'0px');}},hide:function(){if(this.element.retrieve('showing')){this.element.store('showing',false);this.element.tween(this.mode,'-40px');}}});ZTabSwapper=new Class({Extends:TabSwapper,initialize:function(options){this.parent(options);this.tBar=this.tabs[0].getParent();this.tContainer=this.tBar.getParent();this.leftButton=new Element('span',{'html':'&lt;','class':'tabs-scroll-arrow-left'});this.leftZlr=new ZLeftRightButton(this.leftButton,'left',function(){this.scroll(-1);}.bind(this));this.rightButton=new Element('span',{'html':'&gt;','class':'tabs-scroll-arrow-right'});this.rightZlr=new ZLeftRightButton(this.rightButton,'right',function(){this.scroll(1);}.bind(this));this.tContainer.adopt(this.leftButton,this.rightButton);this.scrollFx=new Fx.Scroll(this.tBar,{duration:300,transition:'sine:out'});this.scrollFx.addEvent('complete',function(){this.checkScroll();}.bind(this));this.checkScroll();$(window).addEvent('resize',function(){this.checkScroll();this.checkTab();}.bind(this));this.checkTabTimer=0;this.tContainer.addEvent('mouseover',function(){clearTimeout(this.checkTabTimer);}.bind(this));this.tContainer.addEvent('mouseout',function(){clearTimeout(this.checkTabTimer);this.checkTabTimer=setTimeout(this.checkTab.bind(this),1000);}.bind(this));this.checkTab();this.scrollInitialized=true;},doScroll:function(newPos){this.scrollFx.cancel();this.scrollFx.start(newPos);this.checkScroll(newPos);},scroll:function(direction){var newPos=Math.round(this.tBar.scrollLeft+direction*Math.min(this.tBar.getSize().x*0.8,300));this.doScroll(newPos);},checkTab:function(){var left=this.tBar.scrollLeft;var tab=this.tabs[this.now];if(tab.offsetLeft-40<left){this.doScroll(tab.offsetLeft-40);}else if(tab.offsetLeft+40+tab.getSize().x>left+this.tBar.getSize().x){this.doScroll(tab.offsetLeft+tab.getSize().x-this.tBar.getSize().x+40);}},showSection:function(i){var r=this.parent(i);if(this.scrollInitialized)
this.checkTab();return r;},checkScroll:function(left){if(left===undefined)
left=this.tBar.scrollLeft;if(this.tBar.getSize().x>this.tabs[this.tabs.length-1].offsetLeft+this.tabs[this.tabs.length-1].getSize().x){this.tBar.scrollTo(0,0);this.leftZlr.hide();this.rightZlr.hide();return;}
if(left-2>0){this.leftZlr.show();}else{this.leftZlr.hide();}
if(left+2+this.tBar.getSize().x<this.tabs[this.tabs.length-1].offsetLeft+this.tabs[this.tabs.length-1].getSize().x){this.rightZlr.show();}else{this.rightZlr.hide();}}});}else{ZTabSwapper=TabSwapper;}
ZHT=new Class({initialize:function(root,id){if(!root)return;this.tabs=new ZTabSwapper({selectedClass:'tab-active',deselectedClass:'tab',rearrangeDOM:false,tabs:root.getElements('.tabs li'),sections:root.getElements('.tab-section'),smooth:1,smoothSize:1,cookieName:id});}});window.addEvent('domready',function(){new ZHT($('z-hot-zone'),'ZHT');new ZHT($('z-recommended-zone'),'ZRT');new ZHT($('z-it-zone'),'ZIT');new ZHT($('z-market-zone'),'ZMT');});












/************************************************************
Highlight Component
*************************************************************/
ZoneITHighlightWidget=new Class({initialize:function(root){this.root=$(root);this.selectedIndex=-1;this.addButtons();this.setTween();this.select(0);this.initAutoplay();},initAutoplay:function(){var me=this;function autoplay(){me.select((me.selectedIndex+1)%5);}
this.interval=setInterval(autoplay,7000);},stopAutoplay:function(){clearInterval(this.interval);},select:function(i){if(this.selectedIndex!=i){if(this.selectedIndex>-1){this.root.getElement('.zhl-button-on-'+(this.selectedIndex+1)).fade('out');}
var link;var frame=this.root.getElement('.zhl-frame');if(link=this.root.getElement('.zhl-link-'+i)){frame.href=link.href;frame.style.cursor='pointer';}else{frame.href='javascript://';frame.style.cursor='default';}
this.root.getElement('.zhl-button-on-'+(i+1)).fade('in');this.root.getElement('.zhl-layer-1').tween('top',(-329*i)+'px');this.root.getElement('.zhl-layer-2').tween('top',(-429*i)+'px');this.root.getElement('.zhl-layer-3').tween('top',(-629*i)+'px');this.selectedIndex=i;}},addButtons:function(){this.root.getElements('.zhl-button-on').set('tween',{duration:200});this.root.getElements('.zhl-button-on').fade('hide');for(var i=0;i<5;i++){this.addButton(i);}},addButton:function(i){this.root.getElement('.zhl-button-off-'+(i+1)).addEvent('click',function(e){this.stopAutoplay();this.select(i);}.bind(this));},setTween:function(i){this.root.getElements('.zhl-layer').set('tween',{duration:1600,transition:function(x){return Math.pow(1-Math.pow(1-x,7),3);}});}});ZHLAdmin=new Class({initialize:function(root,opt){this.root=$(root);this.pages=[];this.output=this.root.getElement('.azhl-output');this.config=opt;if(!Browser.Engine.gecko&&0){this.updateConfig();root.adopt(new Element('h1',{'text':'Admin Panel is Firefox Only'}));return;}
for(var i=0;i<5;i++){this.pages.push(new ZHLAdminPage(root,opt,i,this));}
this.updateConfig();},updateConfig:function(){this.output.value=JSON.encode(this.config);}});ZHLAdminPage=new Class({initialize:function(root,opt,i,controller){this.opt=opt[i];this.controller=controller;root.adopt(this.root=new Element('div',{'class':'azhl-root'}));this.root.adopt(this.canvas=new Element('div',{'class':'azhl-canvas'}));this.root.adopt(this.listElement=new Element('div',{'class':'azhl-list'}));this.listElement.adopt(new Element('div',{'class':'azhl-header','html':'#อันดับที่'}));this.listElement.adopt(this.no=new Element('input',{'value':this.opt['no'],'size':1}));this.no.addEvent('change',function(){this.opt.no=this.no.value;this.controller.updateConfig();}.bind(this));this.listElement.adopt(new Element('div',{'class':'azhl-header','html':'Background Image 600x329'}));this.listElement.adopt(this.background=new Element('input',{'value':this.opt['background'],'size':20}));this.canvas.style.backgroundImage='url('+this.background.value+')';this.background.addEvent('change',function(){this.canvas.style.backgroundImage='url('+this.background.value+')';this.opt.background=this.background.value;this.controller.updateConfig();}.bind(this));this.listElement.adopt(this.uploadBackground=new Element('input',{'type':'button','value':'Upload BG to Server'}));this.uploadBackground.addEvent('click',function(){this.uploadBackground.disabled=true;new Request.JSON({url:'?admin-hl=ulbg',onSuccess:function(data){this.uploadBackground.disabled=false;this.background.value=data.result;this.canvas.style.backgroundImage='url('+this.background.value+')';this.opt.background=this.background.value;this.controller.updateConfig();}.bind(this)}).post({'index':i,'url':this.background.value});}.bind(this));this.listElement.adopt(new Element('div',{'class':'azhl-header','html':'Link'}));this.listElement.adopt(this.link=new Element('input',{'value':this.opt['link'],'size':20}));this.link.addEvent('change',function(){this.opt.link=this.link.value;this.controller.updateConfig();}.bind(this));this.listElement.adopt(new Element('div',{'class':'azhl-header','html':'Text Boxes (HTML or BBCode)'}));this.listElement.adopt(this.textsList=new Element('div',{'class':'azhl-sublist'}));this.listElement.adopt(this.textsNew=new Element('input',{'type':'button','value':'New Text'}));this.textsNew.addEvent('click',function(){var config=['Your Text Here','Your Text Here',10,10,200,200];this.opt.texts.push(config);this.makeText(config);}.bind(this));for(var i=0;i<this.opt.texts.length;i++)
this.makeText(this.opt.texts[i]);this.listElement.adopt(new Element('div',{'class':'azhl-header','html':'Images (.PNG)'}));this.listElement.adopt(this.imagesList=new Element('div',{'class':'azhl-sublist'}));this.listElement.adopt(this.imagesNew=new Element('input',{'type':'button','value':'New Image'}));this.imagesNew.addEvent('click',function(){var uri=prompt('Image URL');if(uri===null||uri=='')return;var config=[uri,10,10];this.opt.objects.push(config);this.makeImage(config);}.bind(this));for(var i=0;i<this.opt.objects.length;i++)
this.makeImage(this.opt.objects[i]);},makeText:function(config){var textarea=new Element('textarea',{'cols':20,'rows':5,'value':config[1]});var display=new Element('div',{'class':'azhl-object'});var text=new Element('div',{'class':'azhl-text','html':config[0]});var szhandle=new Element('div',{'class':'azhl-resize'});display.setStyle('left',config[2]+'px');display.setStyle('top',config[3]+'px');display.setStyle('width',config[4]+'px');display.setStyle('height',config[5]+'px');display.adopt(text);display.adopt(szhandle);display.makeDraggable({handle:text,onComplete:function(){config[2]=display.offsetLeft
config[3]=display.offsetTop;this.controller.updateConfig();}.bind(this)});display.makeResizable({handle:szhandle,onComplete:function(){var size=display.getSize();config[4]=size.x;config[5]=size.y;this.controller.updateConfig();}.bind(this)});textarea.addEvent('change',function(){config[1]=textarea.value;if(config[1]==''){display.dispose();textarea.dispose();this.opt.texts.erase(config);}else{this.parseBBCode(config[1],function(x){config[0]=x;text.set('html',x);});}
this.controller.updateConfig();}.bind(this));this.textsList.adopt(textarea);this.canvas.adopt(display);},parseBBCode:function(text,callback){var rpc=new Request.JSON({url:'?admin-hl=bbc',secure:false,onSuccess:function(json,text){if(!json)return alert('ไม่ได้รับข้อมูลตอบกลับจากเซิร์ฟเวอร์');callback(json.parsed);}});rpc.send('q='+encodeURIComponent(text));},fileName:function(uri){return uri.replace(/^[\s\S]*\//,'');},makeImage:function(config){var div=new Element('div',{'class':'azhl-item'});var file=new Element('strong',{'text':'- '+this.fileName(config[0])});var del=new Element('span',{'html':' [x]'});var image=new Element('img',{'class':'azhl-object',src:config[0]});image.setStyle('left',config[1]+'px');image.setStyle('top',config[2]+'px');image.makeDraggable({onComplete:function(){config[1]=image.offsetLeft
config[2]=image.offsetTop;this.controller.updateConfig();}.bind(this)});del.setStyle('cursor','pointer');del.addEvent('click',function(){image.dispose();div.dispose();this.opt.objects.erase(config);this.controller.updateConfig();}.bind(this));div.adopt(file,del);this.imagesList.adopt(div);this.canvas.adopt(image);}});window.addEvent('domready',function(){if($('main-highlight')){var mainHighlight=new ZoneITHighlightWidget($('main-highlight'));}});