Searching for ' + this.gsearch_input().value + '...
');
},
complete: function() {
this.results().addClassName('has_results');
this.spinner().hide();
},
switchOn: function() {
var gsearch_input = this.gsearch_input();
if (gsearch_input.value == '' || gsearch_input.value == this.default_text) {
gsearch_input.up('.search-wrapper').removeClassName('blurred');
gsearch_input.value = '';
}
},
switchOff: function() {
var gsearch_input = this.gsearch_input();
if (gsearch_input.value == '' || gsearch_input.value == this.default_text) {
gsearch_input.up('.search-wrapper').addClassName('blurred');
gsearch_input.value = this.default_text;
}
},
setGoodToGo: function() {
this.goodToGo = false;
},
resetGoodToGo: function() {
this.goodToGo = true;
window.clearInterval(this.timer);
},
getSearchResults: function() {
new Ajax.Updater(search.gsearch_results_id, '/search/global_search', {
asynchronous:true,
evalScripts:true,
onComplete:function(request){ search.complete() },
onLoading:function(request){ search.loading() },
parameters:'terms=' + encodeURIComponent(this.search_term)
});
this.resetGoodToGo();
},
doSearch: function(e) {
var el = Event.element(e);
if (el.value.length >= this.min_chars) {
this.search_term = el.value;
if (this.goodToGo == true) {
this.timer = window.setInterval('search.getSearchResults()', 1000);
}
this.setGoodToGo();
}
},
init: function() {
if (!this.exists()) { return; }
var gsearch_input = this.gsearch_input();
this.switchOff();
gsearch_input.observe('focus', this.switchOn.bindAsEventListener(this));
gsearch_input.observe('blur', this.switchOff.bindAsEventListener(this));
gsearch_input.observe('keyup', this.doSearch.bindAsEventListener(this));
},
exists: function() {
if (this.gsearch_input() != null) { return true; }
}
};
var flashes = {
init: function() {
// new Effect.Highlight($('messagebar'));
}
};
var fluff = {
picture: new Image(),
render: function() {
if (fluff.picture.complete){
var header = $('ir');
header.style.backgroundImage = "url("+fluff.picture.src+")";
header.style.height = fluff.picture.height+"px";
header.style.width = fluff.picture.width+"px";
new Effect.Appear(header,{
duration: 1,
queue:'end'
});
window.clearInterval(fluff.timer);
}
},
init: function() {
if(!document.getElementById || !document.createTextNode) { return; }
// retrieve class name of the fluff element
var fluff_el = $('fluff');
if (fluff_el != null) {
var fluff_name = fluff_el.className;
if (fluff_name != "") {
fluff.picture.src = "/images/"+fluff_name+".jpg";
$('ir').hide();
// periodically test that image is loaded
fluff.timer = window.setInterval('fluff.render()', 500);
}
}
}
};
// Hide all the elements with class .hide_js (including after an Ajax call)
var hide_elements = {
hide_em: function() {
// Hide all elements that are classed to be hidden by javascript
var hides = $$('.hide_js');
hides.invoke('hide');
hides.invoke('removeClassName','hide_js');
// Hide all the elements that are classed to be hidden by CSS. This means we don't need to hide them with JS before showing with JS :-P
hides = $$('.hide');
hides.invoke('hide');
hides.invoke('removeClassName','hide');
},
show_em: function() {
var shows = $$('.show_js');
shows.invoke('show');
shows.invoke('removeClassName','show_js');
},
auto_hide_em: function() {
Ajax.Responders.register({
onComplete: function() {
hide_elements.hide_em();
hide_elements.show_em();
}
});
},
init: function() {
this.hide_em();
this.show_em();
this.auto_hide_em();
}
}
var modalbox = {
id: 'modalbox',
content_id: "modalbox_content",
element: function() {
return $(this.id);
},
exists: function() {
if (this.element() != null) {
return true;
} else {
return false;
}
},
liner_el: function() {
if (this.exists()) {
return this.element().select('.liner').first();
}
},
content_el: function() {
if (this.exists()) {
return this.liner_el().select('.content').first();
}
},
insert: function() {
if (!this.exists()) {
$($$('body').first()).insert({
bottom: '
'
});
}
},
clear: function() {
},
remove: function() {
if (this.exists()) {
this.element().remove();
}
},
open: function() {
fadebkgrnd.fade_in();
this.insert();
this.element().select('.closebox').invoke('observe', 'click', this.close.bind(this)).invoke('setStyle',{display: 'block'});
var offsets = document.viewport.getScrollOffsets();
var windowTopOffset = {marginTop: ((offsets.top + 50) + "px")};
this.styler(windowTopOffset);
this.loading();
},
close: function(e) {
fadebkgrnd.fade_out();
this.remove();
e.stop();
},
loading: function() {
this.content_el().update();
this.styler({
backgroundImage: 'url(/images/spinner-dialog-48px.gif)',
height: '128px',
width: '128px'
});
},
stop_loading: function() {
this.styler({
backgroundImage: 'none',
height: '',
width: ''
});
},
size_to: function(width, height) {
this.styler({
width: width,
height: height
});
},
styler: function(styles) {
modalbox.liner_el().setStyle( styles );
}
}
/* ##########################################################################
Copyright 2007 Daniel Skinner
Contact: www.destiny-denied.co.uk/contact/
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .
########################################################################### */
var ImageRoller = Class.create();
ImageRoller.prototype = {
prefix: "image_roller_",
loadCount: 0,
imageCount: 0,
initialize: function (c,options) {
this.setOptions(options);
this.outEvent=function(i){ return this.out.bindAsEventListener(this,i);}.bind(this);
this.overEvent=function(i){ return this.over.bindAsEventListener(this,i);}.bind(this);
this.imageCount = $A($$("img."+c)).length;
$A($$("img."+c)).each(function(image) {
Object.extend(image.parentNode.style,{backgroundRepeat:'no-repeat',cursor:'pointer',cursor:'hand',display:'block',width:image.width+'px',height:image.height+'px'});
var temp={};
if (image.parentNode.style && image.parentNode.style.backgroundImage) {
var re = new RegExp("[(](.*)[)]");
temp.src = re.exec(image.parentNode.style.backgroundImage)[1];
temp.ele=image;
var rollImage = new Image();
Event.observe(rollImage,'load',this.applyBehaviours.bindAsEventListener(this,temp,rollImage));
rollImage.src=temp.src;
} else {
this.imageCount--;
}
}.bind(this));
},
//Private Initialisation
setOptions: function(options) {
this.options = Object.extend({
onComplete:function(){},
duration:0.1
},(options || {}));
},
applyBehaviours: function(e,temp,rollImage) {
//apply event handling
Event.observe(temp.ele, 'mouseover', this.overEvent(temp));
Event.observe(temp.ele, 'mouseout', this.outEvent(temp));
//add to the loaded image count
this.loadCount++;
//check if this was the last loaded image
if (this.loadCount == this.imageCount) this.options.onComplete();
},
out: function(e,temp) {
new Effect.Opacity(temp.ele,{duration:this.options.duration, from:0.0, to: 1.0,queue:{position:'end',scope:'sc'+temp.src,limit:2}});
Event.stop(e);
},
over: function(e,temp) {
new Effect.Opacity(temp.ele,{duration:this.options.duration, from:1.0, to:0.0,queue:{position:'end',scope:'sc1'+temp.src,limit:2}});
Event.stop(e);
}
}
// Track clicks on external links
var external_page_track = {
init: function() {
$$('.external_link').each( function(link) {
link.observe('click', function(event){
if(typeof _gaq != 'undefined') {
_gaq.push(['_trackPageview', this.readAttribute('href')]);
}
});
});
}
}
var user_signup_form = {
signup_wrap_id: 'user_signup_form_wrap',
overlay_id: 'user_signup_form_overlay',
init: function() {
if (this.exists()) {
this.signup_form_el().observe('submit', this.submit_handler.bindAsEventListener(this));
}
},
exists: function() {
if (this.signup_form_el() != null) { return true; }
},
signup_form_el: function() {
if ($(this.signup_wrap_id) != null) {
return $(this.signup_wrap_id).down('form');
}
},
submit_handler: function(e) {
var form = this.signup_form_el();
this.show_overlay();
new Ajax.Request(form.readAttribute('action'), {
asynchronous:true,
evalScripts:true,
method:'post',
parameters:Form.serialize(form)
});
Event.stop(e);
},
show_overlay: function() {
this.set_overlay_size();
$(this.overlay_id).show();
},
set_overlay_size: function() {
var dimensions = this.signup_form_el().getDimensions();
$(this.overlay_id).setStyle({width:dimensions.width + 'px', height:dimensions.height + 'px'});
}
}
// build radio_select lists using this HTML structure:
//
');
$$('.noozeelend_wrap .regions a[region_id=' + region_id + ']').invoke('addClassName','selected');
},
mouseout: function(e) {
this.region_links().invoke('removeClassName', 'selected');
this.region_hilites().invoke('update', '');
},
init: function() {
this.preload();
this.region_links().invoke('observe', 'mouseover', this.mouseover.bindAsEventListener(this));
this.region_links().invoke('observe', 'mouseout', this.mouseout.bindAsEventListener(this));
}
}
// Menu class expects a particular HTML structure (replace 'name' with your instance's name):
//
var Menu = Class.create({
initialize: function(name, lockable) {
this.name = name;
this.id = '#'+this.name;
if (!this.exists()) { return; }
this.lockable = lockable || false;
this.top_items_with_menubox().each( function(item) {
item.up('.menu').addClassName('has_menubox');
});
this.menus().invoke('observe', 'mouseover', this.goMenu.bindAsEventListener(this));
if (this.lockable) {
this.top_items_with_menubox().invoke('observe', 'click', this.toggleLockMenu.bindAsEventListener(this));
this.form_inputs().invoke('observe', 'focus', this.lockMenu.bindAsEventListener(this));
this.menu_bar_form_inputs().invoke('observe', 'focus', this.goFormMenu.bindAsEventListener(this));
this.unlocks().invoke('observe', 'click', this.unlockMenu.bindAsEventListener(this));
}
this.menuwrap().observe('mouseleave', this.deactivate.bindAsEventListener(this));
},
// properties
offTimer: null,
onTimer: null,
time: 500,
id: '',
// refs to Elements
form_inputs: function() { return $$('#'+this.name+'_wrap input'); },
menu_bar_form_inputs: function() { return $$('#'+this.name+'_wrap .menu_bar input'); },
menu_box_form_inputs: function() { return $$('#'+this.name+'_wrap .menu_box input'); },
unlocks: function() { return $$('#'+this.name+' .unlock'); },
top_items: function() { return $$('#'+this.name+' .menu .top_item'); },
top_items_with_menubox: function() {
var items = $$('#'+this.name+' .menu .top_item');
items = items.reject( function(item){
return $(item.up('.menu').identify()+'box') == null;
});
return items;
},
menus: function() { return $$('#'+this.name+' .menu'); },
menuwrap: function() { return $(this.name+'_wrap'); },
openmenus: function() { return $$('#'+this.name+' .menu.open'); },
openmenuboxes: function() { return $$('#'+this.name+'_wrap .menu_box.open'); },
// methods
goMenu: function(e) {
var menu_to_open = Event.element(e).up('.menu');
if (menu_to_open != null && ! this.isLocked()) {
this.openMenu(menu_to_open);
}
e.stop();
},
goFormMenu: function(e) {
this.goMenu(e);
},
openMenu: function(menu_to_open) {
this.menuwrap().removeClassName('active');
this.closeAll();
var menubox = $(menu_to_open.identify() + 'box');
if (menubox != null){
this.activate();
menubox.addClassName('open');
}
menu_to_open.addClassName('open');
},
activate: function() {
this.menuwrap().addClassName('active');
},
clearOffTimer: function() {
clearTimeout(this.offTimer);
},
deactivate: function() {
if (!this.isLocked()) {
this.switchOff();
}
},
switchOff: function() {
this.menuwrap().removeClassName('active');
this.closeAll();
},
closeAll: function() {
this.openmenus().invoke('removeClassName','open');
this.openmenuboxes().invoke('removeClassName','open');
},
toggleLockMenu: function(e) {
if (this.isLocked()) {
var el = Event.element(e);
var clicked_menu = el.up('.menu');
if (clicked_menu.hasClassName('open') && el.tagName != 'INPUT') {
this.menuwrap().removeClassName('locked');
fadebkgrnd.fade_out();
} else {
this.openMenu(clicked_menu);
}
} else {
this.lockMenu();
}
e.stop();
},
isLocked: function() {
return this.menuwrap().hasClassName('locked');
},
lockMenu: function(e) {
this.menuwrap().addClassName('locked');
fadebkgrnd.fade_in();
if (e) { e.stop(); }
},
unlockMenu: function(e) {
this.menuwrap().removeClassName('locked');
fadebkgrnd.fade_out();
this.deactivate();
if (e) { e.stop(); }
},
exists: function(){
if (this.menuwrap() != null) { return true; }
}
});
var fadebkgrnd = {
fade_element: function() {
var fade_bkgrnd = $('fadebkgrnd');
if ( fade_bkgrnd == null ) {
$($$('body').first()).insert({top:''});
fade_bkgrnd = $('fadebkgrnd');
}
return fade_bkgrnd;
},
fade_out: function() {
new Effect.Fade(this.fade_element(),{
duration: .25
});
},
fade_in: function() {
var element = this.fade_element();
new Effect.Appear(element,{
duration: .25,
to: .40
});
},
switchOff: function() {
this.fade_out();
}
}
var search = {
search_term: '',
default_text: 'Search',
min_chars: 2,
gsearch_input_id: 'globalsearchterms',
gsearch_results_id: 'globalsearch_results',
goodToGo: true,
gsearch_input: function() { return $(this.gsearch_input_id); },
results: function() { return $(this.gsearch_results_id); },
spinner: function() { return $('globalsearch_spinner'); },
loading: function() {
this.spinner().show();
results = this.results();
results.removeClassName('has_results');
results.update('