/*
 Vijul Javascript client-side API v1
 Originally modeled by Alex Schliker
 Note: look into Google package for compressing Javascript - push_live should do this for us.
 - test
*/

//http://v3.thewatchmakerproject.com/code/extended-dollar.txt
function $$$() {
	var elements = new Array();
	for (var i=0,len=arguments.length;i<len;i++) {
		var element = arguments[i];
		if (typeof element == 'string') {
			var matched = document.getElementById(element);
			if (matched) {
				elements.push(matched);
			} else {
				var allels = (document.all) ? document.all : document.getElementsByTagName('*');
				var regexp = new RegExp('(^| )'+element+'( |$)');
				for (var i=0,len=allels.length;i<len;i++) if (regexp.test(allels[i].className)) elements.push(allels[i]);
			}
			if (!elements.length) elements = document.getElementsByTagName(element);
			if (!elements.length) {
				elements = new Array();
				var allels = (document.all) ? document.all : document.getElementsByTagName('*');
				for (var i=0,len=allels.length;i<len;i++) if (allels[i].getAttribute(element)) elements.push(allels[i]);
			}
			if (!elements.length) {
				var allels = (document.all) ? document.all : document.getElementsByTagName('*');
				for (var i=0,len=allels.length;i<len;i++) if (allels[i].attributes) for (var j=0,lenn=allels[i].attributes.length;j<lenn;j++) if (allels[i].attributes[j].specified) if (allels[i].attributes[j].nodeValue == element) elements.push(allels[i]);
			}
		} else {
			elements.push(element);
		}
	}
	if (elements.length == 1) {
		return elements[0];
	} else {
		return elements;
	}
}

/*
 * (c)2006 Jesse Skinner/Dean Edwards/Matthias Miller/John Resig
 * Special thanks to Dan Webb's domready.js Prototype extension
 * and Simon Willison's addLoadEvent
 *
 * For more info, see:
 * http://www.thefutureoftheweb.com/blog/adddomloadevent
 * http://dean.edwards.name/weblog/2006/06/again/
 * http://www.vivabit.com/bollocks/2006/06/21/a-dom-ready-extension-for-prototype
 * http://simon.incutio.com/archive/2004/05/26/addLoadEvent
 * 
 *
 * To use: call addDOMLoadEvent one or more times with functions, ie:
 *
 *    function something() {
 *       // do something
 *    }
 *    addDOMLoadEvent(something);
 *
 *    addDOMLoadEvent(function() {
 *        // do other stuff
 *    });
 *
 */
 
addDOMLoadEvent = (function(){
    // create event function stack
    var load_events = [],
        load_timer,
        script,
        done,
        exec,
        old_onload,
        init = function () {
            done = true;

            // kill the timer
            clearInterval(load_timer);

            // execute each function in the stack in the order they were added
            while (exec = load_events.shift())
                exec();

            if (script) script.onreadystatechange = '';
        };

    return function (func) {
        // if the init function was already ran, just run this function now and stop
        if (done) return func();

        if (!load_events[0]) {
            // for Mozilla/Opera9
            if (document.addEventListener)
                document.addEventListener("DOMContentLoaded", init, false);

            // for Internet Explorer
            /*@cc_on @*/
            /*@if (@_win32)
                document.write("<script id=__ie_onload defer src=//0><\/scr"+"ipt>");
                script = document.getElementById("__ie_onload");
                script.onreadystatechange = function() {
                    if (this.readyState == "complete")
                        init(); // call the onload handler
                };
            /*@end @*/

            // for Safari
            if (/WebKit/i.test(navigator.userAgent)) { // sniff
                load_timer = setInterval(function() {
                    if (/loaded|complete/.test(document.readyState))
                        init(); // call the onload handler
                }, 10);
            }

            // for other browsers set the window.onload, but also execute the old window.onload
            old_onload = window.onload;
            window.onload = function() {
                init();
                if (old_onload) old_onload();
            };
        }

        load_events.push(func);
    }
})();

function addEvent(obj, evType, fn, useCapture){
	  if (obj.addEventListener){
	    obj.addEventListener(evType, fn, useCapture);
	    return true;
	  } else if (obj.attachEvent){
	    var r = obj.attachEvent("on"+evType, fn);
	    return r;
	  } else {
	    //alert("Handler could not be attached");
		return false;
	  }
}

function removeEvent(obj, evType, fn, useCapture){
	  if (obj.removeEventListener){
	    obj.removeEventListener(evType, fn, useCapture);
	    return true;
	  } else if (obj.detachEvent){
	    var r = obj.detachEvent("on"+evType, fn);
	    return r;
	  } else {
	    //alert("Handler could not be removed");
		return false;
	  }
}

function addLoadEvent(func) {
	  var oldonload = window.onload;
	  if (typeof window.onload != 'function') 
	  {
	    window.onload = func;
	  } 
	  else 
	  {
	    window.onload = function() 
	    {
	      if (oldonload) 
	      {
	        oldonload();
	      }
	      func();
	    }
	  }
	  return true;
}





var WidgetAjax = this.WidgetAjax = {
	DEFAULT_SITE: ((document.location.protocol == 'https:') ? "https:" : "http:") + "//vijul.com/",
	DEFAULT_WIDGET: "widget/",
	DEFAULT_STATIC: "static/",
	ACCOUNT_BASE_URL: "vijul",
	ACCOUNT_ID: "2",
	dyna_script: function(src) {
		var e = document.createElement("script");
		e.src = src;
		e.type="text/javascript";
		document.getElementsByTagName("head")[0].appendChild(e); 
	},

	dyna_css: function(src) {
		
		var link = document.createElement('link');   
		link.href = WidgetAjax.DEFAULT_SITE + WidgetAjax.DEFAULT_STATIC + src;   
		link.rel = 'stylesheet';
		link.type = 'text/css'; 
		document.getElementsByTagName('head')[0].appendChild(link);   
	},
	
	get_page: function(page_name, callback, params) {
		// grabs a page, creates an embed via javascript		
				
		var url = WidgetAjax.DEFAULT_SITE + WidgetAjax.DEFAULT_WIDGET + 'get_page/' + WidgetAjax.ACCOUNT_BASE_URL + '/' + WidgetAjax.ACCOUNT_ID + '/' + page_name + '/?callback=' + escape(callback);
		if (typeof(params) != 'undefined') {
			for (var key in params) {
				url += '&' + key + '=' + escape(params[key]);
			}
		}
		
		WidgetAjax.dyna_script(url);
	},
	
	get_json_content: function (json) {
		// grab the html from the json callback and pass it into Page.set_html
		WidgetPage.set_html(json.html);
	},
	
	form_action: function(that, callback) {
		var form = that;
		var action = form.getAttribute('action');
		var input_elements = $$$('Vijul_form_'+action);
			
		//loop through all form elements by class Vijul_form_<action> 
		params = new Object();
		for (var i=0; i<input_elements.length; i++) {
			var elem = input_elements[i];
			var key = elem.getAttribute('name');
			var type = elem.getAttribute('type');
			if (/_email$/.test(key)) {
				var value = elem.value;
				var result = /[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}/.exec(value);
				if (result == null) {
					alert('Please enter a valid email address.');
					return false;
				}
			}
			if (/_q$/.test(key)) {
				var value = elem.value;
				value = value.replace(/^\s+|\s+$/g,"");
				if (value == '') {
					alert('Please enter a question or comment.');
					return false;
				}
			}
			if (type == 'checkbox') {
				var value = elem.checked ? 1 : 0;
			} else {
				var value = elem.value;
			}
			params[key] = value;
		}
		WidgetAjax.get_page(action, callback, params);
		return false;
	}
		
};

var WidgetPage = this.WidgetPage = {
	set_html: function(html) {
		var container = $$$("convo_track");
		container.innerHTML = html;
	},
	
	action_submit: function(json) {
		//alert("action_submit!");
		//alert("args: " + args);
		WidgetPage.set_html(json.html);
	}
};

addEvent(window,"load",function(){
	
});

var container = $$$("convo_track");
if (/msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent)) {
	container.style.position = 'absolute';
}
// Place the html content in the convo_track div.
WidgetAjax.get_page('main','WidgetAjax.get_json_content');