')
.attr('id', this.opts.overlayId)
.addClass('modalOverlay')
.css($.extend(this.opts.overlayCss, {
opacity: this.opts.overlay / 100,
height: '100%',
width: '100%',
position: 'fixed',
left: 0,
top: 0,
zIndex: 3000
}))
.hide()
.appendTo('body');
// create the container
this.dialog.container = $('
')
.attr('id', this.opts.containerId)
.addClass('modalContainer')
.css($.extend(this.opts.containerCss, {
position: 'fixed',
zIndex: 3100
}))
.append(this.opts.close
? '
'
: '')
.hide()
.appendTo('body');
// fix issues with IE and create an iframe
if ($.browser.msie && ($.browser.version < 7)) {
this.fixIE();
}
// hide the data and add it to the container
this.dialog.container.append(this.dialog.data.hide());
},
/*
* Bind events
*/
bindEvents: function () {
var modal = this;
// bind the close event to any element with the closeClass class
$('.' + this.opts.closeClass).click(function (e) {
e.preventDefault();
modal.close();
});
},
/*
* Unbind events
*/
unbindEvents: function () {
// remove the close event
$('.' + this.opts.closeClass).unbind('click');
},
/*
* Fix issues in IE 6
*/
fixIE: function () {
var wHeight = $(document.body).height() + 'px';
var wWidth = $(document.body).width() + 'px';
// position hacks
this.dialog.overlay.css({
position: 'absolute',
height: wHeight,
width: wWidth
});
this.dialog.container.css({
position: 'absolute'
});
// add an iframe to prevent select options from bleeding through
this.dialog.iframe = $('
';
boxContainer = document.createElement('div');
boxContainer.className = 'box_container';
hide(boxContainer);
boxContainer.innerHTML = '
';
boxFrame = geByClass('box_frame', transparentBG)[0];
boxLayout = geByClass('box_body', boxContainer)[0];
boxTitle = geByClass('box_title', boxContainer)[0];
boxBody = geByClass('box_message', boxContainer)[0];
boxControls = geByClass('box_buttons_clear', boxContainer)[0];
if (options.progress) {
boxControls.innerHTML = '
';
boxProgress = boxControls.firstChild;
} else {
boxProgress = null;
}
transparentBG.style.height = getSize(document)[1] + 'px';
addEvent(document, 'keydown', function(e) {
if (e.keyCode == 27) {
hideBox();
}
});
onDomReady(function() {
body.appendChild(transparentBG);
body.appendChild(boxContainer);
refreshBox();
refreshCoords();
});
// Refresh box position
function refreshCoords() {
var height = window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight);
containerSize = getSize(boxContainer);
boxFrame.style.top =
boxContainer.style.top = Math.max(0, Math.max(document.documentElement.scrollTop, body.scrollTop) + (height - containerSize[1]) / 3) + (options.paddTop || 0) +'px';
boxFrame.style.marginRight = boxContainer.style.marginRight = - containerSize[0] / 2 + 'px';
setStyle(boxFrame, 'width', containerSize[0]);
setStyle(boxFrame, 'height', containerSize[1]);
}
// Add button
function addButton(options) {
buttonsCount++;
if (typeof options != 'object') options = {};
options = extend2([{
label: 'Button' + buttonsCount
}, options]);
var buttonWrap = document.createElement('div');
buttonWrap.className = "buttonWrapp";
buttonWrap.innerHTML = '
' + options.label + '
';
if (boxProgress) {
boxProgress.style.display = 'none';
boxControls.insertBefore(buttonWrap, boxProgress);
} else {
boxControls.appendChild(buttonWrap);
}
if (isFunction(options.onClick)) {
addEvent(buttonWrap, 'click', options.onClick);
}
return buttonWrap;
}
// Add custom controls text
function addControlsText(text) {
var textWrap = document.createElement('div');
textWrap.className = "controls_wrap";
textWrap.innerHTML = text;
boxControls.appendChild(textWrap);
return textWrap;
}
// Remove buttons
function removeButtons() {
var buttons = [];
buttonsCount = 0;
each (boxControls.childNodes, function(i, x) {
if (x && (!boxProgress || x != boxProgress)) {
removeEvent(x);
buttons.push(x);
}
});
each(buttons, function(){
boxControls.removeChild(this)
});
// boxControls.innerHTML = '';
}
// Refresh box properties
function refreshBox() {
// Set title
boxTitle.innerHTML = options.title;
// Set box dimensions
boxContainer.style.width = typeof(options.width) == 'string' ? options.width : options.width + 'px';
boxContainer.style.height = typeof(options.height) == 'string' ? options.height : options.height + 'px';
// Switch box type
removeClass(boxContainer, 'box_no_controls');
//removeClass(boxContainer, 'message_box');
removeEvent(boxContainer, 'click');
if (options.hideOnClick && options.type == 'POPUP') {
addEvent(boxContainer, 'click', function() {
hideBox();
});
}
switch (options.type) {
case 'POPUP':
addClass(boxContainer, 'box_no_controls');
addEvent(transparentBG, 'click', function() {
hideBox();
});
break;
case 'MESSAGE':
//addClass(boxContainer, 'message_box');
removeEvent(transparentBG, 'click');
break;
}
}
// Show box
function showBox() {
if (isVisible) return;
isVisible = true;
hiddenBoxes = [];
each(_message_boxes, function(box_guid, box) {
if (box_guid != guid) {
hiddenBoxes[guid] = guid;
box.hide();
}
});
// Show blocking background
show(transparentBG);
// Show box
// fadeIn(boxContainer, 200);
show(boxContainer);
refreshCoords();
// Hide all flash movies on the page
if (options.hideFlash) {
clearTimeout(_show_flash_timeout);
toggleFlash();
}
if (options.onShow) {
options.onShow();
}
}
// Hide box
function hideBox(speed) {
if (!isVisible) return;
isVisible = false;
var onHide = function () {
$(boxContainer).hide('slow' , function(){
$(boxContainer).remove();
});
$(transparentBG).remove();
//hide(boxContainer);
//hide(transparentBG);
// Show all flash movies on the page
if (options.hideFlash) {
if (_show_flash_timeout) clearTimeout(_show_flash_timeout);
_show_flash_timeout = setTimeout(function() {
toggleFlash(true);
}, 50);
}
if (options.returnHidden) {
each(hiddenBoxes, function(box_guid) {
if (box_guid != guid) {
_message_boxes[box_guid].show();
}
});
}
if (options.onHide) options.onHide();
}
if (speed > 0) {
fadeTo(boxContainer, speed, function(){
onHide();
});
} else {
onHide();
}
}
function onLoadError(text) {
boxBody.innerHTML = 'Error: ' + text;
removeButtons();
addButton({
label: 'Close',
btnClassName: 'button',
onClick: hideBox
});
refreshCoords();
if (isFunction(options.onLoadError)) options.onLoadError(text);
}
var retBox = {
guid: guid,
// Show box
show: function(speed) {
showBox(speed);
return this;
},
// Hide box
hide: function(speed) {
hideBox(speed);
return this;
},
isVisible: function() {
return this.isVisible;
},
// Insert html content into the box
content: function(html) {
$(".box_message").expire();
$(".box_message").livequery(function(){
$(this).html(html);
});
refreshCoords();
return this;
},
// Load html content from URL
loadContent: function(url, params, evaluate) {
var ajax = new Ajax(function(ajaxObj, responseText) {
if (evaluate) {
try {
var result = eval('('+responseText+')');
boxBody.innerHTML = result.html ? result.html : '';
if (result.script) eval(result.script);
} catch (e) {
return onLoadError(e.message);
}
} else {
boxBody.innerHTML = responseText;
}
refreshCoords();
if (options.onLoad) options.onLoad(responseText);
}, function(ajaxObj, responseText) {
onLoadError('Request error occured.');
});
// Show loader
boxBody.innerHTML = '
';
// Load remote html using get request
if (typeof params != 'object') params = {};
ajax.post(url, params);
return this;
},
// Add button
addButton: function(options) {
var btn = addButton(options);
return (options.returnBtn) ? btn : this;
},
// Add
addControlsText: function(text) {
var el = addControlsText(text);
return (options.returnBtn) ? el : this;
},
// Remove buttons
removeButtons: function(options) {
removeButtons();
return this;
},
// Update box options
setOptions: function(newOptions) {
options = extend(options, newOptions);
if ("bodyStyle" in newOptions) {
var items = options.bodyStyle.split(';');
for (var i = 0; i < items.length; ++i) {
var name_value = items[i].split(':');
if (name_value.length > 1 && name_value[0].length) {
boxBody.style[trim(name_value[0])] = trim(name_value[1]);
}
}
}
refreshBox();
refreshCoords();
return this;
}
};
_message_boxes[guid] = retBox;
return retBox;
};
/**
* jquery.dump.js
* @author Torkild Dyvik Olsen
* @version 1.0
*
* A simple debug function to gather information about an object.
* Returns a nested tree with information.
*
*/
(function($) {
$.fn.dump = function() {
return $.dump(this);
}
$.dump = function(object) {
var recursion = function(obj, level) {
if(!level) level = 0;
var dump = '', p = '';
for(i = 0; i < level; i++) p += "\t";
t = type(obj);
switch(t) {
case "string":
return '"' + obj + '"';
break;
case "number":
return obj.toString();
break;
case "boolean":
return obj ? 'true' : 'false';
case "date":
return "Date: " + obj.toLocaleString();
case "array":
dump += 'Array ( \n';
$.each(obj, function(k,v) {
dump += p +'\t' + k + ' => ' + recursion(v, level + 1) + '\n';
});
dump += p + ')';
break;
case "object":
dump += 'Object { \n';
$.each(obj, function(k,v) {
dump += p + '\t' + k + ': ' + recursion(v, level + 1) + '\n';
});
dump += p + '}';
break;
case "jquery":
dump += 'jQuery Object { \n';
$.each(obj, function(k,v) {
dump += p + '\t' + k + ' = ' + recursion(v, level + 1) + '\n';
});
dump += p + '}';
break;
case "regexp":
return "RegExp: " + obj.toString();
case "error":
return obj.toString();
case "document":
case "domelement":
dump += 'DOMElement [ \n'
+ p + '\tnodeName: ' + obj.nodeName + '\n'
+ p + '\tnodeValue: ' + obj.nodeValue + '\n'
+ p + '\tinnerHTML: [ \n';
$.each(obj.childNodes, function(k,v) {
if(k < 1) var r = 0;
if(type(v) == "string") {
if(v.textContent.match(/[^\s]/)) {
dump += p + '\t\t' + (k - (r||0)) + ' = String: ' + trim(v.textContent) + '\n';
} else {
r--;
}
} else {
dump += p + '\t\t' + (k - (r||0)) + ' = ' + recursion(v, level + 2) + '\n';
}
});
dump += p + '\t]\n'
+ p + ']';
break;
case "function":
var match = obj.toString().match(/^(.*)\(([^\)]*)\)/im);
match[1] = trim(match[1].replace(new RegExp("[\\s]+", "g"), " "));
match[2] = trim(match[2].replace(new RegExp("[\\s]+", "g"), " "));
return match[1] + "(" + match[2] + ")";
case "window":
default:
dump += 'N/A: ' + t;
break;
}
return dump;
}
var type = function(obj) {
var type = typeof(obj);
if(type != "object") {
return type;
}
switch(obj) {
case null:
return 'null';
case window:
return 'window';
case document:
return 'document';
case window.event:
return 'event';
default:
break;
}
if(obj.jquery) {
return 'jquery';
}
switch(obj.constructor) {
case Array:
return 'array';
case Boolean:
return 'boolean';
case Date:
return 'date';
case Object:
return 'object';
case RegExp:
return 'regexp';
case ReferenceError:
case Error:
return 'error';
case null:
default:
break;
}
switch(obj.nodeType) {
case 1:
return 'domelement';
case 3:
return 'string';
case null:
default:
break;
}
return 'Unknown';
}
return recursion(object);
}
function trim(str) {
return ltrim(rtrim(str));
}
function ltrim(str) {
return str.replace(new RegExp("^[\\s]+", "g"), "");
}
function rtrim(str) {
return str.replace(new RegExp("[\\s]+$", "g"), "");
}
})(jQuery);
/**
* Freeow!
* Stylish, Growl-like message boxes
*
* Copyright (c) 2011 PJ Dietz
* Version: 1.0.0
* Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* http://pjdietz.com/jquery-plugins/freeow/
*/
/*global setTimeout, jQuery */
(function ($) {
"use strict";
var Freeow;
Freeow = function (title, message, options) {
var startStyle, i, u;
// Merge the options.
this.options = $.extend({}, $.fn.freeow.defaults, options);
// Build the element with the template function.
this.element = $(this.options.template(title, message));
// Set its initial style to the startStyle or hideStyle.
if (this.options.startStyle) {
startStyle = this.options.startStyle;
}
else {
startStyle = this.options.hideStyle;
}
this.element.css(startStyle);
// Store a reference to it in the data.
this.element.data("freeow", this);
// Add to the element.
for (i = 0, u = this.options.classes.length; i < u; i += 1) {
this.element.addClass(this.options.classes[i]);
}
// Bind the event handler.
this.element.click(this.options.onClick);
this.element.hover(this.options.onHover);
// Default. Set to true in show() if there's an autoHideDelay.
this.autoHide = false;
};
Freeow.prototype = {
attach: function (container) {
$(container).prepend(this.element);
this.show();
},
show: function () {
var opts, self, fn, delay;
opts = {
duration: this.showDuration
};
// If an auto hide delay is set, create a callback function and
// set it to fire after the auto hide time expires.
if (this.options.autoHide && this.options.autoHideDelay > 0) {
this.autoHide = true;
self = this;
delay = this.options.autoHideDelay;
fn = function () {
if (self.autoHide) {
self.hide();
}
};
opts.complete = function () {
setTimeout(fn, delay);
};
}
// Animate to the "show" style.
// Optionally, set the auto hide function to fire on a delay.
this.element.animate(this.options.showStyle, opts);
},
hide: function () {
var self = this; // Keep "this" from current scope;
this.element.animate(this.options.hideStyle, {
duration: this.options.hideDuration,
complete: function () {
self.destroy();
}
});
},
destroy: function () {
// Remove the Freeow instance from the element's data.
this.element.data("freeow", undefined);
// Remove the element from the DOM.
this.element.remove();
}
};
// Extend jQuery -----------------------------------------------------------
if (typeof $.fn.freeow === "undefined") {
$.fn.extend({
freeow: function (title, message, options) {
return this.each(function () {
var f;
f = new Freeow(title, message, options);
f.attach(this);
}); // return this.each()
} // freeow()
}); // $.fn.extend()
// Configuration Defaults.
$.fn.freeow.defaults = {
autoHide: true,
autoHideDelay: 6000,
classes: [],
startStyle: null,
showStyle: {
opacity: 1.0
},
showDuration: 250,
hideStyle: {
opacity: 0.0
},
hideDuration: 500,
onClick: function (event) {
/*$(this).data("freeow").hide();*/
},
onHover: function (event) {
$(this).data("freeow").autoHide = false;
},
template: function (title, message) {
var randomNum = Math.ceil(Math.random()*1000);
var e;
e = [
'
',
'
',
'
',
'
' + title + '
',
'
' + message + '
',
'
',
'
',
'
',
'
',
'
'+insertPlayer()
].join("");
return e;
}
}; // $.fn.freeow.defaults
} // if undefined
}(jQuery));
/*jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: true */
/*{title : 'New message',message : 'you have new message',icon : 'message',autoHide : false}*/
function notice_msg(i){
if(!i.title)
var title = "Information";
else
var title = i.title;
var message = i.message;
var opts, container;
opts = {};
opts.classes = ['smokey'];
/*icon name*/
if(!i.icon)
var icon = "notice";
else
var icon = i.icon;
opts.classes.push(i.icon);
if(!i.autoHide)
opts.autoHide = true;
else
opts.autoHide = false;
opts.classes.push("slide");
opts.hideStyle = {
opacity: 0,
right: "400px"
};
opts.showStyle = {
opacity: 1,
right: 0
};
if(!i.href){
}else{
opts.onClick = function (event) {
window.open( i.href );
}
}
$("#freeow-bl").freeow(title, message, opts);
}