// Manifesto: $Id: utilities.js,v 1.2 2009/03/13 00:28:04 spud Exp $
// license: GNU LGPL
// copyright 2001-2008: dada typo and contributors

if (js_library == 'Manifesto') {

	/* ------------------------------------------------------------------------
	// Collapsable module boxes in the left and right sidebars
	// This script works on the principle that the drop arrow has an ID of [module]_droparrow
	// and it toggles the visibility of an element whose ID is [module]_modbox
	------------------------------------------------------------------------ */
	function collapsableModboxes() {
		var arr;
		if (getObjectRef("leftbar")) {
			arr = dtDOM.getElementsByClass("leftbar","droparrow");
			for(var i=0;i<arr.length;i++) {
				dtDOM.addEvent(arr[i],"click",function(e) {
					var evt = (e) ? e : window.event;
					var thisnode = (evt.target) ? evt.target : evt.srcElement;
					var box = dtDOM.getAttr(thisnode,"id").replace("_droparrow","_modbox");
					dtDOM.dropShowHide(thisnode,box);
				});
			}
		}
		if (getObjectRef("rightbar")) {
			arr = dtDOM.getElementsByClass("rightbar","droparrow");
			for(var i=0;i<arr.length;i++) {
				dtDOM.addEvent(arr[i],"click",function(e) { 
					var evt = (e) ? e : window.event;
					var thisnode = (evt.target) ? evt.target : evt.srcElement;
					var box = dtDOM.getAttr(thisnode,"id").replace("_droparrow","_modbox");
					dtDOM.dropShowHide(thisnode,box);
				});
			}
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",collapsableModboxes);

	/* ------------------------------------------------------------------------
	// PNG fix for IE 6 and under
	// By default, this script fixes only the transparency of PNGs in IMG tags
	// and it toggles the visibility of an element whose ID is [module]_modbox
	------------------------------------------------------------------------ */
	function fixPNG() {
		var arVersion = navigator.appVersion.split("MSIE")
		var version = parseFloat(arVersion[1])
		
		if ((version >= 5.5) && (version < 7) && (document.body.filters)) {
			for(var i=0; i<document.images.length; i++) {
				var img = document.images[i];
				var imgName = img.src.toUpperCase();
				if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
					var imgID = (img.id) ? "id='" + img.id + "' " : "";
					var imgClass = (img.className) ? "class='" + img.className + "' " : "";
					var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
					var imgStyle = "display:inline-block;" + img.style.cssText;
					if (img.align == "left") imgStyle = "float:left;" + imgStyle;
					if (img.align == "right") imgStyle = "float:right;" + imgStyle;
					if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;
					var strNewHTML = "<span " + imgID + imgClass + imgTitle
					+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
					+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
					+ "(src=\'" + img.src + "\', sizingMethod='image');\"></span>";
					img.outerHTML = strNewHTML;
					i = i-1;
				}
			}
	
			/* ------------------------------------------------------------------------
			// Uncomment the section below to check every DIV element for a background image
			// You can easily add more element tags to the array to check other types of element (P, SPAN, etc)
			------------------------------------------------------------------------ */
			/*
			// The bgarr array will hold all the elements having a PNG backgroundImage
			var bgarr = new Array;
			// The bgtags array contains all the tags that might have a background image
			var bgtags = array("DIV","H1");
			for(var i=0;i<bgtags.length;i++) {
				// for each tag in bgtags, get all the elements on the page
				var elemarr = document.getElementsByTagName(bgtags[i]);
				// for each of the elements, look for a backgroundImage attribute
				for(var j=0;j<elemarr.length;j++) {
					bgImg = dtDOM.getStyle(elemarr[j],"backgroundImage");
					if (bgImg != "" && bgImg != "none") {
						// parse the backgroundImage for a PNG reference
						var bgPNG = bgImg.match(/^url[("']+(.*\.png[^\)"']*)[\)"']+[^\)]*$/i);
						// if found, add the element to an array to be handled later
						if (bgPNG) bgarr[bgarr.length] = elemarr[j];
					}
				}
			}
			
			// Process all the elements having a PNG backgroundImage
			var el;
			for(var i=0;i<bgarr.length;i++) {
				if (el = getObjectRef(bgarr[i])) {
					var imgURL = dtDOM.getStyle(el,"backgroundImage");
					var imgURLLength = imgURL.length;
					dtDOM.setStyle(el,"background","");
					dtDOM.setStyle(el,"filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgURL.substring(5,imgURLLength  - 2) + "', sizingMethod='crop')");
					dtDOM.setStyle(el,"backgroundImage","url(x.gif)");
				}
			}
			*/
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",fixPNG);
	
	/* ------------------------------------------------------------------------
	// ZoomableImages creates an overlay popup of an image
	// It expects an A tag with an HREF containing the URL to the image
	// It is applied to all tags with class of "zoom" and intercepts the click
	------------------------------------------------------------------------ */
	function zoomableImages() {
		arr = dtDOM.getElementsByClass(document,"zoom");
		for(var i=0;i<arr.length;i++) {
			if (arr[i].tagName == "A") {
				dtDOM.addEvent(arr[i],"click",function(e) {
					var evt = (e) ? e : window.event;
					var thisnode = (evt.target) ? evt.target : evt.srcElement;
					// zoomImage acts upon the PARENT of thisnode, since thisnode will always be the IMG instead of the A tag
					dtDOM.zoomImage(evt,thisnode.parentNode.href);
					if (evt.returnValue) {
						evt.returnValue = false;
					} else if (evt.preventDefault) {
						evt.preventDefault();
					} else {
						return false;
					}
				});
			}
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",zoomableImages);

	/* ------------------------------------------------------------------------
	// thumbView creates an overlay popup of a thumbnail image
	// It expects an A tag with an HREF containing the URL to the image
	// It is applied to all tags with class of "thumbview" and is triggered on mouseover
	------------------------------------------------------------------------ */
	function thumbView() {
		arr = dtDOM.getElementsByClass(document,"thumbview");
		for(var i=0;i<arr.length;i++) {
			if (arr[i].tagName == "A") {
				dtDOM.addEvent(arr[i],"mouseover",function(e) {
					var evt = (e) ? e : window.event;
					var thisnode = (evt.target) ? evt.target : evt.srcElement;
					dtDOM.showThumb(e,thisnode.href);
				});
				dtDOM.addEvent(arr[i],"mouseout",function(e) { dtDOM.hideThumb(); });
			}
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",thumbView);

	/* ------------------------------------------------------------------------
	// debuggingToggle creates togglable header/div combinations in the debugging section
	// It expects an A tag with an HREF containing the URL to the image
	// It is applied to all tags with class of "debug_trigger" in #pagebottom
	------------------------------------------------------------------------ */
	function debuggingToggle() {
		arr = dtDOM.getElementsByClass("pagebottom","debug_trigger");
		for(var i=0;i<arr.length;i++) {
			if (arr[i].tagName == "A") {
				dtDOM.addEvent(arr[i],"click",function(e) { 
					var evt = e ? e : window.event;
					dtDOM.showHide(this.hash.replace("#",""));
					// the disclosure triangle should be the first child element
					var triangle;
					if (triangle = this.getElementsByTagName("IMG")[0]) {
						if (triangle.src.indexOf("_down") == -1) {
							dtDOM.setAttr(triangle,"src",triangle.src.replace("_right","_down"));
						} else {
							dtDOM.setAttr(triangle,"src",triangle.src.replace("_down","_right"));
						}
					}					
					if (evt.returnValue) {
						evt.returnValue = false;
					} else if (evt.preventDefault) {
						evt.preventDefault();
					} else {
						return false;
					}
				});
			}
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",debuggingToggle);

	/* ------------------------------------------------------------------------
	// switchTabs
	// This toggles a nice sliding transition between tabbed DIVs 
	// It is applied to all A tags inside a DIV.tabbar and is triggered on click
	------------------------------------------------------------------------ */
	function switchTabs() {
		var arr = dtDOM.getElementsByClass(document,"tabbar");
		for(var i=0;i<arr.length;i++) {
			var tablinks = arr[i].getElementsByTagName("A");
			for(var j=0;j<tablinks.length;j++) {
				// do NOT put an onclick on tabs if the HREF is a full URL; only look for #location HREFs
				if (dtDOM.getAttr(tablinks[j],"hash") == "#" || dtDOM.getAttr(tablinks[j],"hash") == "") continue;
				dtDOM.addEvent(tablinks[j],"click",function(e) { 
					var evt = (e) ? e : window.event;
					var thisnode = (evt.target) ? evt.target : evt.srcElement;
					// get the parent tabbar
					var tabcontainer = dtDOM.getParentByClass(thisnode,"tabcontainer");
					if (tabcontainer) {
						var mtabs = dtDOM.getElementsByClass(tabcontainer,"tab");
						for(var h=0;h<mtabs.length;h++) {
							if (mtabs[h] == thisnode.parentNode) {
								dtDOM.addClass(mtabs[h],"selected");
							} else {
								dtDOM.removeClass(mtabs[h],"selected");
							}
						}
						var divarr = dtDOM.getElementsByClass(tabcontainer,"tabdiv");
						for(h=0;h<divarr.length;h++) {
							dtDOM.showHide(divarr[h],"none");
						}
						inslider = new SlideObj();
						inslider.slide(thisnode.hash.replace("#",""),10,20);
						if (evt.returnValue) {
							evt.returnValue = false;
						} else if (evt.preventDefault) {
							evt.preventDefault();
						} else {
							return false;
						}
					}
				});
			}
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",switchTabs);
	
	/* ------------------------------------------------------------------------
	// toggleDisplay
	// This toggles any DIV using a nice sliding transition 
	// It is applied to all A tags with a class of toggleclick
	------------------------------------------------------------------------ */
	function toggleDisplay() {
		arr = dtDOM.getElementsByClass("rootcontainer","toggleclick");
		for(var i=0;i<arr.length;i++) {
			if (dtDOM.getAttr(arr[i],"hash") == "#") continue;
			dtDOM.addEvent(arr[i],"click",function(e) { 
				var evt = (e) ? e : window.event;
				var thisnode = (evt.target) ? evt.target : evt.srcElement;
				inslider = new SlideObj();
				inslider.slide(thisnode.hash.replace("#",""),10,20);
				if (evt.returnValue) {
					evt.returnValue = false;
				} else if (evt.preventDefault) {
					evt.preventDefault();
				} else {
					return false;
				}
			});
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",toggleDisplay);

	/* ------------------------------------------------------------------------
	// disclosureToggle creates toggleable header/div combinations
	// It expects an A tag with an HREF containing the URL to the image
	// It is applied to all tags with class of "disclosure"
	------------------------------------------------------------------------ */
	function toggleDisclosure() {
		arr = dtDOM.getElementsByClass("rootcontainer","disclosure");
		for(var i=0;i<arr.length;i++) {
			if (arr[i].tagName == "A") {
				dtDOM.addEvent(arr[i],"click",function(e) { 
					var evt = (e) ? e : window.event;
					var thisnode = (evt.target) ? evt.target : evt.srcElement;
					dtDOM.showHide(thisnode.hash.replace("#",""));
					// the disclosure triangle should be the first child element
					var triangle;
					if (triangle = thisnode.getElementsByTagName("IMG")[0]) {
						if (triangle.src.indexOf("_down") == -1) {
							dtDOM.setAttr(triangle,"src",triangle.src.replace("_right","_down"));
						} else {
							dtDOM.setAttr(triangle,"src",triangle.src.replace("_down","_right"));
						}
					}					
					if (evt.returnValue) {
						evt.returnValue = false;
					} else if (evt.preventDefault) {
						evt.preventDefault();
					} else {
						return false;
					}
				});
			} else if (arr[i].tagName == "LI") {
				if (atag = dtDOM.getChildByTagName(arr[i],"A")) {
					dtDOM.addEvent(atag,"click",function(e) { 
						var evt = (e) ? e : window.event;
						var thisnode = (evt.target) ? evt.target : evt.srcElement;
						dtDOM.showHide(thisnode.hash.replace("#",""));
						if (dtDOM.hasClass(thisnode.parentNode,"down")) {
							dtDOM.removeClass(thisnode.parentNode,"down");
						} else {
							dtDOM.addClass(thisnode.parentNode,"down");
						}
						if (evt.returnValue) {
							evt.returnValue = false;
						} else if (evt.preventDefault) {
							evt.preventDefault();
						} else {
							return false;
						}
					});
				}
			}
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",toggleDisclosure);

	/* ------------------------------------------------------------------------
	// openNewWindow
	// This opens a new browser window when an appropriately-configured link is clicked
	// It is applied to all A tags with a class of newwindow
	------------------------------------------------------------------------ */
	function openNewWindow() {
		arr = dtDOM.getElementsByClass("rootcontainer","newwindow");
		for(var i=0;i<arr.length;i++) {
			dtDOM.addEvent(arr[i],"click",function(e) { 
				var evt = (e) ? e : window.event;
				var thisnode = (evt.target) ? evt.target : evt.srcElement;
				window.open(thisnode.href,dtDOM.getAttr(thisnode.title));
				if (evt.returnValue) {
					evt.returnValue = false;
				} else if (evt.preventDefault) {
					evt.preventDefault();
				} else {
					return false;
				}
			});
		}
	}
	// add the event to the onload handler
	dtDOM.addEvent(window,"load",openNewWindow);

}