* 
*
* SIMPLE (STANDARD) popup
* A simple Link
* Option 2 can be ajax, json or left empty
* if it is ajax or json - then it will open inside the page if the user has popup windows blocked
* if it is nothing - then the popup will not open if the person has popups blocked
*
* SAMPLE PAGE ELEMENT CALL - displays text inside the element to appear
* PAGE ID CALL
*
* SAMPLE AJAX CALL
* Page One
*
* AJAX WITH SCRIPT EVALULATED
* ajax Request - with script eval
*
* SAMPLE JSON CALL
* JSON Request - No JSON Object
* Script must be in the page between tags
*
* JSON CALL WITH CUSTOM FUNCTION TO HANDLE JSON RESULT
* JSON Request - Returns a JSON object
* function must accept a single obj function(obj){}
*/
/*
var PopUpContent = new Class({
Implements : [Options],
options : {
type : 'ajax'
},
initialize : function(obj,options){
this.setOptions(options);
this.object = $(obj);
}
});
var PopUp = new Class({
Implements : [Options],
items : [],
options : {
top : 'auto',
left : 'auto',
width : 'auto',
height : 'auto',
opacity : 0.8
},
initialize : function(obj,options){
this.setOptions(options);
this.object = obj;
var show = this.show.bind(this);
var hide = this.hide.bind(this);
var resize = this.resize.bind(this);
$(this.object).getElements(".popup").each(function(item,index){
this.items[index] = new PopUpContent(item);
item.addEvent("click",function(event){new Event(event).stop(); show()});
},this);
this.hideBg = new Element("div",{
'class' : 'hideBG',
'width' : (this.options.width=="auto")? ($(this.object).getSize().x + $(this.object).getScrollSize().x): this.options.width.toInt(),
'height' : (this.options.height=="auto")? ($(this.object).getSize().y + $(this.object).getScrollSize().x) : this.options.height.toInt(),
'opacity' : 0
});
this.bgFx = new Fx.Morph($(this.hideBg));
$(this.hideBg).addEvent("click",hide);
$(this.hideBg).setStyle("display","none");
$(this.hideBg).inject($(this.object),"top");
$(this.object).addEvent("resize",resize);
},
resize:function(){
$(this.hideBg).setStyles({
'width' : (this.options.width=="auto")? ($(this.object).getSize().x + $(this.object).getScrollSize().x): this.options.width.toInt(),
'height' : (this.options.height=="auto")? ($(this.object).getSize().y + $(this.object).getScrollSize().y) : this.options.height.toInt(),
});
},
show: function(){
$(this.hideBg).setStyle("display","block");
$(this.hideBg).morph({"opacity": this.options.opacity});
},
hide: function(){
$(this.hideBg).morph({"opacity": 0});
}
});
window.addEvent('domready',function(){
var popups = new PopUp(document.body);
});
*/
var displayPopUp={
imagePreloader: null,
imageLibrary: "",
caption: null,
URL: null,
callType: null,
scripts : null, // the scripts called back from the ajax page to eval
width: 300, // The default width
height: 200, // The Default height
contentTop: 0, // The default location for the top
contentLeft: 0, // The default location for the left
hideBG: null, // The background hider
bodyWidth: null,
bodyHeight: null,
content: null,
popTop: null,
popTopClose: null,
theWindow: null,
popImageNav: null,
popImage: null,
imageNum: null,
direction: "next",
fxMoveTop: null,
fxMoveLeft: null,
ajax: null,
jsonResult: null,
jsonFunction: null,
canMove: true,
isAdmin: false,
fromTop: 0,
fromLeft: 0,
reset: function(){
$$('a.popInPage').each(function(item,index){
$(item).removeEvents('click');
});
$$("a.simplePop").each(function(item,index){
$(item).removeEvents('click');
});
},
init: function(){
var self = displayPopUp;
self.reset();
self.imagePreloader = Array(); // Create the preloader Array
$$('.popInPage').each(function(item,index){ // GET ALL ANCHOR TAGS
item.addEvent('click',function(event){
event = new Event(event).stop(); // CANCEL ON CLICK EVENT
displayPopUp.showPopUp(item);
});
var tmp = $(item).get("rel");
if(tmp.contains("#")){
tmp = tmp.split("#");
}else{
tmp = tmp.split(","); // Split the REL Tag
}
if(tmp[1]=="image"){ // Create the image preloader
var details = Array();
details['image'] = new Asset.image(item.href,{id:'thePopImage'}); // Pre-Load Image
details['obj'] = $(item).get("rel"); // Save image options
if(!$defined(displayPopUp.imagePreloader[tmp[2]])){
displayPopUp.imagePreloader[tmp[2]] = Array();
}
displayPopUp.imagePreloader[tmp[2]].push(details); // Save image library
}
});
$$("a.simplePop").each(function(item,index){
item.addEvent('click',function(event){
event = new Event(event).stop(); // CANCEL ON CLICK EVENT
displayPopUp.simplePop(item);
});
});
},
showPopUp: function(obj){ // Show POP Function
var self = displayPopUp;
var objValues = $(obj).get("rel");
if(objValues.contains("#")){
objValues = objValues.split("#");
}else{
objValues = objValues.split(","); // Split the REL Tag
}
self.fromTop = $(obj).getCoordinates($(document.body)).top;
self.fromLeft = $(obj).getCoordinates($(document.body)).left;
self.URL = obj.href;
self.caption = objValues[0] || "Window";
self.callType = objValues[1] || "ajax";
self.imageLibrary = objValues[2] || null;
self.width = (objValues[3])? objValues[3] : self.width;
self.height = (objValues[4])? objValues[4] : self.height; // Height = 300;
self.isAdmin = (objValues[5])? false : true;
self.hideBackground();
},
simplePop: function(obj){ // DO Simple Popup Function
var self = displayPopUp;
var options = $(obj).get("rel").split(",");
self.url = obj.href;
var thisName = options[1] || "popup";
var thisWidth = options[3] || self.width;
var thisHeight = options[4] || self.height;
var windowSize = window.getSize();
var left = (windowSize.x/2)-(thisWidth/2);
var top = (windowSize.y/2)-(thisHeight/2);
if($defined(self.theWindow)){
try{self.theWindow.close();}catch(e){}
self.theWindow = null;
}
try{
self.theWindow = window.open(self.url, thisName, "left = "+left+", top = "+top +", status = 0, height = "+parseInt(thisHeight)+", width = "+ parseInt(thisWidth) +", resizable = 0, scrollbars = 1");
self.theWindow.focus();
}catch(e){
if (options[2] == "ajax" || options[2] == "json") {
self.showPopUp(obj);
}else{
alert("Please Enable popups in your browser");
}
}
},
getSize: function(){
var self = displayPopUp;
var windowSize = window.getSize();
var scrollSize = window.getScroll();
var bodySize = $(document.body).getSize();
var bodyScroll = $(document.body).getScrollSize();
self.contentLeft = ((windowSize.x)/2) - (self.width/2) + scrollSize.x;
self.contentTop = (windowSize.y/2)-(self.height/2) + scrollSize.y;
self.bodyWidth = (bodyScroll.x);
self.bodyHeight = (bodyScroll.y);
},
hideBackground: function(){
var self = displayPopUp;
self.getSize();
// hide select Boxes
try{
if(Browser.Engine.trident && Browser.Engine.version < 5) {
$(document.body).getElements('select').each(function(item,index){
item.style.display = "none";
});
}
}catch(e){}
// hide image loader
try{
$$('.uploaderWrapper').each(function(item,index){
item.style.display = "none";
});
}catch(e){}
if (self.hideBG == null) {
self.hideBG = new Element('div', {
'styles': { 'top' : "0px",
'left' : "0px",
'height': self.bodyHeight + "px",
'width' : self.bodyWidth + "px"},
'class': 'hideBG',
'id': 'hideBG'
});
self.hideBG.setOpacity(0.7);
self.hideBG.addEvent("click",displayPopUp.popupClose);
$(self.hideBG).injectInside($(document.body));
window.addEvent('resize', displayPopUp.resize);
window.addEvent('scroll', displayPopUp.resize);
$$('select').each(function(item,index){
item.setOpacity(0);
});
displayPopUp.displayContent();
}else{
if(self.callType =="ajax" || self.callType=="json"){
self.closeContent();
self.displayContent();
}
}
},
resize: function(fx){ // resize function - to control the moving functions
var self=displayPopUp; // It is possible to add a delay to this call here
if (self.hideBG != null){
if (self.canMove == true) {
self.moveit();
}
}
},
moveit: function(){ // Function to move the popup to the middle of the page
var self = displayPopUp;
if(self.isAdmin){
self.getSize(); // Get the new size of the document
displayPopUp.canMove = false;
if(self.contentTop < 0){
self.contentTop = 0;
}
if(self.contentLeft < 0){
self.contentLeft = 0;
}
self.hideBG.style.height=self.bodyHeight + "px";
self.hideBG.style.width=self.bodyWidth + "px";
var top =0;
var left = 0;
if(self.height < self.bodyHeight){
top = self.contentTop;
}
if(self.width < self.bodyWidth){
left = self.contentLeft;
}
if(self.fxMoveLeft){
self.fxMoveLeft.cancel();
}
self.fxMoveLeft = new Fx.Morph(self.content,{duration: 'long',onComplete: function(){
displayPopUp.canMove = true;
displayPopUp.resize();
}});
self.fxMoveLeft.start({
'left': left,
'top' : top
});
}
},
closeContent: function(){
var self = displayPopUp;
if (self.callType == "image") {
$(self.popImage).destroy();
$(self.popImageNav).destroy();
}else {
// check if Tiny MCE is being used on the page and then remove it
$(self.popText).getElements('textarea').each(function(item,index){
if(item.getStyle("display")=="none"){
try{
if($(item).get("id")!= ""){
tinyMCE.execCommand('mceRemoveControl', false, $(item).get("id"));
}else{
tinyMCE.execCommand('mceRemoveControl', false, $(item));
}
}catch(e){}
}
});
$(self.popText).empty();
$(self.popText).destroy();
}
$(self.popTopClose).removeEvent('click', displayPopUp.popupClose);
$(self.popTopClose).removeEvent('mouseover', function(){
this.className = "popOver";
});
$(self.popTopClose).removeEvent('mousedown', function(){
this.className = "popDown";
});
$(self.popTopClose).removeEvent('mouseout', function(){
this.className = "popClose";
});
$(self.popTopClose).destroy();
$(self.popTop).destroy();
$(self.content).destroy();
self.content = null;
self.popImage = null;
self.popText = null;
self.popTop = null;
self.popBtm = null;
self.popTopClose= null;
},
displayContent: function(){ // Function to display the popup content for the page
var self = displayPopUp;
var temp = "";
self.content = new Element('div', {
'id': "popContent",
'class': "popContent",
'styles': {
'position': "absolute",
'top': self.contentTop + "px",
'left': self.contentLeft + "px",
'height': "0px",
'width': "0px"
}
});
self.popTop = new Element('div', {
'id': "popTop",
'class': "popTop"
});
var theText = self.caption.split(';');
var popInner = new Element('div', {
'id': "popCaption",
'class': "popCaption",
'html' : theText[0]
});
self.popTopClose = new Element('div', {
'id': "popClose",
'class': "popClose",
'html' : "close"
});
$(popInner).injectInside(self.popTop);
$(self.popTopClose).addEvent('click', displayPopUp.popupClose);
$(self.popTopClose).addEvent('mouseover', function(){
this.className = "popOver";
});
$(self.popTopClose).addEvent('mousedown', function(){
this.className = "popDown";
});
$(self.popTopClose).addEvent('mouseout', function(){
this.className = "popClose";
});
$(self.content).setOpacity(0);
$(self.content).injectInside($(document.body));
$(self.popTop).injectInside(self.content);
$(self.popTopClose).injectInside(self.popTop);
var adjustedHeight = false;
var imageSrc = "";
if (self.callType == "image") {
if ($defined(self.imagePreloader[self.imageLibrary])) {
var tempArray = self.imagePreloader[self.imageLibrary];
tempArray.each(function(item, index){
if (item.image.src == self.URL) {
self.imageNum = index;
}
});
self.popImageNav = new Element('div', {
'class': "popImageNavContainer",
'id': "popImageNavContainer",
'html' : ""+ theText[1] +" |