File: /home/thehunarfound/www/sms/lib/javascript/top_up-pt.js
if (typeof(TopUp) == "undefined") {
var scriptElement = (function deriveScriptElement() {
var id = "tu_dummy_script";
document.write('<script id="' + id + '"></script>');
var dummyScript = document.getElementById(id);
var element = dummyScript.previousSibling;
dummyScript.parentNode.removeChild(dummyScript);
return element;
}());
var scriptHost = (function deriveScriptHost() {
var src = scriptElement.getAttribute("src");
return src.match(/^\w+\:\/\//) ? src.match(/^\w+\:\/\/[^\/]*\//)[0] : "";
}());
// *
// * TopUp 1.7.2 (Uncompressed) - Alpha release
// * The #1 Javascript Pop Up / Lightbox (http://gettopup.com)
// *
// * This library requires Prototype (http://prototypejs.org)
// *
// * (c) 2010 Paul Engel (Internetbureau Holder B.V.)
// * Except otherwise noted, TopUp is licensed under
// * http://creativecommons.org/licenses/by-sa/3.0
// *
// * $Date: 2010-03-07 19:47:47 +0100 (Sun, 07 March 2010) $
// *
TopUp = (function() {
var initialized = false, on_ready = [], displaying = false, options = null, group = null, index = null, data = null, reservedDuration = 0.25;
var observing = new Hash({
body : true,
selector : null,
currently: []
});
var default_preset = new Hash({
layout : "dashboard",
effect : "transform",
duration : 0.5,
resizable: 1
}), presets = new Hash();
var extendPrototype = function() {
Prototype.Browser.IE6 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5), 10) == 6;
Prototype.Browser.IE7 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5), 10) >= 7;
Element.addMethods({
center: function(element) {
element = $(element);
var scrollOffsets = document.viewport.getScrollOffsets();
return element.setStyle({
top : parseInt((document.viewport.getHeight() - element.getHeight()) / 2, 10) + scrollOffsets.top + "px",
left : parseInt((document.viewport.getWidth() - element.getWidth() ) / 2, 10) + scrollOffsets.left + "px",
position: "absolute"
});
},
lockDimensions: function(element) {
element.setStyle({width: element.getWidth() + "px", height: element.getHeight() + "px"});
return element;
},
unlockDimensions: function(element) {
element.setStyle({width: "auto", height: "auto"});
return element;
},
centerWrap: function(element, compare) {
var current = {width: element.getWidth(), height: element.getHeight()}, delta = {width: 0, height: 0}, diff = 0;
diff = compare.getWidth() - current.width;
if (delta.width < diff) {
delta.width = diff;
}
diff = compare.getHeight() - current.height;
if (delta.height < diff) {
delta.height = diff;
}
var offset = element.cumulativeOffset();
var css = $H({
top: offset.top - (delta.height === 0 ? 0 : parseInt(delta.height / 2, 10)),
left: offset.left - (delta.width === 0 ? 0 : parseInt(delta.width / 2, 10)),
width: element.getWidth() + delta.width,
height: element.getHeight() + delta.height
});
if (options.get("x")) {
css.set("left", options.get("x") - parseInt((css.get("width") - compare.getWidth()) / 2, 10));
}
if (options.get("y")) {
css.set("top" , options.get("y") - parseInt((css.get("height") - compare.getHeight()) / 2, 10));
}
css.keys().each(function(k) { css.set(k, css.get(k) + "px") });
$("tu_center_wrapper").setStyle(css.toObject());
$("tu_centered_content").insert({bottom: element});
element.setStyle({
top: "auto",
left: "auto",
width: "auto",
height: "auto",
display: "inline-block",
position: "relative"
});
if (Prototype.Browser.FF2) {
element.setStyle({display: "table"});
}
if (Prototype.Browser.IE6) {
element.setStyle({display: "inline"});
}
$("tu_center_wrapper").show();
return element;
},
removeCenterWrap: function(element) {
var position = $("tu_center_wrapper").cumulativeOffset();
var delta = {width: $("tu_center_wrapper").getWidth() - element.getWidth(), height: $("tu_center_wrapper").getHeight() - element.getHeight()};
document.body.insert({bottom: element.setStyle({top : position.top + parseInt(delta.height / 2, 10) + "px",
left: position.left + parseInt(delta.width / 2, 10) + "px",
position: "absolute"})});
$("tu_center_wrapper").hide();
return element;
}
});
Effect.SwitchOn = function(element) {
element = $(element);
var elementDimensions = element.getDimensions();
return new Effect.Scale(
element, 100,
Object.extend({
duration : 0.55,
scaleFromCenter: true,
scaleX : false,
scaleContent : false,
scaleFrom : 1,
beforeSetup: function(effect) {
effect.element.show().makePositioned().makeClipping();
}
}, arguments[1] || {})
);
};
};
var injectCode = function() {
var images_url = TopUp.host + TopUp.images_path;
var css = '.te_overflow{overflow:hidden !important}.te_dragging{cursor:move !important}#tu_overlay,.te_top_up{top:0;left:0}#tu_overlay{width:100%;height:100%;position:fixed;z-index:999}#temp_up{top:-9999px;z-index:-1}.te_transparent{opacity:0}.te_shaded{opacity:.65;background:black}.te_scrollable{overflow:auto}.te_top_up{position:absolute;z-index:1000}.te_top_up a{border:0}.te_top_up a:hover{border:0}.te_top_up .ui-resizable-se{position:absolute !important;background-color:transparent !important;border:0 !important}.te_wrapper{position:relative}.te_title{width:100%;color:white;font-family:"Lucida Grande", "Arial";font-size:11px;position:absolute;text-align:center;z-index:1001}.te_frame,#tu_center_wrapper{border-collapse:collapse}.te_frame tr,.te_frame td{margin:0;padding:0}.te_frame .te_left,.te_frame .te_middle,.te_frame .te_right{padding:0}.te_controls{position:absolute;z-index:1001}.te_close_link,.te_previous_link,.te_next_link{cursor:pointer}.te_close_link{position:absolute;z-index:1002}.te_previous_link,.te_next_link{display:block;float:left}#tu_center_wrapper{position:absolute;z-index:1000}#tu_loader{width:100%;height:100%;position:absolute;background:url(' + images_url + 'loader.gif) no-repeat 50% 50%;display:block;z-index:1003} #top_up .te_dashboard .ui-resizable-se{width:10px !important;height:10px !important;bottom:12px !important;right:10px !important;background-image:url(' + images_url + 'dashboard/sprite.png) !important;background-position:0 0 !important}.te_dashboard .te_title{top:-9px;font-weight:bold;text-shadow:1px 1px 1px black}.te_dashboard .te_corner,.te_dashboard .te_rib{background-image:url(' + images_url + 'dashboard/sprite.png)}.te_dashboard .te_top,.te_dashboard .te_bottom{height:20px}.te_dashboard .te_left_filler{width:20px}.te_dashboard .te_right_filler{width:19px}.te_dashboard .te_middle .te_middle{background:url(' + images_url + 'dashboard/middle.png)}.te_dashboard .te_top .te_left{background-position:-17px -29px}.te_dashboard .te_top .te_middle{background-position:0 -71px}.te_dashboard .te_top .te_right{background-position:-33px -29px}.te_dashboard .te_middle .te_left{background-position:-17px -232px}.te_dashboard .te_middle .te_right{background-position:-33px -232px}.te_dashboard .te_bottom .te_left{background-position:-17px -47px}.te_dashboard .te_bottom .te_middle{background-position:-17px -89px}.te_dashboard .te_bottom .te_right{background-position:-33px -47px}.te_dashboard .te_content{margin:-11px -12px -11px -13px}.te_dashboard .te_controls{left:50%;width:63px;height:29px;margin-left:-33px;padding-left:5px;bottom:35px;background-image:url(' + images_url + 'dashboard/sprite.png);background-position:0 -178px}.te_dashboard .te_previous_link,.te_dashboard .te_next_link{width:31px;height:29px;background-image:url(' + images_url + 'dashboard/sprite.png)}.te_dashboard .te_previous_link{background-position:66px -113px}.te_dashboard .te_next_link{background-position:30px -113px}.te_dashboard .te_previous_link:hover{background-position:66px -142px}.te_dashboard .te_next_link:hover{background-position:30px -142px}.te_dashboard .te_close_link{width:28px;height:26px;top:-1px;right:-6px;background-image:url(' + images_url + 'dashboard/sprite.png);background-position:-20px 0} #top_up .te_quicklook .ui-resizable-se{width:10px !important;height:10px !important;bottom:12px !important;right:9px !important;background-image:url(' + images_url + 'quicklook/sprite.png) !important;background-position:-75px -181px !important}.te_quicklook .te_title{top:6px}.te_quicklook .te_corner,.te_quicklook .te_rib{background-image:url(' + images_url + 'quicklook/sprite.png)}.te_quicklook .te_top{height:24px}.te_quicklook .te_bottom{height:56px}.te_quicklook .te_left_filler,.te_quicklook .te_right_filler{width:12px}.te_quicklook .te_middle .te_middle{background:url(' + images_url + 'quicklook/middle.png)}.te_quicklook .te_top .te_left{background-position:0 0}.te_quicklook .te_top .te_middle{background-position:0 -30px}.te_quicklook .te_top .te_right{background-position:12px 0}.te_quicklook .te_middle .te_left{background-position:0 -181px}.te_quicklook .te_middle .te_right{background-position:12px -181px}.te_quicklook .te_bottom .te_left{background-position:0 -122px}.te_quicklook .te_bottom .te_middle{background-position:0 -61px}.te_quicklook .te_bottom .te_right{background-position:12px -122px}.te_quicklook .te_content{margin:0 -7px}.te_quicklook .te_controls{left:50%;width:66px;margin-left:-33px;bottom:18px}.te_quicklook .te_previous_link,.te_quicklook .te_next_link{width:31px;height:29px;margin:0 1px;background-image:url(' + images_url + 'quicklook/sprite.png)}.te_quicklook .te_previous_link{background-position:89px -195px}.te_quicklook .te_next_link{background-position:52px -195px}.te_quicklook .te_previous_link:hover{background-position:89px -226px}.te_quicklook .te_next_link:hover{background-position:52px -226px}.te_quicklook .te_close_link{width:13px;height:13px;top:7px;left:9px;background-image:url(' + images_url + 'quicklook/sprite.png);background-position:-24px -181px} #top_up .te_flatlook .ui-resizable-se{width:10px !important;height:10px !important;bottom:22px !important;right:14px !important;background-image:url(' + images_url + 'flatlook/sprite.png) !important;background-position:-75px -181px !important}.te_flatlook .te_title{top:5px;text-shadow:1px 1px 2px #2A2A2A}.te_flatlook .te_corner,.te_flatlook .te_rib{background-image:url(' + images_url + 'flatlook/sprite.png)}.te_flatlook .te_top{height:26px}.te_flatlook .te_bottom{height:29px}.te_flatlook .te_left_filler,.te_flatlook .te_right_filler{width:21px}.te_flatlook .te_middle .te_middle{background:url(' + images_url + 'flatlook/middle.png) repeat-x top}.te_flatlook .te_top .te_left{background-position:0 0}.te_flatlook .te_top .te_middle{background-position:0 -29px}.te_flatlook .te_top .te_right{background-position:-89px 0}.te_flatlook .te_middle .te_left{background-position:0 -181px}.te_flatlook .te_middle .te_right{background-position:-89px -181px}.te_flatlook .te_bottom .te_left{background-position:0 -90px}.te_flatlook .te_bottom .te_middle{background-position:0 -58px}.te_flatlook .te_bottom .te_right{background-position:-89px -90px}.te_flatlook .te_content{margin:-2px -11px -3px -11px}.te_flatlook .te_controls{left:50%;width:66px;margin-left:-33px;bottom:18px}.te_flatlook .te_previous_link,.te_flatlook .te_next_link{width:31px;height:29px;margin:0 1px;background-image:url(' + images_url + 'flatlook/sprite.png)}.te_flatlook .te_previous_link{background-position:89px -195px}.te_flatlook .te_next_link{background-position:52px -195px}.te_flatlook .te_previous_link:hover{background-position:89px -226px}.te_flatlook .te_next_link:hover{background-position:52px -226px}.te_flatlook .te_close_link{width:13px;height:13px;top:6px;left:15px;background-image:url(' + images_url + 'flatlook/sprite.png);background-position:-24px -181px}';
var ie7fix = '.te_dashboard .te_content{margin-bottom:-14px}';
var ie6fix = '.te_dashboard .te_content{margin-bottom:-13px}.te_dashboard .te_controls{width:65px;padding-left:3px}.te_dashboard .te_top .te_left,.te_dashboard .te_top .te_middle,.te_dashboard .te_top .te_right{background-image:none}.te_dashboard .te_middle .te_left,.te_dashboard .te_middle .te_right{background-image:none}.te_dashboard .te_bottom .te_left,.te_dashboard .te_bottom .te_middle,.te_dashboard .te_bottom .te_right{background-image:none}.te_dashboard .te_controls,.te_dashboard .te_previous_link,.te_dashboard .te_next_link,.te_dashboard .te_close_link{background-image:none}.te_dashboard .te_top .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/top_left.png" , sizingMethod="crop" )}.te_dashboard .te_top .te_middle{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/top_middle.png" , sizingMethod="scale")}.te_dashboard .te_top .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/top_right.png" , sizingMethod="crop" )}.te_dashboard .te_middle .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/middle_left.png" , sizingMethod="scale")}.te_dashboard .te_middle .te_middle{filter:alpha(opacity = 75);background:black}.te_dashboard .te_middle .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/middle_right.png" , sizingMethod="scale")}.te_dashboard .te_bottom .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/bottom_left.png" , sizingMethod="crop" )}.te_dashboard .te_bottom .te_middle{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/bottom_middle.png", sizingMethod="scale")}.te_dashboard .te_bottom .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/bottom_right.png" , sizingMethod="crop" )}.te_dashboard .te_controls{background:#505455}.te_dashboard .te_previous_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/previous.png" , sizingMethod="crop" )}.te_dashboard .te_next_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/next.png" , sizingMethod="crop" )}.te_dashboard .te_close_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'dashboard/close_link.png" , sizingMethod="crop" )} .te_quicklook .te_bottom{height:55px}.te_quicklook .te_controls{width:67px}.te_quicklook .te_top .te_left,.te_quicklook .te_top .te_middle,.te_quicklook .te_top .te_right{background-image:none}.te_quicklook .te_middle .te_left,.te_quicklook .te_middle .te_right{background-image:none}.te_quicklook .te_bottom .te_left,.te_quicklook .te_bottom .te_middle,.te_quicklook .te_bottom .te_right{background-image:none}.te_quicklook .te_previous_link,.te_quicklook .te_next_link,.te_quicklook .te_close_link{background-image:none}.te_quicklook .te_top .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/top_left.png" , sizingMethod="crop" )}.te_quicklook .te_top .te_middle{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/top_middle.png" , sizingMethod="scale")}.te_quicklook .te_top .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/top_right.png" , sizingMethod="crop" )}.te_quicklook .te_middle .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/middle_left.png" , sizingMethod="scale")}.te_quicklook .te_middle .te_middle{filter:alpha(opacity = 70);background:black}.te_quicklook .te_middle .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/middle_right.png" , sizingMethod="scale")}.te_quicklook .te_bottom .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/bottom_left.png" , sizingMethod="crop" )}.te_quicklook .te_bottom .te_middle{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/bottom_middle.png", sizingMethod="scale")}.te_quicklook .te_bottom .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/bottom_right.png" , sizingMethod="crop" )}.te_quicklook .te_previous_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/previous.png" , sizingMethod="crop" )}.te_quicklook .te_next_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/next.png" , sizingMethod="crop" )}.te_quicklook .te_close_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'quicklook/close_link.png" , sizingMethod="crop" )} .te_flatlook .te_bottom{height:55px}.te_flatlook .te_controls{width:67px}.te_flatlook .te_top .te_left,.te_flatlook .te_top .te_middle,.te_flatlook .te_top .te_right{background-image:none}.te_flatlook .te_middle .te_left,.te_flatlook .te_middle .te_right{background-image:none}.te_flatlook .te_bottom .te_left,.te_flatlook .te_bottom .te_middle,.te_flatlook .te_bottom .te_right{background-image:none}.te_flatlook .te_previous_link,.te_flatlook .te_next_link,.te_flatlook .te_close_link{background-image:none}.te_flatlook .te_top .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/top_left.png" , sizingMethod="crop" )}.te_flatlook .te_top .te_middle{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/top_middle.png" , sizingMethod="scale")}.te_flatlook .te_top .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/top_right.png" , sizingMethod="crop" )}.te_flatlook .te_middle .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/middle_left.png" , sizingMethod="scale")}.te_flatlook .te_middle .te_middle{filter:alpha(opacity = 70);background:black}.te_flatlook .te_middle .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/middle_right.png" , sizingMethod="scale")}.te_flatlook .te_bottom .te_left{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/bottom_left.png" , sizingMethod="crop" )}.te_flatlook .te_bottom .te_middle{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/bottom_middle.png", sizingMethod="scale")}.te_flatlook .te_bottom .te_right{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/bottom_right.png" , sizingMethod="crop" )}.te_flatlook .te_previous_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/previous.png" , sizingMethod="crop" )}.te_flatlook .te_next_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/next.png" , sizingMethod="crop" )}.te_flatlook .te_close_link{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + images_url + 'flatlook/close_link.png" , sizingMethod="crop" )}';
var iefix = '#tu_overlay{top:expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px");left:expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) + "px");position:absolute}.te_transparent{filter:alpha(opacity = 0)}.te_shaded{filter:alpha(opacity = 65)}.te_content{position:relative;zoom:1}';
var html = '<div id="tu_overlay" onclick="TopUp.overlayClose()" style="display: none"></div><div id="top_up" class="te_top_up" style="display: none"><div class="te_wrapper"><div class="te_title"></div><table class="te_frame"><tr class="te_top"><td class="te_left te_corner"><div class="te_left_filler"></div></td><td class="te_middle te_rib"></td><td class="te_right te_corner"><div class="te_right_filler"></div></td></tr><tr class="te_middle"><td class="te_left te_rib"></td><td class="te_middle"><div class="te_content"><!-- Content --></div></td><td class="te_right te_rib"></td></tr><tr class="te_bottom"><td class="te_left te_corner"></td><td class="te_middle te_rib"></td><td class="te_right te_corner"></td></tr></table><div class="te_controls" style="display: none"><a class="te_previous_link" onclick="TopUp.previous()"></a><a class="te_next_link" onclick="TopUp.next()"></a></div><a class="te_close_link" onclick="TopUp.close()" style="display: none"></a></div></div><div id="temp_up" class="te_top_up te_transparent"><div class="te_wrapper"><div class="te_title"></div><table class="te_frame"><tr class="te_top"><td class="te_left te_corner"><div class="te_left_filler"></div></td><td class="te_middle te_rib"></td><td class="te_right te_corner"><div class="te_right_filler"></div></td></tr><tr class="te_middle"><td class="te_left te_rib"></td><td class="te_middle"><div class="te_content"><!-- Content --></div></td><td class="te_right te_rib"></td></tr><tr class="te_bottom"><td class="te_left te_corner"></td><td class="te_middle te_rib"></td><td class="te_right te_corner"></td></tr></table><div class="te_controls" style="display: none"><a class="te_previous_link" onclick="TopUp.previous()"></a><a class="te_next_link" onclick="TopUp.next()"></a></div><a class="te_close_link" onclick="TopUp.close()" style="display: none"></a></div></div><table id="tu_center_wrapper" style="display: none"><tr valign="middle"><td id="tu_centered_content" align="center"><!-- Top ups --></td></tr></table><div id="tu_loader" style="display: none"></div>';
if (css == '<div></div>') {
return; // This only occurs when running in development mode
}
var head = $$("head").first();
if (!head) {
$(document.body).insert({before: (head = new Element("head"))});
}
head.insert({top: styleElement(css)});
var style = head.select("style").first();
if (Prototype.Browser.IE7) {
style.insert({after: styleElement(ie7fix)});
}
if (Prototype.Browser.IE6) {
style.insert({after: styleElement(ie6fix)});
}
if (Prototype.Browser.IE) {
style.insert({after: styleElement(iefix)});
}
$(document.body).insert({bottom: html});
};
var styleElement = function(css) {
var style = document.createElement("style");
style.type = "text/css";
if (style.styleSheet) {
// All IE developers should burn in hell!
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
return style;
}
var bind = function() {
var body = $(document.body);
var observe_body = observing.get("body");
var selector = observing.get("selector");
if (observe_body) {
body.observe("click", documentClick);
observing.get("currently").push("body");
}
if (selector) {
$$(selector).each(function(element) {
element.observe("click", documentClick);
});
observing.get("currently").push(selector);
}
body.observe("keydown", documentKeyDown);
};
var documentClick = function(event) {
var top_up = deriveTopUp(event);
if (top_up) {
topUpClick(top_up, event);
}
};
var documentKeyDown = function(event) {
if ($("top_up").visible()) {
switch(event.keyCode) {
case 27:
TopUp.close(); break;
case 37:
TopUp.previous(); break;
case 39:
TopUp.next(); break;
}
}
};
var topUpClick = function(top_up, event) {
TopUp.displayTopUp(top_up);
event.stop();
};
var deriveTopUp = function(event) {
var element = event.element();
if (element.descendantOf("top_up")) {
return;
}
return [element, element.up(), element.up(1)].detect(function(e) {
return !!e &&
(e.hasClassName("top_up") ||
e.hasAttribute("toptions") ||
e.classNames().any(function(c) { return c.match(/^tu_/) != null }) ||
presets.keys().any(function(s) { return e.match(s) }));
});
};
var deriveToptions = function(top_up, opts) {
var toptions = default_preset.merge({
topUp: top_up.identify(),
reference: top_up.readAttribute("href")
});
presets.each(function(preset) {
if (top_up.match(preset.first())) {
toptions.update(preset.last());
}
});
if (top_up.hasAttribute("toptions")) {
top_up.readAttribute("toptions").split(",").each(function(option) {
var key_value = option.split("=").invoke("strip");
toptions.set(key_value[0], key_value[1]);
});
}
var coptions = top_up.classNames().select(function(x) { return x.match(/^tu_/) });
coptions.each(function(c) {
c.sub(/^tu_/, "").split("_").each(function(coption) {
if ($w("db ql fl").include(coption)) {
var layoutRefs = {db: "dashboard", ql: "quicklook", fl: "flatlook"};
toptions.set("layout", layoutRefs[coption]);
}
if ($w("image html dom iframe ajax script").include(coption)) {
toptions.set("type", coption);
}
if (coption.match(/[0123456789]+x[0123456789]+/)) {
var dimensions = coption.split("x");
toptions.set("width" , dimensions[0]);
toptions.set("height", dimensions[1]);
}
});
});
if (parseInt(toptions.get("noGroup"), 10) == 1) {
toptions.unset("group");
}
toptions.update(opts || {});
return toptions;
};
var deriveOptions = function(reference, opts, store) {
var result = default_preset.clone();
if (opts) {
if (presets.keys().include(opts.preset)) {
result.update(presets[opts.preset]);
}
result.update(opts);
}
if (store) {
result.set("reference", reference);
if (!result.keys().include("type")) {
result.set("type", deriveType(reference));
}
if (movieContentDisplayed(result)) {
result.set("resizable", 0);
}
options = result.clone();
}
return result;
};
var deriveType = function(reference) {
if (reference.toLowerCase().match(/\.(gif|jpg|jpeg|png)$/)) {
return "image";
}
if (reference.toLowerCase().match(/\.(swf)$/)) {
return "flash";
}
if (reference.toLowerCase().match(/\.(flv)$/)) {
return "flashvideo";
}
if (reference.toLowerCase().match(/\.(aif|aiff|aac|au|bmp|gsm|mov|mid|midi|mpg|mpeg|m4a|m4v|mp4|psd|qt|qtif|qif|qti|snd|tif|tiff|wav|3g2|3gp|wbmp)$/)) {
return "quicktime";
}
if (reference.toLowerCase().match(/\.(ra|ram|rm|rpm|rv|smi|smil)$/)) {
return "realplayer";
}
if (reference.toLowerCase().match(/\.(asf|avi|wma|wmv)$/)) {
return "windowsmedia";
}
return "ajax";
};
var movieContentDisplayed = function(opts) {
return $w("flash flashvideo quicktime realplayer windowsmedia").include((opts || options).get("type"));
};
var prepare = function() {
// TODO: resizable
$("top_up").down(".te_title").fade({duration: reservedDuration});
if (!(group && group.items.length > 1)) {
$("top_up").down(".te_controls").fade({duration: reservedDuration});
}
$$(".te_top_up").each(function(e) {
e.down(".te_wrapper").writeAttribute("class", "te_wrapper te_" + options.get("layout"));
});
if (parseInt(options.get("shaded"), 10) == 1) {
$("tu_overlay").addClassName("te_shaded");
} else {
$("tu_overlay").removeClassName("te_shaded");
}
if ($w("modal shaded overlayClose").any(function(o) { return parseInt(options.get(o), 10) == 1 })) {
$("tu_overlay").show();
} else {
$("tu_overlay").hide();
}
};
var loadContent = function() {
showLoader();
$("top_up").down(".te_title").update(options.get("title") || "");
switch(options.get("type")) {
case "image":
options.set("content", new Element("img", {src: options.get("reference")}));
if (!options.get("content").complete) {
Event.observe(options.get("content"), "load", onContentReady);
} else {
onContentReady();
}
break;
case "flash":
loadFlashContent(); break;
case "flashvideo":
loadFlashVideoContent(); break;
case "quicktime":
loadQuickTimeContent(); break;
case "realplayer":
loadRealPlayerContent(); break;
case "windowsmedia":
loadWindowsMediaContent(); break;
case "iframe":
options.set("content", new Element("iframe", {src: options.get("reference"), frameborder: 0, border: 0}));
onContentReady();
break;
case "html": case "dom":
options.set("content", new Element("div")[options.get("type") == "html" ? "update" : "appendChild"](options.get("reference")));
onContentReady();
break;
case "ajax": case "script":
options.set("content", null);
new Ajax.Request(options.get("reference"), {
method: (parseInt(options.get("post"), 10) == 1) ? "post" : "get",
asynchronous: false,
parameters: options.get("parameters"),
evalJS: (options.get("type") == "script"),
onSuccess: function() {
var element = (new Element("div")).update(transport.responseText);
options.set("content", element.firstDescendant());
onContentReady();
}
});
break;
}
};
var loadFlashContent = function() {
var object = new Element("object", {width : options.get("width"),
height : options.get("height"),
classid : "clsid:D27CDB6E-AE6D-11CF-96B8-444553540000",
codebase: "http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0",
style : "display: none"});
object.appendChild(new Element("param", {name: "src" , value: options.get("reference")}));
object.appendChild(new Element("param", {name: "allowfullscreen", value: "true"}));
object.appendChild(new Element("embed", {src : options.get("reference"),
width : options.get("width"),
height : options.get("height"),
allowfullscreen: "true",
type : "application/x-shockwave-flash",
pluginspage : "http://get.adobe.com/flashplayer/"}));
options.set("content", new Element("div", {width: options.get("width"), height: options.get("height")}));
options.get("content").appendChild(object);
onContentReady();
};
var loadFlashVideoContent = function() {
var object = new Element("object", {width : options.get("width"),
height : options.get("height"),
classid : "clsid:D27CDB6E-AE6D-11CF-96B8-444553540000",
codebase: "http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0",
style : "display: none"});
var src = TopUp.host + TopUp.players_path + "flvplayer.swf";
object.appendChild(new Element("param", {name: "movie" , value: src}));
object.appendChild(new Element("param", {name: "flashvars" , value: "file=" + options.get("reference") + "&autostart=true"}));
object.appendChild(new Element("param", {name: "allowfullscreen", value: "true"}));
object.appendChild(new Element("embed", {src : src,
width : options.get("width"),
height : options.get("height"),
flashvars : "file=" + options.get("reference") + "&autostart=true",
allowfullscreen: "true",
type : "application/x-shockwave-flash",
pluginspage : "http://get.adobe.com/flashplayer/"}));
options.set("content", new Element("div", {width: options.get("width"), height: options.get("height")}));
options.get("content").appendChild(object);
onContentReady();
};
var loadQuickTimeContent = function() {
var object = new Element("object", {width : options.get("width"),
height : options.get("height"),
classid : "clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B",
codebase: "http://www.apple.com/qtactivex/qtplugin.cab",
style : "display: none"});
object.appendChild(new Element("param", {name: "src" , value: options.get("reference")}));
object.appendChild(new Element("param", {name: "scale" , value: "aspect"}));
object.appendChild(new Element("param", {name: "bgcolor" , value: "black"}));
object.appendChild(new Element("param", {name: "showlogo", value: "false"}));
object.appendChild(new Element("param", {name: "autoplay", value: "true"}));
object.appendChild(new Element("embed", {src : options.get("reference"),
width : options.get("width"),
height : options.get("height"),
scale : "aspect",
bgcolor : "black",
showlogo : "false",
autoplay : "true",
type : "video/quicktime",
pluginspage: "http://www.apple.com/quicktime/download/"}));
options.set("content", new Element("div", {width: options.get("width"), height: options.get("height"), style: "background: black"}));
options.get("content").appendChild(object);
onContentReady();
};
var loadRealPlayerContent = function() {
var object = new Element("object", {width : options.get("width"),
height : options.get("height"),
classid: "clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA",
style : "display: none"});
object.appendChild(new Element("param", {name: "src" , value: options.get("reference")}));
object.appendChild(new Element("param", {name: "controls" , value: "imagewindow"}));
object.appendChild(new Element("param", {name: "console" , value: "one"}));
object.appendChild(new Element("param", {name: "autostart", value: "true"}));
object.appendChild(new Element("embed", {src : options.get("reference"),
width : options.get("width"),
height : options.get("height"),
controls : "imagewindow",
console : "one",
autostart : "true",
nojava : "true",
type : "audio/x-pn-realaudio-plugin",
pluginspage: "http://www.real.com/freeplayer/?rppr=rnwk"}));
options.set("content", new Element("div", {width: options.get("width"), height: options.get("height")}));
options.get("content").appendChild(object);
onContentReady();
};
var loadWindowsMediaContent = function() {
loadQuickTimeContent();
};
var onContentReady = function() {
hideLoader();
// TODO: resizable
//
// if (html) {
// options.content = jQuery(html);
// }
//
// switch(options.get("type")) {
// case "image": case "iframe":
// options.resize = options.content;
// jQuery(".te_content").removeClass("te_scrollable");
// break;
// default:
// options.resize = jQuery("#temp_up .te_content");
// jQuery(".te_content").addClass("te_scrollable");
// }
if ($("top_up").visible()) {
replace();
} else {
show();
}
};
var showLoader = function() {
var top_up = $("top_up");
var origin = top_up.visible() ? top_up : $(options.get("topUp"));
if (origin) {
if (origin.childElements().length > 0) {
origin = $(origin.childElements()[0]);
}
var dimensions = $H(origin.getDimensions());
var offsets = origin.cumulativeOffset();
} else {
var dimensions = $H(document.viewport.getDimensions());
var offsets = document.viewport.getScrollOffsets();
}
offsets.each(function(v, i) {
dimensions.set($w("left top")[i], v);
});
dimensions.keys().each(function(k) { dimensions.set(k, dimensions.get(k) + "px") });
$("tu_loader").setStyle(dimensions.toObject()).show();
};
var hideLoader = function() {
$("tu_loader").hide();
};
var show = function() {
var afterFinish = function() {
$("top_up").down(".te_title").appear({duration: reservedDuration});
$("top_up").down(".te_close_link").appear({duration: reservedDuration});
if (options.get("group") && options.get("group").length > 1 && !$("top_up").down(".te_controls").visible()) {
$("top_up").down(".te_controls").appear({duration: reservedDuration});
}
afterDisplay();
};
clearContent();
setContent();
setSizeAndPosition();
moveContent("top_up");
var effectDuration = options.get("duration") - reservedDuration;
switch(options.get("effect")) {
case "appear": case "fade":
new Effect.Appear ("top_up", {duration: effectDuration, afterFinish: afterFinish}); break;
case "switch": case "clip":
new Effect.SwitchOn("top_up", {duration: effectDuration, afterFinish: afterFinish}); break;
default:
transform(afterFinish); break;
}
};
var replace = function(callback) {
var te_content = $("top_up").down(".te_content").lockDimensions();
var childElements = te_content.childElements();
var wrapper = new Element("div");
te_content.insert({bottom: wrapper});
childElements.each(function(child) {
wrapper.insert({bottom: child});
});
wrapper.fade({duration: reservedDuration, afterFinish: function() {
moveContent("temp_up");
wrapper.remove();
if (!callback) {
callback = function() {
clearContent();
setContent();
};
}
callback.apply([], [$("top_up").down(".tu_content"), data]);
setDimensions();
$("top_up").centerWrap($("temp_up"));
te_content.morph({width : $("temp_up").down(".te_content").getWidth() + "px",
height: $("temp_up").down(".te_content").getHeight() + "px"},
{duration: 0.4,
afterFinish: function() {
moveContent("top_up");
$("top_up").removeCenterWrap();
afterDisplay();
}
});
}});
};
var hide = function(callback) {
var afterFinish = function() {
$("tu_overlay").hide();
afterHide();
if (callback) {
callback.apply([], [$("top_up").down(".tu_content"), data]);
}
};
// TODO: IE tweaks in hide()
//
// jQuery("#top_up .tu_title") .fadeOut(duration);
// jQuery("#top_up .tu_controls").fadeOut(duration);
// if (jQuery.ie) {
// jQuery("#top_up .tu_close_link").hide();
// onReady.apply();
// } else {
// jQuery("#top_up .tu_close_link").fadeOut(duration, onReady);
// }
$("top_up").down(".te_title") .fade({duration: reservedDuration});
$("top_up").down(".te_controls") .fade({duration: reservedDuration});
if (movieContentDisplayed()) {
options.get("content").firstDescendant().hide();
}
$("top_up").down(".te_close_link").fade({duration: reservedDuration, afterFinish: function() {
var effectDuration = options.get("duration") - reservedDuration;
switch(options.get("effect")) {
case "appear": case "fade":
new Effect.Fade ("top_up", {duration: effectDuration, afterFinish: afterFinish}); break;
case "switch": case "clip":
new Effect.SwitchOff("top_up", {duration: effectDuration, afterFinish: afterFinish}); break;
default:
transform(afterFinish); break;
}
}});
};
var setContent = function() {
$("temp_up").down(".te_content").appendChild(options.get("content"));
};
var moveContent = function(to) {
var from = (to == "top_up") ? "temp_up" : "top_up";
var fromContainer = $(from).down(".te_content");
var toContainer = $(to ).down(".te_content");
fromContainer.childElements().each(function(e) { toContainer.appendChild(e); });
};
var clearContent = function() {
$("top_up").down(".te_content").childElements().invoke("remove");
};
var transform = function(callback) {
var topUp = $("top_up");
var teContent = topUp.down(".te_content");
if (options.get("topUp")) {
var topUpElement = $(options.get("topUp"));
var dimensions = {top : topUpElement.cumulativeOffset().top,
left: topUpElement.cumulativeOffset().left,
width : topUpElement.getWidth(),
height: topUpElement.getHeight() - 4};
} else {
var dimensions = {top : parseInt(document.viewport.getDimensions().height / 2, 10) - parseInt(teContent.getHeight() / 2, 10) + document.viewport.getScrollOffsets().top,
left: parseInt(document.viewport.getDimensions().width / 2, 10) - parseInt(teContent.getWidth() / 2, 10) + document.viewport.getScrollOffsets().left,
width : 10,
height: 10};
}
if (displaying) {
topUp.addClassName("te_transparent")
.show();
if (!options.get("topUp")) {
dimensions.top -= parseInt(teContent.getHeight() / 2, 10);
dimensions.left -= parseInt(teContent.getWidth() / 2, 10);
}
}
var topUpOffset = topUp .cumulativeOffset();
var teContentOffset = teContent.cumulativeOffset();
var teContentDiff = {width: topUp.getWidth() - teContent.getWidth(),
height: topUp.getHeight() - teContent.getHeight()};
dimensions.top -= teContentOffset.top - topUpOffset.top;
dimensions.left -= teContentOffset.left - topUpOffset.left;
var origin = {top: parseInt(topUp.getStyle("top"), 10), left: parseInt(topUp.getStyle("left"), 10), width: topUp.getWidth(), height: topUp.getHeight()};
var opts = {to : displaying ? origin : dimensions};
if (displaying) {
opts.to.width -= teContentDiff.width;
opts.to.height -= teContentDiff.height;
}
var animation = function() {
var onReady = function() {
displaying ?
callback.apply() :
topUp.fade({duration: reservedDuration, afterFinish: callback});
topUp.removeClassName("te_overflow");
};
topUp .morph({top: opts.to.top + "px", left: opts.to.left + "px"}, {duration: reservedDuration});
options.get("content").morph({width: opts.to.width + "px", height: opts.to.height + "px"}, {duration: reservedDuration, afterFinish: onReady});
};
if (displaying) {
topUp .setStyle({top: dimensions.top + "px", left: dimensions.left + "px"});
options.get("content").setStyle({width: dimensions.width + "px", height: dimensions.height + "px"});
topUp.hide()
.addClassName("te_overflow")
.removeClassName("te_transparent")
.appear({duration: reservedDuration, afterFinish: animation});
} else {
animation.apply();
}
};
var setSizeAndPosition = function() {
setDimensions();
setOffsets();
};
var setDimensions = function() {
var viewportDimensions = $H(document.viewport.getDimensions());
var topUpDimensions = $H($("top_up").getDimensions());
var tuContentDimensions = $H($("top_up").down(".te_content").getDimensions());
var dimensions = $H(options.get("content").getDimensions());
var diffs = $w("width height").inject($H(), function(h, k) {
h.set(k, topUpDimensions.get(k) - tuContentDimensions.get(k));
return h;
});
options.each(function(o) {
if ($w("width height").include(o.first())) {
dimensions.set(o.first(), parseInt(o.last(), 10));
}
});
var change = $w("width height").inject($H(), function(changed, k) {
var currentValue = dimensions.get(k);
var newValue = deriveDimension(currentValue, viewportDimensions.get(k), diffs.get(k));
if (currentValue != newValue) {
options.get("type") == "image" ?
changed.set(k, {value: newValue, factor: newValue / currentValue}) :
dimensions.set(k, newValue);
}
return changed;
}).toArray().sortBy(function(c) {
return c.last().factor;
}).first();
if (change) {
var counterKey = {width: "height", height: "width"}[change.first()];
dimensions.set(counterKey, parseInt(dimensions.get(counterKey) * change.last().factor, 10));
dimensions.set(change.first(), change.last().value);
}
dimensions.keys().each(function(k) { dimensions.set(k, dimensions.get(k) + "px") });
options.get("content").setStyle(dimensions.toObject());
};
var deriveDimension = function(currentValue, maxValue, padding) {
return (currentValue + padding <= maxValue - 8 ? currentValue : maxValue - padding - 8);
};
var setOffsets = function(dimensions) {
var dimensions = $H($("temp_up").getDimensions());
// TODO: deriving offsets when TopUp already visible in setOffsets()
//
// if ($("top_up").visible()) {
//
// } else {
var viewportDimensions = $H(document.viewport.getDimensions());
var offsets = document.viewport.getScrollOffsets().inject($H(), function(result, offset, index) {
var key = $w("width height")[index];
result.set($w("left top")[index], offset + parseInt(viewportDimensions.get(key) / 2, 10) - parseInt(dimensions.get(key) / 2, 10));
return result;
});
// }
if (options.get("x")) {
offsets.set("left", options.get("x"));
}
if (options.get("y")) {
offsets.set("top" , options.get("y"));
}
offsets.keys().each(function(k) { offsets.set(k, offsets.get(k) + "px") });
$("top_up").setStyle(offsets.toObject());
};
var afterDisplay = function() {
// TODO: IE tweaks in afterDisplay()
$$(".te_top_up,.te_content").invoke("unlockDimensions");
if (movieContentDisplayed()) {
options.get("content").firstDescendant().show();
}
if (options.get("ondisplay")) {
options.get("ondisplay").apply([], [$("top_up").down(".te_content"), data]);
}
displaying = false;
};
var afterHide = function() {
if (options.get("onclose")) {
options.get("onclose").apply([], [$("top_up").down(".te_content"), data]);
}
};
var deriveGroup = function() {
if (options.get("group")) {
if (group && group.name == options.get("group")) {
return;
}
group = {name: options.get("group"), items: new Array};
$$(["[toptions]", presets.keys().join(",")].join(",")).each(function(e) {
if (!e.readAttribute("tu_group")) {
e.writeAttribute("tu_group", deriveToptions(e).get("group") || "");
}
if (e.readAttribute("tu_group") == group.name) {
group.items.push(e.identify());
}
});
index = group.items.indexOf(options.get("topUp"));
} else {
group = null;
}
};
var navigateInGroup = function(step) {
if (group === null) {
return;
}
index = index + step;
if (index < 0) {
index = group.items.length - 1;
}
if (index > group.items.length - 1) {
index = 0;
}
TopUp.displayTopUp($(group.items[index]));
};
return {
version: "1.7.2",
host: scriptHost,
images_path: "images/top_up/",
players_path: "players/",
init: function() {
if (initialized) {
return false;
}
try {
document.observe("dom:loaded", function() {
extendPrototype();
injectCode();
bind();
// TODO: draggable
// new Draggable("top_up", {handle: "te_title", starteffect: null, endeffect: null});
on_ready.each(function(f) {
f.apply();
});
});
initialized = true;
} catch(e) {}
},
defaultPreset: function(set) {
default_preset.update(set);
},
addPresets: function(sets) {
presets.update(sets);
},
observe: function(selector, alsoRebind) {
observing.set("body" , false);
observing.set("selector", selector);
if (alsoRebind) {
TopUp.rebind();
}
},
ready: function(func) {
on_ready.push(func);
},
rebind: function() {
// Normally not needed anymore due to use of event delegation (yay!)
// But you might still need this when using custom observed elements (e.g. by calling TopUp.observe("#gallery"))
$$(observing.get("currently")).invoke("stopObserving", "click", documentClick);
observing.get("currently").clear();
bind();
},
displayTopUp: function(top_up, opts) {
var toptions = deriveToptions(top_up, opts);
TopUp.display(toptions.unset("reference"), toptions);
},
display: function(reference, opts) {
if (displaying) {
return false;
}
try {
displaying = true;
data = {};
deriveOptions(reference, opts, true);
deriveGroup();
prepare();
loadContent();
} catch(e) {
displaying = false;
alert("Sorry, but the following error occured:\n\n" + e);
}
},
update: function(func) {
// if (jQuery("#top_up").is(":hidden")) {
// return;
// }
//
// options.type = "html";
// options.resize = jQuery("#temp_up .te_content");
// jQuery(".te_content").addClass("te_scrollable");
//
// replace(func || function() {});
},
previous: function() {
navigateInGroup(-1);
},
next: function() {
navigateInGroup(1);
},
overlayClose: function() {
if (parseInt(options.getoverlayClose, 10) == 1) {
TopUp.close();
}
},
close: function(afterClose) {
if ($("top_up").visible()) {
hide(afterClose);
}
},
onContentReady: onContentReady
};
}());
TopUp.init();
}
;;;
};;