deep :: '+results[2]+'<\/title><\/head><body><div align="center"><img src="img\/work\/'+results[1]+'\/zoom\/'+results[2]+'.jpg"><\/div><\/body><\/html>'); if ($defined(new_window.focus)) { new_window.focus(); } }).bindWithEvent(this)); }).bind(this)); } }); Deep.NavLinks = new Class({ finderCss : "ul.nav li a", initialize : function() { this.links = $$(this.finderCss).extend($$("a.nav")); this.links.each(this._attachEvents.bind(this)); }, _attachEvents : function(link) { link.addEvent("click", this.changeSlide.bindWithEvent(this)); }, changeSlide : function(event) { event.target = $(event.target); if (event.target.get("tag") == "a") { if (!(event.target.get("href").test(new RegExp("#")))) { return true; } } var slide = null if (event.target.get("tag") == "img") { slide = $(this._getIdFromHref((Browser.Engine.trident ? event.target.parentNode : event.target.getParent("a.nav")).get("href"))); } else { slide = $(this._getIdFromHref(event.target.get("href"))); } if (this.currentSlide != slide) { this._showSlide(slide); (function(){ this._hideSlide(this.currentSlide); this.setCurrentSlide(slide); }).bind(this).delay(250); } event.stop(); }, setCurrentSlide : function(slide) { this.currentSlide = $(slide); }, _hideSlide : function(slide) { slide = $(slide); slide.set("tween", { duration: "short" }); slide.tween("opacity", 1, 0); (function() { slide.setStyle("display", "none") }).delay(250); }, _showSlide : function(slide) { slide = $(slide); slide.setStyle("z-index", (parseInt(this.currentSlide.getStyle("z-index")) + 1)); slide.setStyle("display", "block"); slide.setStyle("opacity", 0); slide.set("tween", { duration: "short" }); slide.tween("opacity", 0, 1); }, _getIdFromHref : function(href) { return href.replace("#", "").replace(window.location.toString(), "").replace(window.location.hash.toString(), "").toString(); } }); Deep.Apathy = {}; Deep.Apathy.Video = new Class({ replaceId : "apathy-movie", flashFile : "apathy.swf", initialize : function() { this.movie = new Swiff(("flash/" + this.flashFile), { container : this.replaceId, width : 720, height : 480, params : { bgcolor : "#000000" } }); } }); Deep.Work = {}; Deep.Work.Broadcast = new Class({ initialize: function() { this.megaTire = new Swiff("flash/megatire.swf", { container : "mega-tire", width : 320, height : 240, params : { bgcolor : "#000000" } }); this.henrysMeats = new Swiff("flash/henrysmeats.swf", { container : "henrys-meats", width : 320, height : 240, params : { bgcolor : "#000000" } }); this.featherAndFur = new Swiff("flash/featherandfur.swf", { container : "feather-and-fur", width : 320, height : 240, params : { bgcolor : "#000000" } }); this.leaf = new Swiff("flash/barnabas_leaf.swf", { container : "leaf", width : 320, height : 240, params : { bgcolor : "#000000" } }); this.frog = new Swiff("flash/barnabas_frog.swf", { container : "frog", width : 320, height : 240, params : { bgcolor : "#000000" } }); this.turtle = new Swiff("flash/barnabas_turtle.swf", { container : "turtle", width : 320, height : 240, params : { bgcolor : "#000000" } }); this.nescafe = new Swiff("flash/nescafe.swf", { container : "nescafe", width : 318, height : 239, params : { bgcolor : "#000000" } }); this.casa = new Swiff("flash/casa.swf", { container : "casa", width : 320, height : 240, params : { bgcolor : "#000000" } }); } }); Deep.People = new Class({ initialize : function() { this.nextLinks = $$("a.next-person"); this.previousLinks = $$("a.previous-person"); this.thumbs = $$("div.people-list > div.thumbs"); this.nextLinks.each((function(link) { link.addEvent("click", this.scootLeft.bindWithEvent(this)); }).bind(this)); this.previousLinks.each((function(link) { link.addEvent("click", this.scootRight.bindWithEvent(this)); }).bind(this)); }, scootLeft : function(event) { event.stop(); this.thumbs.each((function(thumb) { thumb.set("tween", { duration: "short" }); thumb.tween("left", -85); }).bind(this)); }, scootRight : function(event) { event.stop(); this.thumbs.each((function(thumb) { thumb.set("tween", { duration: "short" }); thumb.tween("left", 0); }).bind(this)); } });