/* Iconpicker is a jscript written by Bert Ramakers		*/
	/* You can not use this script on your own site			*/
	/* Iconpicker © Bertramakers.com 2007 - 2008			*/
	
	function pickIcon(pageType, page, imgId) {
		var body = document.getElementsByTagName("body")[0];
	
		// create fog
		
		var fog = document.createElement("div");
		fog.setAttribute("id", "iconPickerFog");
		if (!fog.set) {
			fog.style.filter = "alpha(opacity=25)";
		} else {
			fog.set("opacity", .25);
		}
		if (!window.getScrollSize) {
			fog.style.width = "100%";
			fog.style.height = "100%";
		} else {
			fog.style.width = window.getScrollSize().x + "px";
			fog.style.height = window.getScrollSize().y + "px";
		}
		fog.style.position = "absolute";
		fog.style.top = "0px";
		fog.style.left = "0px";
		fog.style.zIndex = "99999999";
		
		body.appendChild(fog);
		
		
		// create iconbox
		
		var box = document.createElement("div");
		box.setAttribute("id", "iconPickerBox");
		box.style.position = "absolute";
		var boxTop = window.getScroll().y + (Window.getSize().y / 2);
		box.style.top = boxTop + "px";
		box.style.left = "50%";
		box.style.zIndex = "999999999";
		
		var h2 = document.createElement("h2");
		h2.setAttribute("id", "iconPickerHeader");
		h2.innerHTML = lang_iconpicker_header;
		box.appendChild(h2);
		
		var iconholder = document.createElement("div");
		iconholder.setAttribute("id", "iconPickerIconHolder");
		iconholder.style.overflow = "auto";
		iconholder.style.backgroundImage = "url(theme/images/loading.gif)";
		iconholder.style.backgroundPosition = "center center";
		iconholder.style.backgroundRepeat = "no-repeat";
		box.appendChild(iconholder);
		
		var closebutton = document.createElement("input");
		closebutton.setAttribute("type", "button");
		closebutton.setAttribute("id", "iconPickerClosebutton");
		closebutton.value = lang_iconpicker_closebutton;
		closebutton.setAttribute("onClick", "javascript: closeIconPicker();");
		if (window.attachEvent) {
			closebutton.attachEvent("onclick", closeIconPicker);
		}
		box.appendChild(closebutton);
		
		body.appendChild(box);
		
		var ajax = new Request({url: 'jscript/iconpicker/iconslist.php', method: 'get',
			onSuccess: function(responseText, responseXML) { iconPickerListIcons(responseXML, pageType, page, imgId); },
			onFailure: function() { alert(lang_iconpicker_failure); }
		});
		ajax.send();		
		
	}
	
	function iconPickerListIcons(xml, pageType, page, imgId) {
		var iconholder = $("iconPickerIconHolder");
		var nodeNumber = xml.childNodes.length - 1;
		for (var i = 0; i < xml.childNodes[nodeNumber].childNodes.length; i++) {
			if (i > 0) { 
				var icon = xml.childNodes[nodeNumber].childNodes[i].childNodes[0].nodeValue;
				
				var icona = document.createElement("a");
				icona.setAttribute("href", "javascript: useIcon('" + pageType + "', '" + page + "', '" + imgId + "', '" + icon + "');");
				
				var iconimg = document.createElement("img");
				iconimg.setAttribute("src", "theme/icons/" + icon);
				iconimg.setAttribute("alt", icon);
				
				icona.appendChild(iconimg);
				iconholder.appendChild(icona);
			}
		}
		iconholder.style.backgroundImage = 'none';
	}
	
	function useIcon(pageType, page, imgId, icon) {
		$(imgId).setAttribute("src", "theme/icons/" + icon);
		$('iconPickerIconHolder').innerHTML = '';
		$('iconPickerIconHolder').style.backgroundImage = 'url(theme/images/loading.gif)';
		
		var ajax = new Request({url: 'jscript/iconpicker/iconreplace.php?pagetype=' + pageType + '&page=' + page + '&icon=' + icon, method: 'get',
			onSuccess: function() { closeIconPicker(); },
			onFailure: function() { alert(lang_iconpicker_failure); closeIconPicker(); }
		});
		ajax.send();		
	}
	
	function closeIconPicker() {
		body = document.getElementsByTagName("body")[0];
		body.removeChild($("iconPickerFog"));
		body.removeChild($("iconPickerBox"));
	}