/**
 * Heretic Clippy
 * @version 1.0.0
 * @author sprky0
 */

function __clippyboot(run) {
	var _run = run;
	if (!document.getElementsByTagName("body")[0]) {
		setTimeout(function(){__clippyboot(_run);},10);
	} else {
		_run();
	}
}

var GUID = {base:"_",cur:0,get:function(){this.cur++;return this.base+this.cur;}}

var HelpText = function(_question,reusable) {
	this.question = _question;
	this.options = [];
	// this.key = key_override ? key_override : GUID.get();
	this.key = GUID.get();
	this.views = 0;
	this.reusable = (reusable === true);
	this.timeout = {};
	return this;
}
HelpText.prototype.available = function() {
	return (this.views < 1 || this.reusable === true);
}
HelpText.prototype.addResponseURL = function(_text,_url) {
	this.options.push({text:_text,URL:_url,rel:"external"});
	return;
}
HelpText.prototype.addResponse = function(_text,_callback) {
	this.options.push({text:_text,callback:_callback,rel:"internal"});
	return;
}
HelpText.prototype.addTimeout = function(_timeout,_callback) {
	this.timeout = {callback:_callback,timeout:_timeout};
}
HelpText.prototype.getKey = function() {return this.key;}
HelpText.prototype.toString = function() {
	return this.question;
}
HelpText.prototype.toString = function() {
	return this.getKey();	
}
HelpText.prototype.toElements = function() {

	this.views++;

	var div = document.createElement('div');
	var p = document.createElement('p');
	p.innerHTML = this.question;
	div.appendChild(p);

	for(var i = 0; i < this.options.length; i++) {
		var button = document.createElement('button');
		button.innerHTML = this.options[i].text;
		if (this.options[i].rel == "internal")
			button.onclick = this.options[i].callback;
		else {
			var _Option = this.options[i];
			button.onclick = function(){
				window.location = _Option.URL;
			}
		}
		div.appendChild(button);
	}

	if (this.timeout.callback && typeof(this.timeout.callback) == "function") {
		setTimeout(this.timeout.callback, (this.timeout.timeout ? this.timeout.timeout : 500));
	}

	return div;
}

/* CLIPPY Display */
var ClippyDisplay = function(options) {

	this.file_dir = (options.file_dir) ? options.file_dir : "";

	this.div = document.createElement('div');
	this.div.style.zIndex = 1000000;
	this.div.style.width = "102px";
	this.div.style.height = "98px";
	this.div.style.backgroundColor = "transparent";
	this.div.style.position = "absolute";
	this.div.style.bottom = 0;
	this.div.style.color = "black";
	this.div.style.right = "60px";
	this.div.style.display = "block";
	var img = new Image();
		img.src = this.file_dir + "clippy-main.png";
		img.style.position = "relative";
		img.style.display = "block";

	this.div.appendChild(img);

	this.div.style.opacity = (options.visible === false) ? 0 : 1;

	if (options.click && typeof(options.click) == "function") {
		img.onclick = options.click;
	}

	return this;
}
ClippyDisplay.prototype.getElement = function() {
	return this.div || null;
}
ClippyDisplay.prototype.getPosition = function() {
	return {bottom:this.div.style.bottom,right:this.div.style.right};
}
ClippyDisplay.prototype.fadeIn = function(duration,options) {

	var _clipple = this;

	if (!options) 
		options = {};
	if (!options.step)
		options.step = 1 / 200;
	if (!options.value)
		options.value = 0;
	if (!options.remain)
		options.remain = 200;
	if (!options.increment)
		options.increment = duration / 200;

	options.remain--;
	options.value += options.step;
	_clipple.div.style.opacity = options.value;
	
	if (options.remain > 0) { setTimeout(function(){_clipple.fadeIn(duration,options);}, options.increment); }

	return;
}
ClippyDisplay.prototype.move = function(x,y) {
	this.div.style.bottom = (parseInt(this.div.style.top) + x) + "px";
	this.div.style.right = (parseInt(this.div.style.left) + y) + "px";
}

/** SPEECH BUBBLE **/

var PopupDisplay = function(o,options) {

	this.file_dir = (options.file_dir) ? options.file_dir : "";

	if (typeof(o) === "string") {
		p = document.createElement('p');
		p.innerHTML = o;
		o = p;
	}

	this.div = document.createElement('div');
	this.div.style.zIndex = 1000000;
	this.div.style.width = "130px";
	this.div.style.height = "auto";
	this.div.style.backgroundColor = "transparent";
	this.div.style.color = "black";
	this.div.style.position = "absolute";
	this.div.style.bottom = "85px";
	this.div.style.right = "55px";
	this.div.style.display = "block";

	var imgTop = new Image();
	imgTop.src = this.file_dir + "clippy-speech-top.png";
	imgTop.style.position = "relative";
	imgTop.style.display = "block";
	this.div.appendChild(imgTop);

	this.message = document.createElement('div');
	this.message.style.background = "transparent url('" + this.file_dir + "clippy-speech-mid.png') top left repeat-y";
	this.message.style.padding = "8px";
	this.message.style.font = "11.5px Arial, Verdana, Sans";
	// this.message.innerHTML = text;
	this.message.appendChild(o);

	this.div.appendChild(this.message);

	var imgBottom = new Image();
	imgBottom.src = this.file_dir + "clippy-speech-bottom.png";
	imgBottom.style.position = "relative";
	imgBottom.style.display = "block";
	this.div.appendChild(imgBottom);

	return this;
}
PopupDisplay.prototype.close = function() {
	try {
		var div = this.getElement();
		if (div != null && div.parentNode) {
			div = div.parentNode;
			div.removeChild(this.getElement());
		}
	} catch(e) {
		// alert(e)
	}
}
PopupDisplay.prototype.getElement = function() {
	return this.div;
}


/** CLIPPY controller **/

var Clippy = function(_homeSelector,file_dir) {
	this.help = {};
	// What options are OK to use as an introductory question?
	this.firstlines = [];
	this.homebase = this.findHomeBase(_homeSelector);
	this.timer = false;
	this.timer_interval = 200;
	this.update_count = 0;
	this.file_dir = (file_dir) ? file_dir : "";
	return this;
}
Clippy.prototype.findHomeBase = function(selector) {

	if (!selector)
		selector = "body";

	var ref = false;
	
	if (selector.charAt(0)=="#") {
		ref = document.getElementById(selector);
	} else {
		ref = document.getElementsByTagName(selector)[0];

		var div = document.createElement("div");

		div.style.zIndex = 9999999;
		// div.style.zIndex = 10000000;
		div.style.width = "300px";
		div.style.height = "300px";
		div.style.backgroundColor = "transparent";
		div.style.position = "fixed";
		div.style.bottom = "0";
		div.style.right = "0";
		
		ref.appendChild(div);

		return div;
	
	}
	
	console.log(ref);
	
	return ref;
}
Clippy.prototype.run = function(opt) {

	if(!(opt&&opt.override&&opt.override==true)) {
		
		// we must make sure we only annoy IE6 users
		if (!(/MSIE 6/i.test(navigator.userAgent)))
			return false;

	}


	var _c = this;

	this.character = new ClippyDisplay({
		click:function(){
			_c.say([Ouch1,Ouch2,Ouch3]);
			_c.move(parseInt(Math.random()*20+-20),parseInt(Math.random()*20+-20));
		},
		file_dir : this.file_dir,
		visible : false
	});
	this.homebase.appendChild( this.character.getElement() );
	this.character.fadeIn(1000);

	var Help = new HelpText("I see you're trying to <i>use the internet.</i>  Would you like a friendly suggestion to make your browsing experience a more enjoyable and secure?");
		Help.addResponse("Yes", function(){ _c.say([FireFox,Chrome,Opera],WhyNot); } );
		Help.addResponse("No", function(){ _c.talkLater(); } );
	this.addHelp(Help,true);

	var Old = new HelpText("I see you're still <i>using IE6.</i>  That browser was released back in 2001, when strange beasts roamed the earth.<br><br>Would you like some upgrade suggestions?");
		Old.addResponse("Yes", function(){ _c.say([FireFox,Chrome,Opera],WhyNot); } );
		Old.addResponse("No", function(){ _c.talkLater(); } );
	this.addHelp(Old,true);

	var OutOfDate = new HelpText("Your current browser is out of date.<br><br>Can I show you some alternatives you might like better?");
		OutOfDate.addResponse("Yes", function(){ _c.say([FireFox,Chrome,Opera],WhyNot); } );
		OutOfDate.addResponse("No", function(){ _c.talkLater(); } );
	this.addHelp(OutOfDate,true);

	var Modern = new HelpText("Would you like to try a more modern browser?");
		Modern.addResponse("Yes", function() { _c.say([FireFox,Chrome,Opera],WhyNot); });
		Modern.addResponse("No", function() { _c.talkLater(); });
	this.addHelp(Modern,true);

	var FireFox = new HelpText("<b>Firefox</b> is a great standards compliant browser from Mozilla that is also free and open source!<br><br>Want to try it?");
		FireFox.addResponseURL("Yes", "http://www.firefox.com");
		FireFox.addResponse("No", function() { _c.say([Chrome,Opera],WhyNot); });
	this.addHelp(FireFox);

	var Chrome = new HelpText("<b>Chrome</b> is lightweight fast browser developed by Google!<br><br>Want to try it?");
		Chrome.addResponseURL("Yes", "http://www.google.com/chrome");
		Chrome.addResponse("No", function() { _c.say([FireFox,Opera],WhyNot); });
	this.addHelp(Chrome);

	var Opera = new HelpText("<b>Opera</b> is a browser focused on speed and memory usage.  Lots of people like it.<br><br>Want to give it a try?");
		Opera.addResponseURL("Yes", "http://www.opera.com");
		Opera.addResponse("No", function() { _c.say([FireFox,Chrome],WhyNot); });
	this.addHelp(Opera);

	var WhyNot = new HelpText("I hope you change your mind someday!");
		WhyNot.addTimeout(1000,function(){ _c.closeBubble(); });
	this.addHelp(WhyNot);

	// Click clippy
	var Ouch1 = new HelpText("Ouch!",true);
		Ouch1.addTimeout(1000,function(){ _c.closeBubble(); });
	this.addHelp(Ouch1);

	var Ouch2 = new HelpText("Ahhh My Face!!",true);
		Ouch2.addTimeout(1000,function(){ _c.closeBubble(); });
	this.addHelp(Ouch2);

	var Ouch3 = new HelpText("Don't hurt me no more!",true);
		Ouch3.addTimeout(1000,function(){ _c.closeBubble(); });
	this.addHelp(Ouch3);

	// initial wait
	this.talkLater(2000);

}
Clippy.prototype.addHelp = function(_help, is_startphrase) {
	this.help[ _help.getKey() ] = _help;
	if (is_startphrase)
		this.firstlines.push( _help.getKey() );

	return;
}
Clippy.prototype.sayOne = function(keys,alternative) {

	var found = false, count = 0;
	
	while(count < keys.length) {
		var choice = parseInt( Math.random() * keys.length );
		if( this.canSay( keys[choice]) ) {
			this.say(keys[choice]);
			return;
		}
		count ++;
	}

	if (alternative)
		this.say(alternative);

	return;
}
Clippy.prototype.canSay = function(key) {
	return this.help[ key ].available();
}
Clippy.prototype.say = function(key,alternative) {

	if (this.timer != false) {
		try {
			clearTimeout(this.timer);
			this.timer = false;
		} catch(e) {
			// alert(e);	
		}
	}

	if(typeof(key) !== "string" && key.length)
		this.sayOne(key,alternative);

	if (this.help[key])
		this.openBubble( this.help[ key ].toElements() );
}
Clippy.prototype.firstLine = function() {
	this.sayOne(this.firstlines);	
}
Clippy.prototype.talkLater = function(timeout) {
	this.closeBubble(); 
	var _c = this;
	this.timer = setTimeout( function() { _c.firstLine(); }, timeout ? timeout : (Math.random() * 3000 + 500));
}
Clippy.prototype.openBubble = function(_o) {

	if (typeof(_o)=="string") {
		var o = document.createElement("p");
		o.innerHTML = _o;
	} else {
		var o = _o;
	}

	if (this.bubble) {
		this.bubble.close();
	}

	this.bubble = new PopupDisplay(o,{file_dir:this.file_dir});
	this.homebase.appendChild(this.bubble.getElement());

}
Clippy.prototype.closeBubble = function() {
	if (this.bubble) {
		this.bubble.close();
	}
}
Clippy.prototype.update = function() {
	this.update_count++;
}
Clippy.prototype.move = function(x,y) {
	this.character.move(x,y);
}

/* APPLICATION LOGIC: */
// function clippy_boot() {if(document.getElementsByTagName("BODY").length === 0) {setTimeout("clippy_boot()",1);} else {clippy_main();}return;}
// function clippy_main() {var c = new Clippy("homebase","./").run();}
/* GO! */
// clippy_boot();

__clippyboot(function(){new Clippy("body","http://clippy.ajbnet.com/1.0.0/").run();});