/*
UFrame 1.0.0
 
License:
>Copyright (C) 2008 Omar AL Zabir - http://msmvps.com/blogs/omar
>	
>Permission is hereby granted, free of charge,
>to any person obtaining a copy of this software and associated
>documentation files (the "Software"),
>to deal in the Software without restriction,
>including without limitation the rights to use, copy, modify, merge,
>publish, distribute, sublicense, and/or sell copies of the Software,
>and to permit persons to whom the Software is furnished to do so,
>subject to the following conditions:
>
>The above copyright notice and this permission notice shall be included
>in all copies or substantial portions of the Software.
>
>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
>INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
>FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
>IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
>DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
>ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
>OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
Usage:

UFrame.init({
id: "iPanel1",  // id of the DIV
		
loadFrom: "somePage.aspx",  // Initial page to load from
initialLoad : "GET",    // Initial load mode
showProgress : true,    // Whether to show the progressTemplate
		
beforeLoad: function(url,data) { callback() },  // callback fired before content is loaded from loadFrom
afterLoad: function(data, response) { callback() }, // callback fired after response is loaded from loadFrom
beforePost: function(url,data) { callback() },  // callback fired before content is posted
afterPost: function(data, response) { callback() }, // callback fired after content is posted and response is available
		
params : { "Gaga" : "gugu" },   // parameters to post/get to 
		
progressTemplate : "<p>Loading...<p>",  // template shown when content is being loaded from or posted to
		
beforeBodyTemplate : "<p>This is rendered before the body</p>", // added before any response body
afterBodyTemplate : "<p>This is rendered after the body</p>",   // added after any response body
		
});
*/

(function() {

	UFrame = function(config) {
		this.config = config;
	};

	UFrame.prototype = {
		load: function() {
			var c = this.config;
			if (c.loadFrom) {
				UFrameManager.loadHtml(c.loadFrom, c.params, c);
			}
		},
		submit: function(form) {
			UFrameManager.submitForm(form, null);
		},
		navigate: function(href) {
			UFrameManager.loadHtml(href, null, this.config);
		}
	}

	UFrameManager =
{
	_uFrames: {},

	empty: function() { },

	init: function(config) {
		var o = new UFrame(config);
		UFrameManager._uFrames[config.id] = o;
		o.load();
	},
	getHtml: function(url, queryString, callback) {
		try {
			$.ajax({
				url: url,
				type: "GET",
				data: queryString,
				dataType: "html",
				success: callback,
				error: function(xml, status, e) {
					//alert("Error occured while loading: " + url +'\n' + xml.status + ":" + xml.statusText + '\n' + xml.responseText); 
					if (xml && xml.responseText)
						callback(xml.responseText);
					else if (e)
						alert("Error occured while loading: " + url + '\n' + e.message);
				},
				cache: true
			});
		} catch (e) {
			alert(e);
		}
	},

	getUFrame: function(id) {
		return UFrameManager._uFrames[id];
	},

	submitForm: function(form, submitData) {
		// Find all checked checkbox, radio button, text box, hidden fild, password box and submit button
		// collect all their names and values 
		var params = {};
		$(form)
		//.find("input[@checked], input[@type='text'], input[@type='hidden'], input[@type='password'], input[@type='submit'], option[@selected], textarea")
	        .find("input[@checked], input[@type='text'], input[@type='hidden'], input[@type='password'], option[@selected], textarea")
	        .filter(":enabled")
	        .each(function() {
	        	params[this.name || this.id || this.parentNode.name || this.parentNode.id] = this.value;
	        });

		if (submitData)
			params[submitData.name] = submitData.value;

		var uframeId = $(form).attr("UFrameID");
		var uframe = UFrameManager.getUFrame(uframeId);

		var config = uframe.config;
		var container = $('#' + config.id);

		var url = UFrameManager.resolveUrl(config.loadFrom, form.action);
		if ((config.beforeLoad || UFrameManager.empty)(url, params) !== false) {
			if (config.progressTemplate) container.html(config.progressTemplate);

			$.post(url, params, function(data) {
				config.loadFrom = url;
				(config.afterLoad || UFrameManager.empty)(url, data);
				UFrameManager.processHtml(data, container, config);
			});
		}
	},

	loadHtml: function(url, params, config) {
		var container = $('#' + config.id);
		var queryString = $.param(params || {});

		if ((config.beforeLoad || UFrameManager.empty)(url, params) !== false) {
			//if(config.progressTemplate) container.html(config.progressTemplate);
			config.loadFrom = url;
			UFrameManager.getHtml(url, queryString, function(content) {
				var callback = (config.afterPost || UFrameManager.empty);
				callback.call(container, url, content);
				UFrameManager.processHtml(content, container, config);
			});
		}
	},

	processHtml: function(content, container, config) {
		var result = UFrameManager.parseHtml(content, config);

		var head = document.getElementsByTagName('head')[0];

		$(result.styles).each(function(index, text) {
			var styleNode = document.createElement("style");
			styleNode.setAttribute("type", "text/css");
			if (styleNode.styleSheet) // IE
			{
				styleNode.styleSheet.cssText = text;
			}
			else // w3c
			{
				var cssText = document.createTextNode(text);
				styleNode.appendChild(cssText);
			}

			head.appendChild(styleNode);
		});

		$(result.links).each(function(index, attrs) {
			window.setTimeout(function() {
				var link = document.createElement('link');
				var href = "";
				for (var i = 0; i < attrs.length; i++) {
					var attr = attrs[i];
					if (attr.name == "href") href = attr.value;
					link.setAttribute("" + attr.name, "" + attr.value);
				}

				if (href.length > 0) {
					link.href = UFrameManager.resolveUrl(config.loadFrom, href);
					if (!UFrameManager.isTagLoaded('link', 'href', link.href))
						head.appendChild(link);
				}
			}, 0);
		});
		/*
		var scriptsToLoad = result.externalScripts.length;

		var old = document.write;
		var oldln = document.writeln;
		this.txt = '';
		var me = this;

		var write = function(t) {
		debugger;
		me.txt = me.txt.concat(t);
		};
		var writeln = function(t) {
		me.txt = me.txt.concat(t, '\n');
		};

		document.write = write;
		document.writeln = writeln;

		$(result.inlineScripts).each(function(index, script) {
		$.globalEval(script);
		});

		$(result.externalScripts).each(function(index, scriptSrc) {
		scriptSrc = UFrameManager.resolveUrl(config.loadFrom, scriptSrc);

			if (UFrameManager.isTagLoaded('script', 'src', scriptSrc)) {
		scriptsToLoad--;
		}
		else {
		$.ajax({
		url: scriptSrc,
		type: "GET",
		data: null,
		dataType: "script",
		success: function() { scriptsToLoad--; if (me.txt.length > 0) { container.append(me.txt); me.txt = ''; } },
		error: function() { scriptsToLoad--; },
		cache: true,
		async: false
		});
		}
		});*/

		var $_old = {
			write: document.write,
			writeln: document.writeln
		};
		var me = this;
		me.text = '';

		/* jquery duplicates -- can't use jquery because it will affect all domManip calls */
		function evalScript(i, elem) {
			function exec(t) {
				if (t && /\S/.test(t)) {
					// Inspired by code by Andrea Giammarchi
					// http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
					var head = document.getElementsByTagName("head")[0] || document.documentElement,
							script = document.createElement("script");

					script.language = elem.language;

					if (!script.language || script.language.toLowerCase() != 'vbscript')
						script.type = elem.type || "text/javascript";

					if (jQuery.support.scriptEval)
						script.appendChild(document.createTextNode(t));
					else
						script.text = t;

					// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
					// This arises when a base node is used (#2709).
					head.insertBefore(script, head.firstChild);
					head.removeChild(script);
				}
				//jQuery.globalEval(elem.text || elem.textContent || elem.innerHTML || "");

				if (me.text.length > 0) {
					var t = me.text;
					me.text = '';
					append(t);
				}
			};

			if (elem.src) {
				jQuery.get('/handlers/adgateway.ashx?url=' + escape(elem.src), function(d, s) {
					if (me.text.length == 0) {
						exec(d);
					}
					else {
						var t = me.text + '\n<scr' + 'ipt type="' + (elem.type || 'text/javascript') + '">' + d + '</scr' + 'ipt>';
						me.text = '';
						append(t);
					}
				});
			}
			else {
				var t = (me.text + '\n' + elem.text || elem.textContent || elem.innerHTML || "").trim();
				me.text = '';
				exec(t);
			}

			if (elem.parentNode)
				elem.parentNode.removeChild(elem);
		};

		function domManip(args, table, callback) {
			if (container[0]) {
				var fragment = (container[0].ownerDocument || container[0]).createDocumentFragment(), scripts = jQuery.clean(args, (container[0].ownerDocument || container[0]), fragment), first = fragment.firstChild;
				if (first)
					for (var i = 0, l = container.length; i < l; i++)
					callback.call(root(container[i], first), container.length > 1 || i > 0 ? fragment.cloneNode(true) : fragment);

				if (scripts)
					jQuery.each(scripts, evalScript);
			}

			return container;

			function root(elem, cur) {
				return table && jQuery.nodeName(elem, "table") && jQuery.nodeName(cur, "tr") ?
							(elem.getElementsByTagName("tbody")[0] || elem.appendChild(elem.ownerDocument.createElement("tbody"))) : elem;
			}
		};

		function html(value) {
			return value === undefined ?
					(container[0] ?
						container[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g, "") :
						null) :
					append(value);
		};

		function append(value) {
			return domManip(arguments, true, function(elem) {
				if (this.nodeType == 1)
					this.appendChild(elem);
			});
		};

		document.write = function(str) {
			me.text = me.text.concat(str);
			if (me.text.match(/\<\s*\/\s*script\s*\>/i)) {
				var t = me.text;
				me.text = '';
				append(t);
			}
		};
		document.writeln = function(str) {
			me.text = me.text.concat(str, '\n');
			if (me.text.match(/\<\s*\/\s*script\s*\>/i)) {
				var t = me.text;
				me.text = '';
				append(t);
			}
		};

		var html = (config.beforeBodyTemplate || "") + result.body + (config.afterBodyTemplate || "");
		if (result.inlineScripts.length > 0) {
			html += '<scr' + 'ipt type="text/javascript">' + result.inlineScripts + '</scr' + 'ipt>';
		}
		if (result.externalScripts.length > 0) {
			for (var i = 0; i < result.externalScripts.length; i++) {
				html += '<scr' + 'ipt type="text/javascript" src="' + result.externalScripts[i] + '"></scr' + 'ipt>';
			}
		}

		append(html);

		UFrameManager.hook(container, config);

		/*
		// wait until all the external scripts are downloaded
		UFrameManager.until({
		test: function() { return scriptsToLoad === 0; },
		delay: 100,
		callback: function() {
		// render the body
		var html = (config.beforeBodyTemplate || "") + result.body + (config.afterBodyTemplate || "");
		container.html(html);

				window.setTimeout(function() {
		// execute all inline scripts 
		$(result.inlineScripts).each(function(index, script) {
		$.globalEval(script);
		});

					UFrameManager.hook(container, config);

					if (typeof callback == "function") callback();
		}, 10);
		}
		});*/
	},

	isTagLoaded: function(tagName, attName, value) {
		// Create a temporary tag to see what value browser eventually 
		// gives to the attribute after doing necessary encoding
		var tag = document.createElement(tagName);
		tag[attName] = value;
		var tagFound = false;
		$(tagName, document).each(function(index, t) {
			if (tag[attName] === t[attName]) { tagFound = true; return false }
		});
		return tagFound;
	},

	hook: function(container, config) {
		// Add an onclick event on all <a> 
		$("a", container)
        .unbind("click")
        .click(function() {
        	var href = $(this).attr("href");
        	if (href) {
        		// if href is an absolute URL to outside domain, leave it
        		if (href.indexOf("http://") >= 0 && href.indexOf(document.location.host) < 0) {
        			return true;
        		}
        		else {
        			if (href.indexOf('javascript:') !== 0) {
        				UFrameManager.loadHtml(href, null, config);
        				return false;
        			}
        			else if (UFrameManager.executeASPNETPostback(this, href)) {
        				return false;
        			}
        			else
        				return true;
        		}
        	}
        	else {
        		return true;
        	}
        });

		// Hook all button type things that can post the form
		$(":image,:submit,:button", container)
            .unbind("click")
            .click(function() {
            	return UFrameManager.submitInput(this);
            });


		// Only for IE6 : enter key invokes submit event
		$("form", container)
            .attr("UFrameID", config.id)
            .unbind("submit")
            .submit(function() {
            	var firstInput = $(":image,:submit,:button", container).get(0);
            	return UFrameManager.submitInput(firstInput);
            });

	},

	executeASPNETPostback: function(input, href) {
		if (href.indexOf("__doPostBack") > 0) {
			// ASP.NET Postback. Collect the values being posted and submit them manually
			var parts = href.split("'");
			var eventTarget = parts[1];
			var eventArgument = parts[3];

			var form = $(input).parents("form").get(0);
			form.__EVENTTARGET.value = unescape(eventTarget);
			form.__EVENTARGUMENT.value = unescape(eventArgument);
			UFrameManager.submitForm(form, null);
			return true;
		}
		else {
			return false;
		}
	},

	submitInput: function(input) {
		var form = input.form;
		if (form.onsubmit && form.onsubmit() == false) {
			return false;
		}

		input = $(input);
		UFrameManager.submitForm(form, { name: input.attr("name"), value: input.attr("value") });

		return false;
	},

	until: function(o /* o = { test: function(){...}, delay:100, callback: function(){...} } */) {
		if (o.test() === true) o.callback();
		else window.setTimeout(function() { UFrameManager.until(o); }, o.delay || 100);
	},

	delay: function(func, delay) {
		window.setTimeout(func, delay || 100);
	},

	resolveUrl: function(baseUrl, relativeUrl) {
		// Hack for firefox, as Firefox make any relative URL absolute by just adding the current document's absolute path
		// to the URL
		var currentPageUrl = document.location.protocol + "//" + document.location.host + document.location.pathname;

		if (relativeUrl.indexOf(currentPageUrl) == 0) relativeUrl = relativeUrl.substring(currentPageUrl.length);

		// if it's an absolute URL, return as it is
		if (relativeUrl.indexOf("http://") >= 0) return relativeUrl;

		// If URL starts with root, then return it as it is
		if (relativeUrl.indexOf("/") == 0) return relativeUrl;

		var lastSeparator = baseUrl.lastIndexOf("/");
		if (lastSeparator < 0) return relativeUrl;
		else return baseUrl.substring(0, lastSeparator) + "/" + relativeUrl;
	},

	parseHtml: function(content) {
		var result = { body: "", externalScripts: [], inlineScripts: [], links: [], styles: [] };

		var bodyContent = [];
		var bodyStarted = false;

		var inlineScriptStarted = false;
		var inlineScriptContent = [];

		var inlineStyleStarted = false;
		var inlineStyleContent = [];

		var noScriptStarted = false;

		var iframeStarted = false;

		HTMLParser(content, {
			start: function(tag, attrs, unary) {
				if (tag == "body") {
					bodyStarted = true;
				}				
				else if (tag == "noscript") {
					noScriptStarted = true;
				}
				else if (tag == "script" && !iframeStarted) {
					var srcFound = false;
					$(attrs).each(function(index, attr) {
						if (attr.name == "src") {
							result.externalScripts.push(attr.value);
							srcFound = true;
						}
					});
					if (!srcFound) {
						// inline script
						inlineScriptStarted = true;
						inlineScriptContent = [];
					}
				}
				else if (tag == "link") {
					result.links.push(attrs);
				}
				else if (tag == "style") {
					// inline style node
					inlineStyleStarted = true;
					inlineStyleContent = [];
				}
				else {
					if (bodyStarted && !noScriptStarted && !iframeStarted) {
						var attributes = [];
						for (var i = 0; i < attrs.length; i++)
							attributes.push(attrs[i].name + '="' + attrs[i].value + '"');

						bodyContent.push("<" + tag + " " + attributes.join(" ") + (unary ? "/" : "") + ">");
					}


					if (tag == "iframe") {
						iframeStarted = true;
					}
				}
			},
			end: function(tag) {
				if (tag == "script" && !iframeStarted) {
					if (inlineScriptStarted) {
						inlineScriptStarted = false;
						result.inlineScripts.push(inlineScriptContent.join("\n"));
					}
				}
				else if (tag == "iframe") {
					iframeStarted = false;
				}
				else if (tag == "noscript" && !iframeStarted) {
					noScriptStarted = false;
				}
				else if (tag == "style") {
					inlineStyleStarted = false;
					result.styles.push(inlineStyleContent.join("\n"));
				}
				else if (tag == 'body') {
					bodyStarted = false;
				}
				else {
					if (bodyStarted && !noScriptStarted && !iframeStarted)
						bodyContent.push("</" + tag + ">");
				}
			},
			chars: function(text) {
				if (inlineScriptStarted)
					inlineScriptContent.push(text);
				else if (inlineStyleStarted)
					inlineStyleContent.push(text);
				else if (bodyStarted)
					bodyContent.push(text);
			},
			comment: function(text) {
			}
		});

		result.body = bodyContent.join("\n");
		return result;
	},
	initContainers: function() {
		$('div[src]', document).each(function() {
			var container = $(this);
			var id = container.attr("id");
			if (null == UFrameManager._uFrames[id]) {
				UFrameManager.init({
					id: id,

					loadFrom: container.attr("src") +'&r=' + Math.random(),
					initialLoad: "GET",

					progressTemplate: container.attr("progressTemplate") || null,

					showProgress: container.attr("showProgress") || false,

					beforeLoad: function(url, data) { return eval(container.attr("beforeLoad") || "true") },
					afterLoad: function(data, response) { return eval(container.attr("afterLoad") || "true") },
					beforePost: function(url, data) { return eval(container.attr("beforePost") || "true") },
					afterPost: function(data, response) { return eval(container.attr("afterPost") || "true") },

					params: null,

					beforeBodyTemplate: container.attr("beforeBodyTemplate") || null,
					afterBodyTemplate: container.attr("afterBodyTemplate") || null
				});
			}
		});
	}
};

	$(function() {
		UFrameManager.initContainers();
	});

})();