//	utils.js: JCE Utilities script//	by Ryan Demmer (http://www.cellardoor.za.net)//  CREDITS://	Based on...//	Lightbox v2.02 - Lokesh Dhakar - http://www.huddletogether.com//  Thickbox 2.0 - Cody Lindley - http://www.codeylindley.com//  Litebox v1.0 - http://doknowevil.net/litebox//  Everything else by me.//	Uses the awesome mootools library - http://mootools.net//	Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5///  only because Lightbox is and is a condition of the above licence, otherwise it would be under an MIT-style license.//  Should work with all modern browsers - FF 1.5, IE 6 & 7, Opera 9, Safarivar isMSIE = (navigator.appName == "Microsoft Internet Explorer");var ua = navigator.userAgent;var isMSIE_7 = isMSIE && (ua.indexOf('MSIE 7') != -1);var isGecko = ua.indexOf('Gecko') != -1;var isSafari = ua.indexOf('Safari') != -1;var isOpera = ua.indexOf('Opera') != -1;//Additional Element functionsElement.extend({ 	hide: function(){ 		this.style.display = 'none'; 		return this; 	}, 	show: function(){ 		this.style.display = ''; 		return this; 	},	setProperty: function(property, value){		if (property == 'class') this.className = value;		else if (property == 'style') this.setStyles(value);		else this.setAttribute(property, value);		return this;	},	removeProperty: function(property){		this.removeAttribute(property);		return this;	},		removeProperties: function(source){		for (property in source) this.removeProperty(property);		return this;	}});//Quirksmode, IE 5.5 workaround, add document.bodyWindow.extend({	getWidth: function(){		return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0;	},	getHeight: function(){		return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;	},	getScrollHeight: function(){		return document.documentElement.scrollHeight || document.body.scrollHeight;	},	getScrollWidth: function(){		return document.documentElement.scrollWidth || document.body.scrollWidth;	},	getScrollTop: function(){		return document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop || 0;	},	getScrollLeft: function(){	return document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft || 0;	}});function jceUtilities(){	this.config = {		convert		: 1,		png_fix		: 0,		pngfix_id	: '_trans',		fadespeed	: 500,		scalespeed	: 500,		tipclass	: 'tooltip'	}};//  Borrowed from TinyMCE - http://tinymce.moxiecode.comjceUtilities.prototype.cleanupEventStr = function(s) {	s = "" + s;	s = s.replace('function anonymous()\n{\n', '');	s = s.replace('\n}', '');	s = s.replace(/^return true;/gi, ''); // Remove event blocker	return s;};jceUtilities.prototype.parseQuery = function ( query ) {   var params = new Object ();   if ( ! query ) return params; // return empty object   var pairs = query.split(/[;&]/);   for ( var i = 0; i < pairs.length; i++ ) {      var kv = pairs[i].split('=');      if ( ! kv || kv.length != 2 ) continue;      var k = unescape( kv[0] );      var v = unescape( kv[1] );      v = v.replace(/\+/g, ' ');      params[k] = v;   }   return params;};jceUtilities.prototype.init = function(){	jceutils.convert();	new Tips($S('.jce_tooltip'), {className: jceutils.config.tipclass});};jceUtilities.prototype.initBox = function(el){	JCEBox.showBox(el);	el.blur();	return false;};jceUtilities.prototype.convert = function(){	//Fix IE control activation	if(isMSIE || isOpera){		$S('object').action ({			initialize: function(){ 				this.outerHTML = this.outerHTML;			}		});	}	//IE PNG Fix	if(isMSIE && !isMSIE_7){		if(jceutils.config.pngfix == 1){			$S('img').action ({				initialize: function(){					if(this.src.toLowerCase().match(/\.png/g) && (jceutils.config.pngfix_id == 'all' || (this.src.toLowerCase().match(jceutils.config.pngfix_id, 'g') || this.className.toLowerCase().match(jceutils.config.pngfix_id, 'g')))){											this.setStyle('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + this.src + '\', sizingMethod=\'\')');						this.setProperty('src', 'includes/templates/template_default/images/blank.gif');					}				}			});		}	}	$S('a').action({		initialize: function(){		if(jceutils.config.convert == 1){				var matched = false;				var temp = 'index2.php?option=com_jce&task=popup';				if(this.href.indexOf(temp) != -1 || jceutils.cleanupEventStr(this.getAttribute('onclick')).indexOf(temp) != -1){					var src = jceutils.cleanupEventStr(this.getAttribute('onclick'));				src = src.replace(/&amp;/g, '&').replace(/&#39;/g, "'");					matched = true;				}				if(this.href.indexOf("mosce/jscripts/tiny_mce/popupImage.php") != -1){				var src = this.href.replace(/&amp;/g, '&').replace(/&#39;/g, "'").replace(/&quot;/g, '"');					src = src.replace(/[\(\'\)\;]/g, '');					src = src.replace(/\?/g, '&');					matched = true;				}			if(matched){				var params = jceutils.parseQuery( src );					this.setProperties({'href': params['img'], 'title': params['title'].replace(/_/g, ' ')}).addClassName('jcebox').removeProperties('target', 'onclick');					this.onclick = function(){						jceutils.initBox(this);							return false;					}					}			}			if(this.className == 'jcebox'){				this.onclick = function(){					jceutils.initBox(this);						return false;				}		}		}	});};////	Global Variables//var imgArr = new Array;var activeImg;// -----------------------------------------------------------------------------------var JCEBox = {	el : null,	href : null,	caption : null,	group : null,	type : null,	showBox : function(el){				this.el = el;		this.href = el.href;		this.caption = el.title || el.name || null;		this.group = el.rel || false;				if(this.caption == null) this.caption = '';		if(!$('selectblocker')){			if(isMSIE && !isMSIE_7){				new Element('iframe').setProperty('id','selectblocker').injectInside($E('body')).setStyle('height', Window.getScrollHeight());			}		}		new Element('div').setProperty('id','lightbox').injectInside($E('body')).hide();		if(this.href.toLowerCase().match(/\.jpg|\.jpeg|\.png|\.gif|\.bmp/g)){			this.type = 'image';							var html = '<div id="outerImageContainer">';				html += '<div id="imageContainer">';				html += '<a href="#" onclick="JCEBox.end(); return false;" title="Close">';			html += '<img id="closeButton" src="includes/templates/template_default/images/close.gif">';						html += '<img id="lightboxImage" />';				html += '</a>';			html += '<div id="loading"><a href="#" id="loadingLink" onclick="JCEBox.end(); return false;"><img src="includes/templates/template_default/images/loading.gif"></a></div>';				html += '</div>';				html += '</div>';				html += '<div id="imageDataContainer">';				html += '<div id="imageData">';				html += '<div id="imageDetails"><span id="caption"></span></div>';				html += '<div id="imageNav"><span id="navDisplayPrev"></span><span id="numberDisplay"></span><span id="navDisplayNext"></span></div>';				html += '</div>';				html += '</div>';		}else{			this.type = 'iframe';			var query = this.href.replace(/^[^\?]+\??/,'');			var params = jceutils.parseQuery( query );						var url = this.href.replace('&bw=' + params['bw'] + '&bh=' + params['bh'], '', 'g');			var html = '<div id="outerIframeContainer">';				html += '<div id="iframeContainer">';				html += '<div id="iframeTop">';				html += '<a href="#" onclick="JCEBox.end(); return false;" title="Close">';				html += '<img id="closeButton" src="includes/templates/template_default/images/close.gif">';						html += '</a>';			html += '</div>';				html += '<iframe src="' + url + '" frameborder="0" id="iframecontent" style="width:' + params['bw'] + 'px; height:' + params['bh'] + 'px;"></iframe>';				html += '<div id="loading"><a href="#" id="loadingLink" onclick="JCEBox.end(); return false;"><img src="includes/templates/template_default/images/loading.gif"></a></div>';				html += '</div>';				html += '</div>';		}		$('lightbox').setHTML(html);				if($('lightboxImage')){			$('imageDataContainer').hide();			imageFx = new fx.Opacity('lightboxImage', { duration: jceutils.config.fadespeed, onComplete: function() { imageDetailsFx.toggle();}});			imageFx.hide();			imageDetailsFx = new fx.Opacity('imageDataContainer', { duration: jceutils.config.fadespeed }); 			imageDetailsFx.hide();		}	if($('iframecontent')){			imageFx = new fx.Opacity('iframecontent', { duration: jceutils.config.fadespeed });			imageFx.hide();		}						this.startBox();	},	startBox : function(){		if(this.type == 'image'){				var el = this.el;			var grp = this.group;			imgArr = [];			imageNum = 0;			// if image is NOT part of a set..			if(!grp){				// add single image to imageArray			imgArr.push(new Array(this.href, this.caption));			} else {			// if image is part of a set..				$S('a').action({					initialize: function(){ 						if(this.href && (this.className == el.className) && (this.rel == grp)){   							imgArr.push(new Array(this.href, this.title));						}					}				});				for(i = 1; i < imgArr.length; i++){					if(imgArr[i][0] == imgArr[i-1][0]){						imgArr.splice(i,1);					}				}				while(imgArr[imageNum][0] != this.href) { 					imageNum++;				}			}			this.changeImage(imageNum);		}else if(this.type == 'iframe'){			$('loading').hide();			var w = parseInt($('iframecontent').getStyle('width'));			var h = parseInt($('iframecontent').getStyle('height'));			//fallback			w = (w == 0) ? parseInt($('iframecontent').style.width) : w;			h = (h == 0) ? parseInt($('iframecontent').style.height) + 20 : h + 20;			this.resizeContainer(w, h);			$('lightbox').makeDraggable();		}		// calculate top offset for the lightbox and display 		$('lightbox').setStyle('top', Window.getScrollTop() + (Window.getWidth() / 15) + 'px');		$('lightbox').show();	},	//	//	resizeImageContainer()	//	resizeContainer : function(w, h) {				var container = ( this.type == 'image' ) ? 'outerImageContainer' : 'outerIframeContainer';		var cw = ($(container).style.width == 0) ? 250 : $(container).offsetWidth;		var ch = ($(container).style.width == 0) ? 250 : $(container).offsetHeight;	widthFx = new fx.Width($(container), { duration: jceutils.config.scalespeed, onComplete: function() { heightFx.custom(ch, h+20); }});		widthFx.custom(cw, w+20);		heightFx = new fx.Height($(container), { duration: jceutils.config.scalespeed, onComplete: function() { imageFx.custom(0,1); }});		if(this.type == 'image'){		$('imageDataContainer').setStyle('width', w + 20 + 'px').show();			this.showImage();		}	},	//	changeImage() //	Hide most elements and preload image in preparation for resizing image container.	//	changeImage: function(imageNum) {		activeImg = imageNum;	// update global var		// hide elements during transition		$('loading').show();				imageDetailsFx.hide();		imageFx.hide();		imgPreloader = new Image();	// once image is preloaded, resize image container		imgPreloader.onload = function(){			$('lightboxImage').src = imgArr[activeImg][0];						//Resize image if necessary			var x = Window.getWidth() - 150;		var y = Window.getHeight() - 150;		var iw = imgPreloader.width;			var ih = imgPreloader.height;			if (iw > x) {				ih = ih * (x / iw); 				iw = x; 				if (ih > y) { 					iw = iw * (y / ih); 					ih = y; 				}			} else if (ih > y) { 				iw = iw * (y / ih); 				ih = y; 				if (iw > x) { 					ih = ih * (x / iw); 					iw = x;				}			}			$('lightboxImage').width = iw;			$('lightboxImage').height = ih;						JCEBox.resizeContainer(iw, ih);	}		imgPreloader.src = imgArr[activeImg][0];	},	//	//	showImage()	//	Display image and begin preloading neighbors.	//	showImage: function(){		$('loading').hide();		this.updateDetails(); 		this.preloadNeighborImages();	},	//	//	updateDetails()	//	Display caption, image number, and bottom nav.	//	updateDetails: function() {		$('caption').setHTML(imgArr[activeImg][1]).show();		$('numberDisplay').hide();		$('navDisplayPrev').hide();		$('navDisplayNext').hide();				if(imgArr.length > 1){			if(activeImg != 0){				$('navDisplayPrev').setHTML('<a href="#" onclick="JCEBox.changeImage(' + (activeImg - 1) + '); return false;"><</a>&nbsp;&nbsp;').show();			}			if(activeImg != imgArr.length -1){				$('navDisplayNext').setHTML('&nbsp;&nbsp;<a href="#" onclick="JCEBox.changeImage(' + (activeImg + 1) + '); return false;">></a>').show();			}			$('numberDisplay').setHTML('').show();			for(var i=0; i<imgArr.length; i++){				var num = i + 1;				var seperator = (num == imgArr.length) ? '' : ' | ';				var html = '';				if(activeImg != i){					html += '<a id="numberLink" href="#" onclick="JCEBox.changeImage(' + i + '); return false;">';				}			html += num;				if(activeImg != i){					html += '</a>';				}				html += seperator;				$('numberDisplay').innerHTML += html;			}		}		$('lightbox').makeDraggable();		$('outerImageContainer').setStyle('borderBottom', '0px');	},	//	//	preloadNeighborImages()	//	Preload previous and next images.	//	preloadNeighborImages: function(){		if((imgArr.length - 1) > activeImg){			preloadNextImage = new Image();			preloadNextImage.src = imgArr[activeImg + 1][0];		}		if(activeImg > 0){			preloadPrevImage = new Image();			preloadPrevImage.src = imgArr[activeImg - 1][0];		}	},	end : function(){	if(typeof(imageFx) != 'undefined'){			imageFx.hide();		}		if($('lightbox')){			$('lightbox').remove();		}	if($('selectblocker')){			$('selectblocker').remove();		}	}};var jceutils = new jceUtilities();Window.onDomReady(function(){jceutils.init();});