');
this.tooltip = $(_tooltip);
this.tooltipInner = this.tooltip.select('div.c')[0];
this.tooltip.hide();
document.body.appendChild(this.tooltip);
this.images.each(function(t){
var tooltip = $(t).select('img')[0];
Event.observe(tooltip, 'mouseover', this.showTooltip.bindAsEventListener(this));
Event.observe(tooltip, 'mouseout', this.hideTooltip.bindAsEventListener(this));
Event.observe(tooltip, 'mousemove', this.moveTooltip.bindAsEventListener(this));
}.bind(this));
}
},
addListeners : function(){
Event.observe(this.element.getElementsBySelector('a.next').first(), 'click', this.scroll.bindAsEventListener(this));
Event.observe(this.element.getElementsBySelector('a.prev').first(), 'click', this.scroll.bindAsEventListener(this));
},
showTooltip : function(e){
Event.stop(e);
var element = Event.element(e);
if(element.tagName.toLowerCase()=='img'){
if(element.title){
this.tooltipInner.innerHTML = element.title;
this.moveTooltip(e);
this.tooltip.show();
}
}
},
hideTooltip : function(e){
Event.stop(e);
var element = Event.element(e);
if(element.tagName.toLowerCase()!='a'){
this.tooltip.hide();
}
},
moveTooltip : function(e){
Event.stop(e);
var mouse_x = Event.pointerX(e);
var mouse_y = Event.pointerY(e);
var dimensions = Element.getDimensions(this.tooltip);
var element_width = dimensions.width;
var element_height = dimensions.height;
if ((element_width + mouse_x)>=(this.getWindowWidth() - this.options.min_distance_x)){
mouse_x = mouse_x - element_width;
mouse_x = mouse_x - 5;
} else {
mouse_x = mouse_x + 5;
}
if ( (element_height + mouse_y) >= ( this.getWindowHeight() - this.options.min_distance_y) ){ // too big for Y
mouse_y = mouse_y - element_height;
// apply min_distance to make sure that the mouse is not on the tool-tip
mouse_y = mouse_y - 5;
} else {
mouse_y = mouse_y + 5;
}
// now set the right styles
this.tooltip.setStyle({
position:'absolute',
top: mouse_y + 0 + "px",
left: mouse_x + 0 + "px",
zindex: 100
});
},
getWindowHeight: function(){
var innerHeight;
if (navigator.appVersion.indexOf('MSIE')>0) {
innerHeight = document.body.clientHeight;
} else {
innerHeight = window.innerHeight;
}
return innerHeight;
},
getWindowWidth: function(){
var innerWidth;
if (navigator.appVersion.indexOf('MSIE')>0) {
innerWidth = document.body.clientWidth;
} else {
innerWidth = window.innerWidth;
}
return innerWidth;
},
scroll : function(e){
var anim, property;
Event.stop(e);
if(this.locked===false){
this.locked = true;
var direction = Event.element(e).className;
property = 'margin-left';
var offset = this.options.imageWidth+this.options.imagePadding;
var maxOffset = offset*this.options.imageCount;
if(direction=='next'){
anim=parseInt(this.ul.style.marginLeft)-(offset*this.options.imageCount);
if(-anim>parseInt(this.width)-maxOffset){
anim=-(parseInt(this.width)-maxOffset);
}else{
this.index = this.index+1;
}
}else if(direction=='prev'){
anim=parseInt(this.ul.style.marginLeft)+(offset*this.options.imageCount);
if(anim>0){
anim=0;
}else{
this.index = this.index-1;
}
}
var str = property+':'+anim+'px;'
new Effect.Morph(this.ul, {
style : str,
afterFinish : function(){
this.locked = false;
}.bind(this)
});
if(this.totalEl){
this.totalEl.innerHTML = COUNT.evaluate({
index: this.index,
total : this.images.length
});
}
}
},
onclick : function(e){
Event.stop(e);
var element = Event.element(e);
while(element.tagName.toLowerCase()!='a'){
element = element.parentNode;
}
this.options.callback(element, element.index, this.images.length);
}
};
App.Accordion = Class.create();
App.Accordion.prototype = {
initialize : function(element, options) {
this.element = $(element);
if(this.element){
var selected = null;
var lis = this.element.getElementsBySelector('li.children');
lis.each(function(li){
if(li.parentNode==this.element){
var s = li.getElementsByTagName("ul")[0];
Element.hide(s);
var link = li.getElementsByTagName('a')[0];
Event.observe(link, 'click', function(event){
Event.stop(event);
if(selected){
if(s!=selected){
new Effect.Parallel([
new Effect.BlindUp(selected),
new Effect.BlindDown(s)
], {
duration: 0.5
});
Element.removeClassName(selected.parentNode, "open");
Element.addClassName(s.parentNode, "open");
selected = s;
}else{
Element.removeClassName(s.parentNode, "open");
new Effect.BlindUp(s, {duration: 0.5});
selected = false;
}
}else{
new Effect.BlindDown(s, {duration: 0.5});
Element.addClassName(s.parentNode, "open");
selected = s;
}
}, false);
}
}.bind(this));
}else{
return false;
}
}
};
App.Subnav = Class.create({
initialize : function(element, options){
this.element = $(element);
if(this.element){
var lis = this.element.select('li.children');
lis.each(function(li){
var a = $(li.getElementsByTagName('a')[0]);
var ul = $(li.getElementsByTagName('ul')[0]);
var selected = li.getElementsByClassName('selected');
if(selected.length>0){
ul.up().addClassName('open');
}else{
if(li.hasClassName('selected')){
ul.addClassName('open');
}else{
ul.hide();
}
}
a.observe('click', function(e){
Event.stop(e);
//ul.toggle();
Effect.toggle(ul, 'blind', {duration: 0.5});
});
});
}else{
return false;
}
}
});
App.Rad = function(){
return {
initialize : function(){
var rad = Cookie.get('rad');
if(rad!=null){
App.Rad.rad = $H(rad.evalJSON());
}else{
this.rad = $H({
"blog_entries" : [],
"competitions" : [],
"fan_site_kits" : [],
"messenger_icons" : [],
"images" : [],
"movies" : [],
"organisations" : [],
"personnel" : [],
"podcasts" : [],
"recons" : [],
"sightings" : [],
"wallpapers" : [],
"weapons" : []
});
}
Event.observe(window, 'load', function(){
$$('a.rad').invoke('observe', 'click', App.Rad.send.bindAsEventListener(this));
}.bindAsEventListener(this));
},
send : function(e){
Event.stop(e);
var element = Event.element(e);
if(!element.hasClassName('voted')){
new Ajax.Request(element.href, {
method : 'get',
onSuccess : function(transport){
element.innerHTML = RAD_THANKS;
element.addClassName('voted');
var parts = element.href.split('/');
var type = parts[parts.length-3];
var id = parts[parts.length-1];
App.Rad.set(id, type);
}.bind(this)
});
}
},
set : function(id, type){
if(!($A(App.Rad.rad.get(type)).include(id))){
App.Rad.rad.get(type).push(id);
//Cookie.set('rad', this.rad.toJSON());
}
},
get : function(id, type){
return $A(App.Rad.rad.get(type)).include(id+"");
},
bind : function(id, type, element){
if(App.Rad.get(id, type)){
element.innerHTML = RAD_VOTED;
element.addClassName('voted');
}else{
element.innerHTML = RAD_VOTE;
element.removeClassName('voted');
element.href = "/"+LOCALE+"/"+type+"/vote/"+id;
}
}
}
}();
App.Rad.initialize();
App.EmailComic = function(){
return {
count : 1,
initialize : function(){
this.friends = $('email-comic').select('div.friend');
this.count = this.friends.size();
$('email-comic-add').observe('click', this.add.bindAsEventListener(this));
},
add : function(e){
Event.stop(e);
if(this.count<5){
var div = new Element('div', {className: 'friend text clearfix friend'+(this.count+1)});
var label = new Element('label', {htmlFor: 'friend'+(this.count+1)}).appendText('Friend '+(this.count+1));
var input = new Element('input', {id: 'friend'+(this.count+1), name: 'data[FormData][friends]['+(this.count+1)+']', type: 'text'});
div.appendChild(label);
div.appendChild(input);
this.friends[this.count-1].insert({after:div});
this.friends.push(div);
this.count++;
if(this.count==5){
$('email-comic-add').setStyle({
visibility : 'hidden'
});
}
}
}
}
}();
App.Recon = function(){
return {
id : null,
recons : {
'en' : {
'ascension_city' : 2,
'ascension_city_downtown' : 10,
'ascension_city_park' : 13,
'trent_industrial_facility' : 23,
'port_anderson' : 30,
'the_fissure' : 37
},
'us' : {
'ascension_city' : 3,
'ascension_city_downtown' : 11,
'ascension_city_park' : 14,
'trent_industrial_facility' : 28,
'port_anderson' : 35,
'the_fissure' : 42
},
'au' : {
'ascension_city' : 4,
'ascension_city_downtown' : 9,
'ascension_city_park' : 12,
'trent_industrial_facility' : 29,
'port_anderson' : 36,
'the_fissure' : 43
},
'fr' : {
'ascension_city' : 8,
'ascension_city_downtown' : 17,
'ascension_city_park' : 18,
'trent_industrial_facility' : 27,
'port_anderson' : 34,
'the_fissure' : 41
},
'es' : {
'ascension_city' : 6,
'ascension_city_downtown' : 21,
'ascension_city_park' : 22,
'trent_industrial_facility' : 24,
'port_anderson' : 31,
'the_fissure' : 38
},
'de' : {
'ascension_city' : 7,
'ascension_city_downtown' : 14,
'ascension_city_park' : 16,
'trent_industrial_facility' : 25,
'port_anderson' : 32,
'the_fissure' : 39
},
'it' : {
'ascension_city' : 5,
'ascension_city_downtown' : 19,
'ascension_city_park' : 20,
'trent_industrial_facility' : 26,
'port_anderson' : 33,
'the_fissure' : 40
}
},
initialize : function(){
this.element = $('recon');
},
load : function(url, id){
new Ajax.Request(url, {
method : 'get',
onSuccess : this.update.bind(this)
});
},
update : function(t){
var images = App.Recon.element.select('a.lightbox');
App.Lightbox.removeImages(images);
App.Recon.element.innerHTML = t.responseText;
var images = App.Recon.element.select('a.lightbox');
App.Lightbox.addImages(images);
if($('rad_button') && App.Recon.id){
App.Rad.bind(App.Recon.id, "recons", $('rad_button'));
}
var font = "FolioBTBolCon.ttf";
App.Recon.element.select('span.heading').each(function(element){
App.ReplaceImages.replace(element, {size: 14, font: font, background: null});
}, this);
}
}
}();
function loadRecon(i){
var recon = App.Recon.recons[LOCALE][i];
if(recon){
App.Recon.id = recon;
App.Recon.load("/"+LOCALE+"/recons/view/"+recon);
}
}
document.observe("dom:loaded", function(){
if($('top10')){
$('top10').hide();
var link = $('toggle_top10');
link.observe('click', function(e){
Event.stop(e);
var top10 = $('top10');
if(top10.visible()){
top10.hide();
top10.up('.module').removeClassName('expanded');
link.update(CLICK_TO_EXPAND);
link.className = 'expand';
}else{
top10.show();
top10.up('.module').addClassName('expanded');
link.update(CLICK_TO_HIDE);
link.className = 'hide';
}
});
}
for(flash in App.Flash){
UFO.create(App.Flash[flash], App.Flash[flash].dom_id);
}
new App.Subnav('subnav');
if(LOCALE!="jp"){
App.ReplaceImages.initialize();
}
var email_comic = $('email-comic');
var email_comic_toggle = $('email-comic-toggle');
if(email_comic && email_comic_toggle){
App.EmailComic.initialize();
var email_errors = $$('#email-comic .error');
if(email_errors.length<1) {
email_comic.hide();
}
email_comic_toggle.observe('click', function(e){
Event.stop(e);
email_comic.toggle();
});
}
toggle_gamer_tags('Pc');
toggle_gamer_tags('Xbox360');
toggle_gamer_tags('Ps3');
});
function toggle_gamer_tags(platform){
var checkbox = $('UserPlatform'+platform);
if(checkbox){
var gamer_tag = $('UserGamertag'+platform).up('.text');
gamer_tag[(checkbox.checked) ? 'show' : 'hide']();
checkbox.observe('click', function(){
gamer_tag.toggle();
});
}
}
Event.observe(window, 'load', function(){
App.Lightbox.initialize();
new App.ImageViewer($('gallery'), {
imageCount : 7,
imageWidth : 100,
imagePadding: 12
});
if($('chooser')){
if(typeof window.callback == "undefined"){
window.callback = function(element){
if(element.href){
window.location = element.href;
}
};
}
new App.ImageViewer($('chooser'), {
imageCount : 3,
imageWidth : 100,
imagePadding: 12,
centre : false,
callback : window.callback,
tooltip : true
});
}
$$('a.popup').each(function(link){
Event.observe(link, 'click', function(e){
Event.stop(e);
window.open(this.href, 'popup', 'status=0,toolbar=0,location=0,menubar=0,directories=0,height=500,width=500');
});
});
$$('a.music_player').each(function(link){
Event.observe(link, 'click', function(e){
Event.stop(e);
window.open(this.href, 'popup', 'status=0,toolbar=0,location=0,menubar=0,directories=0,height=460,width=560');
});
});
$$('a.external').each(function(link){
Event.observe(link, 'click', function(e){
Event.stop(e);
window.open(this.href, 'popup');
});
});
$$('div.equal div.screenshots').each(function(module){
new App.ImageViewer(module, {
imageCount : 2,
imageWidth : 154,
imagePadding: 0
});
});
$$('div.row:not(.equal) div.screenshots').each(function(module){
new App.ImageViewer(module, {
imageCount : 1,
imageWidth : 150,
imagePadding: 0
});
});
/*
$$('a.rad').each(function(link){
link.observe('click', function(e){
Event.stop(e);
new Ajax.Request(this.href, {
method : 'get',
onSuccess : function(transport){
link.replace('Rad');
}
});
});
});
*/
if($('recon')){
App.Recon.initialize();
}
/*var qs = document.location.search.substring(1).toQueryParams();
if(qs.mp && qs.mp=="true"){
window.open('/music_player.php?loc='+LOCALE, 'popup', 'status=0,toolbar=0,location=0,menubar=0,directories=0,height=460,width=560');
}*/
});