function FilmStrip(mode){if(!mode)mode='strip';var elements={};elements.leftArrow=Element.construct(['div',{'title':'previous video','class':'leftArrow'}]);elements.rightArrow=Element.construct(['div',{'title':'next video','class':'rightArrow'}]);elements.choices=Element.construct(['div',{'class':'choices'}]);elements.thumbHolder=Element.construct(['div',{'class':'thumbHolder'},[elements.choices]]);elements.root=Element.construct(['div',{'class':'filmStrip '+mode},[elements.leftArrow,elements.rightArrow,elements.thumbHolder]]);for(var i=0;i<FilmStrip.videos.length;i++){elements.choices.appendChild(createVideo(FilmStrip.videos[i],i));}
var cStrip=0;var animateNext=new Animation(elements.choices,{left:{to:0}},.7,Animation.EaseOut);var animatePrev=new Animation(elements.choices,{left:{to:0}},.7,Animation.EaseOut);var vplayer=null;var currentVideo=-1;var videos=FilmStrip.videos;this.attach=function(ele){if(!ele.nodeName)ele=$(ele);ele.appendChild(elements.root);resized();Event.addListener(window,'resize',resized);}
function resized(){elements.thumbHolder.style.width=(elements.root.clientWidth-52)+'px';updateArrows();}
function showVideo(videoNumber){displayVideo(videoNumber);window.scrollTo(0,0);}
elements.leftArrow.onclick=function(){if(Element.hasClass(elements.leftArrow,'disabled'))return;cStrip--;var offset=-cStrip*288;animateNext.attributes.left.to+=288;animatePrev.attributes.left.to+=288;animatePrev.start();updateArrows();}
elements.rightArrow.onclick=function(){if(Element.hasClass(elements.rightArrow,'disabled'))return;cStrip++;var offset=-cStrip*288;animateNext.attributes.left.to=offset;animatePrev.attributes.left.to=offset;animateNext.start();updateArrows();}
function updateArrows(){if(cStrip>0)Element.removeClass(elements.leftArrow,'disabled');else Element.addClass(elements.leftArrow,'disabled');var available=elements.thumbHolder.clientWidth;var stripWidth=FilmStrip.videos.length*288;var offset=cStrip*288;if((stripWidth-offset)>available)Element.removeClass(elements.rightArrow,'disabled');else Element.addClass(elements.rightArrow,'disabled');}
function displayVideo(videoNumber){currentVideo=videoNumber;if(vplayer==null){vplayer=new VideoPlayer();Event.addListener(vplayer,'next',nextVideo);Event.addListener(vplayer,'prev',prevVideo);}
vplayer.setTitle(videos[videoNumber].title);vplayer.setAbstract(videos[videoNumber].description);vplayer.show(videos[videoNumber].videoURL,videoNumber,videos[videoNumber].params,videos[videoNumber].vars,videos[videoNumber].width,videos[videoNumber].height);if(videoNumber==0){vplayer.setNextEnabled(true);vplayer.setPrevEnabled(false);}else if(videoNumber==videos.length-1){vplayer.setNextEnabled(false);vplayer.setPrevEnabled(true);}else{vplayer.setNextEnabled(true);vplayer.setPrevEnabled(true);}}
function nextVideo(){if(currentVideo+1<videos.length)displayVideo(currentVideo+1);}
function prevVideo(){if(currentVideo-1>=0)displayVideo(currentVideo-1);}
function hideVideo(){videoPlayer.hide();return false;}
function createVideo(video,i){var prefix=(window.mediaServer&&location.protocol=='http:')?'http://'+window.mediaServer:'';var screenCast=Element.construct(['div',{'class':'screencast'},[['img',{'class':'playButton',width:16,height:16,src:prefix+'/images/buysub/playbutton.gif'}],['div',{'class':'description'},[['span',{'class':'number'},(i+1)+". "],['span',{'class':'title'},video.title]]],['img',{'class':'watchVideo',src:prefix+'/images/buysub/watchvideo.gif'}]]]);screenCast.videoNumber=i;screenCast.style.backgroundImage="url("+prefix+video.icon+")";screenCast.onmouseover=function(){Element.addClass(this,'hover');};screenCast.onmouseout=function(){Element.removeClass(this,'hover');};screenCast.onclick=function(){showVideo(this.videoNumber)};return screenCast;}}
FilmStrip.videos=[{title:"Welcome to the Visual Thesaurus, here's how it works.",description:'',videoURL:'/tour/videos/intro.swf',icon:'/tour/videos/intro.gif'},{title:"Create and share word lists.",description:'',videoURL:'/tour/videos/wordlists.swf',icon:'/tour/videos/wordlists.gif'},{title:"Share a word map with the world in an email, or even on a customized t-shirt.",description:'',videoURL:'/tour/videos/sharing.swf',icon:'/tour/videos/sharing.gif'}];function VideoPlayer(){var _this=this;var elements={};var init=false;elements.blocker=Element.construct(['div',{'class':'videoBlocker'}]);elements.videoTitle=Element.construct(['span',{'class':'videoTitle'}]);elements.prev=Element.construct(['img',{'class':'prev','src':mediaURL('/images/buysub/prevvideo.gif')}]);elements.next=Element.construct(['img',{'class':'next','src':mediaURL('/images/buysub/nextvideo.gif')}]);elements.player=Element.construct(['div',{'id':'videoPlayer'}]);elements.closeButton=Element.construct(['img',{'class':'closeVideo','src':'/images/common/close-big.gif'}]);elements.closeLink=Element.construct(['a',{'href':'#','class':'closeLink'},'or close window']);elements.videoAbstract=Element.construct(['div',{'class':'videoAbstract'}]);elements.window=Element.construct(['div',{'class':'playerWindow'},[['div',{'class':'nowPlaying'},['Now Playing:',elements.videoTitle]],['div',{'class':'prevNext'},[elements.prev,elements.next]],elements.player,['div',{'class':'description'},[['div',{'class':'buyNowOrClose'},[['a',{'href':'/subscribe'},[['img',{'align':'absmiddle','src':mediaURL('/images/buysub/buynowbutton.gif')}]]],['br'],elements.closeLink]],elements.videoAbstract,]],elements.closeButton]]);elements.root=new DropShadow(elements.window);Element.addClass(elements.root,'videoContent');elements.blocker.style.display='none';elements.root.style.display='none';this.setTitle=function(title){elements.videoTitle.innerHTML=title;}
this.setAbstract=function(html){elements.videoAbstract.innerHTML=html;}
this.show=function(swfURL,videoNumber,params,vars,width,height){if(!init){init=true;$('pageBody').appendChild(elements.blocker);$('pageBody').appendChild(elements.root);}
elements.blocker.style.height=elements.blocker.parentNode.clientHeight+'px';if(swfURL){if(!width)width=790;if(!height)height=630;var so=new SWFObject(swfURL,"video"+videoNumber,width+'',height+'',"6","#FFFFFF");if(params){for(var p in params)so.addParam(p,params[p]+'');}
if(vars){for(var v in vars)so.addVariable(v,vars[v]+'');}
so.write("videoPlayer");}else{element.player.innerHTML='';}
elements.blocker.style.display='block';elements.root.style.display='block';Event.fire(_this,'show');}
this.hide=function(){elements.blocker.style.display='none';elements.root.style.display='none';elements.player.innerHTML='';Event.fire(_this,'hide');return false;}
this.next=function(){Event.fire(_this,'next');}
this.prev=function(){Event.fire(_this,'prev');}
this.setNextEnabled=function(b){if(!b)Element.addClass(elements.next,'disabled');else Element.removeClass(elements.next,'disabled');}
this.setPrevEnabled=function(b){if(!b)Element.addClass(elements.prev,'disabled');else Element.removeClass(elements.prev,'disabled');}
elements.closeButton.onclick=this.hide;elements.closeLink.onclick=this.hide;elements.blocker.onclick=this.hide;elements.prev.onclick=this.prev;elements.next.onclick=this.next;this.elements=elements;}
function DropShadow(element){var center=Element.construct(['td',[element]]);center.style.backgroundColor='white';center.style.border='2px solid #cccccc';var corners=new Array(3);corners[0]=Element.construct(['td',{'class':'png crop'}]);corners[0].style.width='15px';corners[0].style.height='100%';corners[0].style.backgroundImage=backgroundURL('/images/common/dropshadow/dsE.png');corners[0].style.backgroundRepeat="repeat-y";corners[1]=Element.construct(['td',{'class':'png crop'}]);corners[1].style.height='15px';corners[1].style.backgroundImage=backgroundURL('/images/common/dropshadow/dsS.png');corners[1].style.backgroundRepeat="repeat-x";corners[2]=Element.construct(['td',{'class':'png crop'}]);corners[2].style.width='15px';corners[2].style.height='15px';corners[2].style.backgroundImage=backgroundURL('/images/common/dropshadow/dsSE.png')
corners[2].style.backgroundRepeat="no-repeat";return Element.construct(['table',{cellpadding:0,cellspacing:0,'class':'dropshadow'},[['tbody',[['tr',[center,corners[0]]],['tr',[corners[1],corners[2]]],]]]]);}
function backgroundURL(src){return"url('"+mediaURL(src)+"')";}
function mediaURL(src){return(window.mediaServer)?'http://'+window.mediaServer+src:src;}