var contentList = new Array();
var contentNum = 0;

	function processAjaxChange(form, causedBy, passCurrentParameters, passOtherForms, hasSubmit, isSubmit, affectedBy) {
        var params = getFormParams(form.action, getFormElements(form, affectedBy), false, false, false);
		if (params == null || params == '') {
			// For submit buttons use other forms parameters
			params = getFormParams(form.action, getFormElements(form, affectedBy), false, true, false);
		}
        var updateList = new Array();
        for (var i = 0; i < contentList.length; i++) {
            var content = contentList[i];
			if (isContentUpdatable(content, causedBy, params, hasSubmit, isSubmit)) {
				updateList.push(content);
			}
        }
		// Filter content list
		var filteredList = new Array();
        for (var i = 0; i < updateList.length; i++) {
			if (!isContentDependsOn(updateList[i],updateList)) {
				filteredList.push(updateList[i]);
			}
		}
		params = getFormParams(form.action, getFormElements(form, affectedBy), passCurrentParameters, passOtherForms, true, affectedBy);
        for (var i = 0; i < filteredList.length; i++) {
            processAjaxUpdate(filteredList[i], params);
        }
    }

	function isContentUpdatable(content, causedBy, params, hasSubmit, isSubmit)
	{
		if (hasSubmit && (content.type == 'table' || content.type == 'chart')) {
			// Charts and tables can be updated only by submit button or if there is no submit button at all
			return false;
		}
		if (isSubmit && content.type != 'table' && content.type != 'chart') {
			return false;
		}
		if (content.id == causedBy) {
			return false;
		}
		
		if(content.type == 'input' && content.variable == null && content.vars != null && content.vars.length > 0)
			return false;
		
		for (var k = 0; k < params.length; k++) {
			if (content.type == 'input')
				if (content.variable && params[k].indexOf(content.variable + "=") == 0)
					return true;

			if (content.vars) {
				for (var l = 0; l < content.vars.length; l++) {
					if (params[k].indexOf(content.vars[l] + "=") == 0) {
						return true;
					}
				}
			}
		}
		return false;
	}

	function isContentDependsOn(content, list)
	{
		for (var k = 0; k < list.length; k++) {
			if (list[k] == content || list[k].variable == null) continue;
			for (var j = 0; j < content.vars.length; j++)
			{
				if (content.vars[j] == list[k].variable)
				{
					return true;
				}
			}
		}
		return false;
	}

    function processAjaxUpdate(content, params) {
        var divId = 'Content-' + content.id;
        if (document.getElementById(divId) == null) {
            alert("Object div not found " + divId);
            return;
        }
        var options = new Array();
        if (params != null) {
            for(var i=0 ; i < params.length; i++)
                options.push(params[i]);
        }
        var chartUpdater = new ChartUpdater("Content-" + content.id, document.location.pathname, content.id, content.type, 0, 0, options);
        chartUpdater.sendRequest();
    }

    function getFormParams(action, elements, passCurrentParameters, passOtherForms, useURL, affectedBy)
    {
            action = new String(action);
            var url = action;
            var urlWasNull = false;
            if(url==null || url.length==0)
            {
                    urlWasNull = true;
                    url = useURL ? new String(window.location) : '';
            }
            var parts = getURLParts(url);
            var formID = "____dynamicform____";
            if (urlWasNull && !passOtherForms && parts[2] && parts[2].length==2)
            {
                    parts[2].length = 1;
            }
            if(passCurrentParameters && url==action && useURL)
            {
                    var currentParts = getURLParts(new String(window.location));
                    if(currentParts.length>0)
                        parts[2] = mergeParameters(currentParts[2], parts[2]);
            }
            if(passOtherForms)
            {
                    var others = new Array();
                    for(var i=0;i<document.forms.length;i++)
                    {
                            if(document.forms[i].name==formID)
                                    continue;
                            others = mergeParameters(others, getFormElements(document.forms[i], affectedBy));
                    }
                    elements = mergeParameters(others, elements);
            }
            var noElements = false;
            if (!elements || elements=="") noElements = true;
            parts[2] = mergeParameters(parts[2], elements);
            url = parts[0]+(parts[1]==".pgl" ? getURLParts(window.location)[1] : parts[1]);
            var params = [];
            for(var i=0;i<parts[2].length;i++)
                  params[i] = parts[2][i][0] + "=" + parts[2][i][1];
            return params;
    }

	function getElementPosition(elemID, contentID, elemType) {
		var offsetTrail = document.getElementById(elemID);
		var offsetLeft = 0;
		var offsetTop = 0;
		var first = true;
		while (offsetTrail) {
			offsetLeft += offsetTrail.offsetLeft;
			offsetTop += offsetTrail.offsetTop;
			if (first && elemType == "input") {
				var selectElem = document.getElementById(contentID);
				if (selectElem != null) {
					offsetLeft += selectElem.offsetWidth;
					first = false;
				}
			}
			offsetTrail = offsetTrail.offsetParent;
			if(offsetTrail && offsetTrail.nodeType==1 && offsetTrail.tagName == "TD" && first) {
				first = false;
				if(offsetTrail.align == "center") offsetLeft += offsetTrail.offsetWidth/2 - 50
				else if(offsetTrail.align == "right") offsetLeft += offsetTrail.offsetWidth - 250
				else offsetLeft+=100;
			}
		}
		if (navigator.userAgent.indexOf("Mac") != -1 && 
			typeof document.body.leftMargin != "undefined") {
			offsetLeft += document.body.leftMargin;
			offsetTop += document.body.topMargin;
		}
		return {left:offsetLeft , top:offsetTop};
	}

	ChartUpdater = Class.create();
	ChartUpdater.prototype = {
		initialize: function(chartDivId, url, contentId, contentType, top, left, params) {
			this.id = chartDivId;
			this.div = document.getElementById(chartDivId);
			this.contentId = contentId;
			this.contentType = contentType;
			this.top = top;
			this.left = left;
			this.requestParameters = params;
			this.initAjax(url);
			this.barsize=240;
			this.barstep=2;
		},

		initAjax: function(url) {
			ajaxEngine.registerRequest(this.id, url);
			ajaxEngine.registerAjaxObject(this.id, this);
		},

		sendRequest: function() {
			this.callRicoAjaxEngine();
		},

		callRicoAjaxEngine: function() {
			var callParms = [];
			callParms.push(this.id);
			callParms.push("__ajax_update__=true");
			callParms.push('CONTENT-ID=' + this.contentId);

			var additionalParms = this.requestParameters || [];
			for(var i=0 ; i < additionalParms.length ; i++)
				callParms.push(additionalParms[i]);

			this.showLoading();

			ajaxEngine.sendRequest.apply(ajaxEngine, callParms);
		},

		showLoading: function() {
			// Get or create the loading div to display the loading message
			var loadingDiv = document.getElementById("loadingDiv-"+this.contentId);
			if (loadingDiv == null) {
				loadingDiv = document.createElement("loadingDiv-"+this.contentId);
				loadingDiv.id = "loadingDiv-"+this.contentId;
				loadingDiv.style.display='none';
				loadingDiv.style.fontSize='11px';
				loadingDiv.style.fontFamily='Tahoma,Sans-Serif';
				loadingDiv.className = "chartLoading";
				loadingDiv.appendChild(document.createTextNode("Loading...  "));
				document.body.appendChild(loadingDiv);
			}

			// Set loading div top/left based on provided values, otherwise calculate from chart div
			var divPos = getElementPosition(this.id, this.contentId, this.contentType);
			loadingDiv.style.position = "absolute";
			loadingDiv.style.top = divPos.top + 5;
			loadingDiv.style.left = divPos.left + 15;
			loadingDiv.style.backgroundColor = "white";
			loadingDiv.style.fontSize = "11px";
			loadingDiv.style.fontWeight = "bold";
			loadingDiv.style.borderStyle = "solid";
			loadingDiv.style.borderWidth = "1";
			loadingDiv.style.padding = "3";
			//loadingDiv.style.color = "red";

			loadingDiv.style.display='inline';
		},

		/* callback from ajaxEngine */
		ajaxUpdate: function(ajaxResponse) {
			// Fadeout the current chart.  When done, it will call the func to fade-in the new chart
			this.fadeOut(ajaxResponse);
		},

		// Fade out the old chart and call fadeIn to show the new one
		fadeOut: function(ajaxResponse) {
			// Have to set the height so the div's officially in the layout for the fade to work
			if($(this.contentId))
				$(this.contentId).disabled = true;
			if (document.all) { //IE
				height = document.getElementById(this.id).offsetHeight;
				this.div.style.height=height+1; // have to change height slightly (and set back) or else IE will try
				this.div.style.height=height;   // to calculate height, get it wrong, and change the portlet size
			}

			this.showDivEffect(true, ajaxResponse);
			//new Effect.FadeTo(this.id, /*opacity*/0.01, /*duration*/100, /*steps*/4, {complete:function() {that.fadeIn(ajaxResponse)}});
			//this.fadeIn(ajaxResponse);
		},

		// Set the new content in the div and fade it in
		fadeIn: function(ajaxResponse) {
			if($(this.contentId))
				$(this.contentId).disabled = false;

			// Remove the loading message
			var loadingDiv = document.getElementById("loadingDiv-"+this.contentId);
			if(loadingDiv)
				loadingDiv.style.display='none';

			// Fade out the chart.  Call fadeIn when done
			this.div.style.height='auto';
			this.updateDiv(ajaxResponse);
			this.showDivEffect(false, null);
		},
		
		parseParam: function(str, name, defaultValue) {
			var parsed = str.match(new  RegExp(name + '="([^"]*)"'));
			return (parsed != null && parsed.length > 1) ? parsed[1] : defaultValue;
				
		},

		updateDiv: function(ajaxResponse) {
			var content = RicoUtil.getContentAsString(ajaxResponse);
			var plainContent = content.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');
			var linkPattern = '(?:<link rel=\"stylesheet\" href=\"(.*)\" type=\"text\/css\"\/>)';
			plainContent = plainContent.replace(new RegExp(linkPattern, 'img'), '');
			var linkText = content.match(new RegExp(linkPattern, 'im')) || [];
			if (linkText && linkText.length > 1) {
				var style = document.createElement('link');
				style.rel = 'stylesheet';
				style.type = 'text/css';
				style.href = linkText[1];
				document.getElementsByTagName('head')[0].appendChild(style);
			}

			var childNodes = this.div.childNodes;
			var objNode = null;
			if(!!(window.attachEvent &&  navigator.userAgent.indexOf('Opera') === -1)) // IE
			{
				objNode = childNodes[0];	
			} else  {
				for(var i = 0; i < childNodes.length; i++) {
					if(childNodes[i].nodeName == "EMBED")
					{
						objNode = childNodes[i];
						break;			
					}
				}
			}
			
			if(window.svgweb != null && objNode != null)
			{
				// need to set this height to keep contents from shifting up when the old chart is removed and the new chart is not yet ready
				this.div.style.height=Element.getHeight(this.div)+"px";
				svgweb.removeChild(objNode, this.div);
				
				var src = this.parseParam(plainContent, "src", null);
				if(src == null) {
					this.div.innerHTML = "Invalid response returned by server";
				} else {
					// example code from http://svgweb.googlecode.com/svn/trunk/docs/UserManual.html#dynamic_object
					var newObj = document.createElement('object', true);
					newObj.setAttribute('type', 'image/svg+xml');
					newObj.setAttribute('data', src);
					newObj.setAttribute('width', this.parseParam(plainContent, "width", 400));
					newObj.setAttribute('height', this.parseParam(plainContent, "height", 300));
					svgweb.appendChild(newObj, this.div);
				}
			}
			else {
				// Insert content
				this.div.innerHTML = plainContent;
				
				// Execute scripts
				var that = this;
				var matchAll = new RegExp(Prototype.ScriptFragment, 'img');
				var matchOne = new RegExp(Prototype.ScriptFragment, 'im');
				var scriptList = content.match(matchAll) || [];
				for (var i = 0; i < scriptList.length; i++) {
					var scriptContent = (scriptList[i].match(matchOne) || ['', ''])[1];
					scriptContent = scriptContent.replace('<!--', '');
					scriptContent = scriptContent.replace('//-->', '');
					try{
						var scriptElement = document.createElement('script');
						scriptElement.type = 'text/javascript';
						scriptElement.text = scriptContent;
						document.body.appendChild(scriptElement);
					} catch (e) {
						alert(e.message);
					}
				}
			}

		},

		showDivEffect: function(flag, ajaxResponse) {
			// Have to set the height so the div's officially in the layout for the fade to work
			if (document.all) { //IE
				height = document.getElementById(this.id).offsetHeight;
				this.div.style.height=height+1; // have to change height slightly (and set back) or else IE will try
				this.div.style.height=height;   // to calculate height, get it wrong, and change the portlet size
			}
			else
				this.div.style.height = 'auto';

			// Fade in to .99 instead of 1.0 because there's a flash at 1.0
			var that = this;
			//new Effect.FadeTo(this.id, /*opacity*/0.99, /*duration*/200, /*steps*/10, {complete:function() {that.after()}});

			if(this.requestParameters.toString().indexOf(this.contentId+'_offset') == -1) {
				// normal update
				if (flag) {
					new Rico.Effect.FadeTo(this.id,
						0.1, // 20% opacity
						500, // 500ms (1/2 second)
						10, // 10 steps
						{complete:function()
						{
							that.fadeIn(ajaxResponse);
						}});
				}
				else {
					new Rico.Effect.FadeTo(this.id,
						0.95, // 20% opacity
						500, // 500ms (1/2 second)
						10, // 10 steps
						{complete:function()
						{
							that.after();
						}});
				}
			} else {
				// pagination, disable control only
				if (flag) {
					that.fadeIn(ajaxResponse);
				} else {
					that.after();
				}
			}
		},

		after: function() {
			this.div.style.height='auto';
		}
	}