/* (Cached Version of...) 3974072 */
/**
 ** Zone-IT.com JavaScript Library.
 ** Last Modified: 2010-01-22 20:50:52
 **
 ** This file consists of:
 **  - Tabs Component
 **  - Highlight Component
 **/

var ZONE_IT_DOT_COM = true;


/************************************************************
Tabs Component
*************************************************************/
ZHT=new Class({initialize:function(root){if(!root)return;this.tabs=new TabSwapper({selectedClass:'tab-active',deselectedClass:'tab',rearrangeDOM:false,tabs:root.getElements('.tabs li'),sections:root.getElements('.tab-section'),smooth:1,smoothSize:1,cookieName:'ZHT'});}});ZRT=new Class({initialize:function(root){if(!root)return;this.tabs=new TabSwapper({selectedClass:'tab-active',deselectedClass:'tab',rearrangeDOM:false,tabs:root.getElements('.tabs li'),sections:root.getElements('.tab-section'),smooth:1,smoothSize:1,cookieName:'ZRT'});}});ZIT=new Class({initialize:function(root){if(!root)return;this.tabs=new TabSwapper({selectedClass:'tab-active',deselectedClass:'tab',rearrangeDOM:false,tabs:root.getElements('.tabs li'),sections:root.getElements('.tab-section'),smooth:1,smoothSize:1,cookieName:'ZIT'});}});window.addEvent('domready',function(){new ZHT($('z-hot-zone'));new ZRT($('z-recommended-zone'));new ZIT($('z-it-zone'));});












/************************************************************
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(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'));}});