/* Clientcide Copyright (c) 2006-2009, http://www.clientcide.com/wiki/cnet-libraries#license*/ //Contents: Clientcide, Class.ToElement, dbug, StyleWriter, StickyWin, StickyWin.Modal, HoverGroup, MenuSlider, SimpleSlideShow, TabSwapper //This lib: http://www.clientcide.com/js/build.php?excludeLibs[]=mootools-core&excludeLibs[]=mootools-more&require[]=StickyWin.Modal&require[]=MenuSlider&require[]=SimpleSlideShow&require[]=TabSwapper&compression=jsmin var Clientcide={version:'%build%',assetLocation:"http://github.com/anutron/clientcide/raw/master/Assets",setAssetLocation:function(baseHref){Clientcide.assetLocation=baseHref;if(Clientcide.preloaded)Clientcide.preLoadCss();},preLoadCss:function(){if(window.StickyWin&&StickyWin.ui)StickyWin.ui();if(window.StickyWin&&StickyWin.pointy)StickyWin.pointy();Clientcide.preloaded=true;return true;},preloaded:false};(function(){if(!window.addEvent)return;var preload=function(){if(window.dbug)dbug.log('preloading clientcide css');if(!Clientcide.preloaded)Clientcide.preLoadCss();};window.addEvent('domready',preload);window.addEvent('load',preload);})();setCNETAssetBaseHref=Clientcide.setAssetLocation; Class.ToElement=new Class({toElement:function(){return this.element;}});var ToElement=Class.ToElement; var dbug={logged:[],timers:{},firebug:false,enabled:false,log:function(){dbug.logged.push(arguments);},nolog:function(msg){dbug.logged.push(arguments);},time:function(name){dbug.timers[name]=new Date().getTime();},timeEnd:function(name){if(dbug.timers[name]){var end=new Date().getTime()-dbug.timers[name];dbug.timers[name]=false;dbug.log('%s: %s',name,end);}else dbug.log('no such timer: %s',name);},enable:function(silent){var con=window.firebug?firebug.d.console.cmd:window.console;if((!!window.console&&!!window.console.warn)||window.firebug){try{dbug.enabled=true;dbug.log=function(){try{(con.debug||con.log).apply(con,arguments);}catch(e){console.log(Array.slice(arguments));}};dbug.time=function(){con.time.apply(con,arguments);};dbug.timeEnd=function(){con.timeEnd.apply(con,arguments);};if(!silent)dbug.log('enabling dbug');for(var i=0;i0||debugCookie=='true')dbug.enable();if(debugCookie=='true')dbug.log('debugging cookie enabled');if(window.location.href.indexOf("jsdebugCookie=true")>0){dbug.cookie();if(!dbug.enabled)dbug.enable();} if(window.location.href.indexOf("jsdebugCookie=false")>0)dbug.disableCookie();} var StyleWriter=new Class({createStyle:function(css,id){window.addEvent('domready',function(){try{if(document.id(id)&&id)return;var style=new Element('style',{id:id||''}).inject($$('head')[0]);if(Browser.Engine.trident)style.styleSheet.cssText=css;else style.set('text',css);}catch(e){dbug.log('error: %s',e);}}.bind(this));}}); var StickyWin=new Class({Binds:['destroy','hide','togglepin','esc'],Implements:[Options,Events,StyleWriter,Class.ToElement],options:{closeClassName:'closeSticky',pinClassName:'pinSticky',content:'',zIndex:10000,className:'',width:false,height:false,timeout:-1,allowMultipleByClass:true,allowMultiple:true,showNow:true,useIframeShim:true,iframeShimSelector:'',destroyOnClose:false,closeOnClickOut:false,closeOnEsc:false,getWindowManager:function(){return StickyWin.WM;}},css:'.SWclearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}'+'.SWclearfix {display: inline-table;} * html .SWclearfix {height: 1%;} .SWclearfix {display: block;}',initialize:function(options){this.options.inject=this.options.inject||{target:document.body,where:'bottom'};this.setOptions(options);this.windowManager=this.options.getWindowManager();this.id=this.options.id||'StickyWin_'+new Date().getTime();this.makeWindow();if(this.windowManager)this.windowManager.add(this);if(this.options.content)this.setContent(this.options.content);if(this.options.timeout>0){this.addEvent('onDisplay',function(){this.hide.delay(this.options.timeout,this);}.bind(this));} this.createStyle(this.css,'StickyWinClearFix');if(this.options.closeOnClickOut||this.options.closeOnEsc)this.attach();if(this.options.destroyOnClose)this.addEvent('close',this.destroy);if(this.options.showNow)this.show();},attach:function(attach){var method=$pick(attach,true)?'addEvents':'removeEvents';var events={};if(this.options.closeOnClickOut)events.click=this.esc;if(this.options.closeOnEsc)events.keyup=this.esc;document[method](events);},esc:function(e){if(e.key=="esc")this.hide();if(e.type=="click"&&this.element!=e.target&&!this.element.hasChild(e.target))this.hide();},makeWindow:function(){this.destroyOthers();if(!document.id(this.id)){this.win=new Element('div',{id:this.id}).addClass(this.options.className).addClass('StickyWinInstance').addClass('SWclearfix').setStyles({display:'none',position:'absolute',zIndex:this.options.zIndex}).inject(this.options.inject.target,this.options.inject.where).store('StickyWin',this);}else this.win=document.id(this.id);this.element=this.win;if(this.options.width&&$type(this.options.width.toInt())=="number")this.win.setStyle('width',this.options.width.toInt());if(this.options.height&&$type(this.options.height.toInt())=="number")this.win.setStyle('height',this.options.height.toInt());return this;},show:function(suppressEvent){this.showWin();if(!suppressEvent)this.fireEvent('display');if(this.options.useIframeShim)this.showIframeShim();this.visible=true;return this;},showWin:function(){if(this.windowManager)this.windowManager.focus(this);if(!this.positioned)this.position();this.win.show();},hide:function(suppressEvent){if($type(suppressEvent)=="event"||!suppressEvent)this.fireEvent('close');this.hideWin();if(this.options.useIframeShim)this.hideIframeShim();this.visible=false;return this;},hideWin:function(){this.win.setStyle('display','none');},destroyOthers:function(){if(!this.options.allowMultipleByClass||!this.options.allowMultiple){$$('div.StickyWinInstance').each(function(sw){if(!this.options.allowMultiple||(!this.options.allowMultipleByClass&&sw.hasClass(this.options.className))) sw.retrieve('StickyWin').destroy();},this);}},setContent:function(html){if(this.win.getChildren().length>0)this.win.empty();if($type(html)=="string")this.win.set('html',html);else if(document.id(html))this.win.adopt(html);this.win.getElements('.'+this.options.closeClassName).each(function(el){el.addEvent('click',this.hide);},this);this.win.getElements('.'+this.options.pinClassName).each(function(el){el.addEvent('click',this.togglepin);},this);return this;},position:function(options){this.positioned=true;this.setOptions(options);this.win.position({allowNegative:$pick(this.options.allowNegative,this.options.relativeTo!=document.body),relativeTo:this.options.relativeTo,position:this.options.position,offset:this.options.offset,edge:this.options.edge});if(this.shim)this.shim.position();return this;},pin:function(pin){if(!this.win.pin){dbug.log('you must include element.pin.js!');return this;} this.pinned=$pick(pin,true);this.win.pin(pin);return this;},unpin:function(){return this.pin(false);},togglepin:function(){return this.pin(!this.pinned);},makeIframeShim:function(){if(!this.shim){var el=(this.options.iframeShimSelector)?this.win.getElement(this.options.iframeShimSelector):this.win;this.shim=new IframeShim(el,{display:false,name:'StickyWinShim'});}},showIframeShim:function(){if(this.options.useIframeShim){this.makeIframeShim();this.shim.show();}},hideIframeShim:function(){if(this.shim)this.shim.hide();},destroy:function(){if(this.windowManager)this.windowManager.remove(this);if(this.win)this.win.destroy();if(this.options.useIframeShim&&this.shim)this.shim.destroy();if(document.id('modalOverlay'))document.id('modalOverlay').destroy();this.fireEvent('destroy');}});StickyWin.Stacker=new Class({Implements:[Options,Events],Binds:['click'],instances:[],options:{zIndexBase:9000},initialize:function(options){this.setOptions(options);this.zIndex=this.options.zIndex;},add:function(sw){this.instances.include(sw);$(sw).addEvent('mousedown',this.click);},click:function(e){this.instances.each(function(sw){var el=$(sw);if(el==e.target||el.hasChild($(e.target)))this.focus(sw);},this);},focus:function(instance){if(this.focused==instance)return;this.focused=instance;if(instance)this.instances.erase(instance).push(instance);this.instances.each(function(current,i){$(current).setStyle('z-index',this.options.zIndexBase+i);},this);this.focused=instance;},remove:function(sw){this.instances.erase(sw);$(sw).removeEvent('click',this.click);}});StickyWin.WM=new StickyWin.Stacker(); StickyWin.Modal=new Class({Extends:StickyWin,options:{modalize:true,maskOptions:{style:{'background-color':'#333',opacity:0.8}},hideOnClick:true,getWindowManager:function(){return StickyWin.ModalWM;}},initialize:function(options){this.options.maskTarget=this.options.maskTarget||document.body;this.setOptions(options);this.mask=new Mask(this.options.maskTarget,this.options.maskOptions).addEvent('click',function(){if(this.options.hideOnClick)this.hide();}.bind(this));this.parent(options);},show:function(showModal){if($pick(showModal,this.options.modalize))this.mask.show();this.parent();},hide:function(hideModal){if($pick(hideModal,true))this.mask.hide();this.parent();}});StickyWin.ModalWM=new StickyWin.Stacker({zIndexBase:11000});if(StickyWin.Fx)StickyWin.Fx.Modal=StickyWin.Modal; var HoverGroup=new Class({Implements:[Options,Events],Binds:['enter','leave','remain'],options:{elements:[],delay:300,start:['mouseenter'],remain:[],end:['mouseleave']},initialize:function(options){this.setOptions(options);this.attachTo(this.options.elements);this.addEvents({leave:function(){this.active=false;},enter:function(){this.active=true;}});},elements:[],attachTo:function(elements,detach){var starters={},remainers={},enders={};elements=$splat(document.id(elements)||$$(elements));this.options.start.each(function(start){starters[start]=this.enter;},this);this.options.end.each(function(end){enders[end]=this.leave;},this);this.options.remain.each(function(remain){remainers[remain]=this.remain;},this);if(detach){elements.each(function(el){el.removeEvents(starters).removeEvents(enders).removeEvents(remainers);this.elements.erase(el);},this);}else{elements.each(function(el){el.addEvents(starters).addEvents(enders).addEvents(remainers);});this.elements.combine(elements);} return this;},detachFrom:function(elements){this.attachTo(elements,true);},enter:function(e){this.isMoused=true;this.assert(e);},leave:function(e){this.isMoused=false;this.assert(e);},remain:function(e){if(this.active)this.enter(e);},assert:function(e){$clear(this.assertion);this.assertion=(function(){if(!this.isMoused&&this.active)this.fireEvent('leave',e);else if(this.isMoused&&!this.active)this.fireEvent('enter',e);}).delay(this.options.delay,this);}}); var MenuSlider=new Class({Implements:[Options,Events],Binds:['slideIn','hide','slideOut'],options:{fxOptions:{duration:400,transition:'expo:out',link:'cancel'},outFx:false,useIframeShim:true},initialize:function(menu,subMenu,options){this.menu=document.id(menu);this.subMenu=document.id(subMenu);this.setOptions(options);this.makeSlider();this.hoverGroup=new HoverGroup($merge(this.options.hoverGroupOptions,{elements:[this.menu,this.subMenu],onEnter:this.slideIn,onLeave:this.options.outFx?this.slideOut:this.hide}));},makeSlider:function(){this.slider=new Fx.Slide(this.subMenu,this.options.fxOptions).hide();if(this.options.useIframeShim&&window.IframeShim)this.shim=new IframeShim(this.subMenu);},slideIn:function(){this.fireEvent('inStart');this.slider.slideIn().chain(function(){if(this.shim)this.shim.show();this.fireEvent('in');}.bind(this));this.visible=true;return this;},slideOut:function(useFx){this.hoverGroup.active=true;this.slider.slideOut().chain(this.hide);return this;},hide:function(){$clear(this.hoverGroup.assertion);this.hoverGroup.active=false;this.slider.cancel();this.slider.hide();this.fireEvent('out');if(this.shim)this.shim.hide();this.visible=false;return this;},isVisible:function(){return this.visible;}}); var SimpleSlideShow=new Class({Implements:[Events,Options,Chain],options:{startIndex:0,slides:[],currentSlideClass:'currentSlide',currentIndexContainer:false,maxContainer:false,nextLink:false,prevLink:false,wrap:true,disabledLinkClass:'disabled',crossFadeOptions:{}},initialize:function(options){this.setOptions(options);var slides=this.options.slides;this.makeSlides(slides);this.setCounters();this.setUpNav();this.now=this.options.startIndex;if(this.slides.length>0)this.show(this.now);},slides:[],setCounters:function(){if(document.id(this.options.currentIndexContainer))document.id(this.options.currentIndexContainer).set('html',this.now+1);if(document.id(this.options.maxContainer))document.id(this.options.maxContainer).set('html',this.slides.length);},makeSlides:function(slides){slides.each(function(slide,index){if(index!=this.now)slide.setStyle('display','none');else slide.setStyle('display','block');this.makeSlide(slide);},this);},makeSlide:function(slide){slide.addEvent('click',function(){this.fireEvent('onSlideClick');}.bind(this));this.slides.include(slide);},setUpNav:function(){if(document.id(this.options.nextLink)){document.id(this.options.nextLink).addEvent('click',function(){this.forward();}.bind(this));} if(document.id(this.options.prevLink)){document.id(this.options.prevLink).addEvent('click',function(){this.back();}.bind(this));}},disableLinks:function(now){if(this.options.wrap)return;now=$pick(now,this.now);var prev=document.id(this.options.prevLink);var next=document.id(this.options.nextLink);var dlc=this.options.disabledLinkClass;if(now>0){if(prev)prev.removeClass(dlc);if(now===this.slides.length-1&&next)next.addClass(dlc);else if(next)next.removeClass(dlc);}else{if(this.slides.length>0&&next)next.removeClass(dlc);if(prev)prev.addClass(dlc);}},forward:function(){if($type(this.now)&&this.now0){this.show(this.now-1);this.fireEvent('onPrev');}else if(this.options.wrap&&this.slides.length>1){this.show(this.slides.length-1);this.fireEvent('prev');} return this;},show:function(index){if(this.showing)return this.chain(this.show.bind(this,index));var now=this.now;var s=this.slides[index];function fadeIn(s,resetOpacity){s.setStyle('display','block');if(!Browser.Engine.trident4){if(resetOpacity)s.setStyle('opacity',0);s.set('tween',this.options.crossFadeOptions).get('tween').start('opacity',1).chain(function(){this.showing=false;this.disableLinks();this.callChain();this.fireEvent('onSlideDisplay',index);}.bind(this));}};if(s){if($type(this.now)&&this.now!=index){if(!Browser.Engine.trident4){var fx=this.slides[this.now].get('tween');fx.setOptions(this.options.crossFadeOptions);this.showing=true;fx.start('opacity',0).chain(function(){this.slides[now].setStyle('display','none');s.addClass(this.options.currentSlideClass);fadeIn.run([s,true],this);this.fireEvent('onSlideDisplay',index);}.bind(this));}else{this.slides[this.now].setStyle('display','none');fadeIn.run(s,this);}}else fadeIn.run(s,this);this.now=index;this.setCounters();}},slideClick:function(){this.fireEvent('onSlideClick',[this.slides[this.now],this.now]);}});SimpleSlideShow.Carousel=new Class({Extends:SimpleSlideShow,Implements:[Class.ToElement],Binds:['makeSlide'],options:{sliderWidth:999999},initialize:function(container,options){this.setOptions(options);this.container=document.id(container);this.element=new Element('div').wraps(this.container).setStyles({width:this.container.getSize().x,overflow:'hidden',position:'relative'});this.container.setStyles({width:this.options.sliderWidth,position:'relative'});this.parent(options);},makeSlides:function(slides){this.slides=[];slides.each(this.makeSlide);},makeSlide:function(slide){if(slide.retrieve('slideSetup'))return;slide.store('slideSetup',true);slide.show();var s=new Element('div',{styles:{'float':'left',width:document.id(this).getSize().x}}).wraps(slide);this.parent(s);this.slides.erase(slide);this.setCounters();s.show();s.inject(this.container);},show:function(index){if(!this.container)return;this.fx=this.fx||new Fx.Tween(this.container.setStyle('left',0),$merge({property:'left'},this.options.crossFadeOptions));if(this.showing)return this.chain(this.show.bind(this,index));var now=this.now;var s=this.slides[index];if(s){if(this.now!=index){this.fx.start(-s.getPosition(this.container).x).chain(function(){s.addClass(this.options.currentSlideClass);this.showing=false;this.disableLinks();this.callChain();this.fireEvent('onSlideDisplay',index);}.bind(this));} this.now=index;this.setCounters();}}});var SimpleImageSlideShow;(function(){var extender=function(extend,passContainer){return{Extends:extend,Implements:Class.ToElement,options:{imgUrls:[],imgClass:'screenshot',container:false},initialize:function(){var args=Array.link(arguments,{options:Object.type,container:$defined});this.container=document.id(args.container)||(args.options?document.id(args.options.container):false);if(passContainer)this.parent(this.container,args.options);else this.parent(args.options);this.options.imgUrls.each(function(url){this.addImg(url);},this);this.show(this.options.startIndex);},addImg:function(url){if(this.container){var img=new Element('img',{'src':url,'id':this.options.imgClass+this.slides.length}).addClass(this.options.imgClass).setStyle('display','none').inject(this.container).addEvent('click',this.slideClick.bind(this));this.slides.push(img);this.makeSlide(img);this.setCounters();} return this;}};};SimpleImageSlideShow=new Class(extender(SimpleSlideShow));SimpleImageSlideShow.Carousel=new Class(extender(SimpleSlideShow.Carousel,true));})(); var TabSwapper=new Class({Implements:[Options,Events],options:{selectedClass:'tabSelected',mouseoverClass:'tabOver',deselectedClass:'',rearrangeDOM:true,initPanel:0,smooth:false,smoothSize:false,maxSize:null,effectOptions:{duration:500},cookieName:null,cookieDays:999},tabs:[],sections:[],clickers:[],sectionFx:[],initialize:function(options){this.setOptions(options);var prev=this.setup();if(prev)return prev;if(this.options.cookieName&&this.recall())this.show(this.recall().toInt());else this.show(this.options.initPanel);},setup:function(){var opt=this.options;sections=$$(opt.sections);tabs=$$(opt.tabs);if(tabs[0]&&tabs[0].retrieve('tabSwapper'))return tabs[0].retrieve('tabSwapper');clickers=$$(opt.clickers);tabs.each(function(tab,index){this.addTab(tab,sections[index],clickers[index],index);},this);},addTab:function(tab,section,clicker,index){tab=document.id(tab);clicker=document.id(clicker);section=document.id(section);if(this.tabs.indexOf(tab)>=0&&tab.retrieve('tabbered')&&this.tabs.indexOf(tab)!=index&&this.options.rearrangeDOM){this.moveTab(this.tabs.indexOf(tab),index);return this;} if(!$defined(index))index=this.tabs.length;if(index>0&&this.tabs[index-1]&&this.options.rearrangeDOM){tab.inject(this.tabs[index-1],'after');section.inject(this.tabs[index-1].retrieve('section'),'after');} this.tabs.splice(index,0,tab);clicker=clicker||tab;tab.addEvents({mouseout:function(){tab.removeClass(this.options.mouseoverClass);}.bind(this),mouseover:function(){tab.addClass(this.options.mouseoverClass);}.bind(this)});clicker.addEvent('click',function(e){e.preventDefault();this.show(index);}.bind(this));tab.store('tabbered',true);tab.store('section',section);tab.store('clicker',clicker);this.hideSection(index);return this;},removeTab:function(index){var now=this.tabs[this.now];if(this.now==index){if(index>0)this.show(index-1);else if(index