/**
 *  jQuery Tooltip Plugin
 *@requires jQuery v1.2.6 or greater
 *  http://www.socialembedded.com/labs
 *
 *  Copyright (c)  Hernan Amiune (hernan.amiune.com)
 *  Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 * 
 *  Version: 1.0
 */

var img_location="../images/"
var color_img="b1";
(function($){ $.fn.tmmc = function(options){

    var defaults = {
		duration: 3000,    //duration of the animation
		animationSteps: 3, //steps of the animation
		symbol: "*",       //symbol to animate
		z_order: "100"      //css zorder
	};
  
    var options = $.extend(defaults, options);
	
	function endCallback(){}

	return this.each(function(index) {
		
		var $this = $(this);
		
		var img_size=64;
		
		var bodyW = $("body").width() - 50;
		var bodyH = $("body").height() - 50;
		var pos = $this.position();
		//alert(pos);
		var stepLength = options.duration/options.animationSteps;
		
		var _event=options.firedEvent;
		var startX=_event.pageX-(img_size/2);
		var startY=_event.pageY-(img_size/2);
		
		var img=img_location+color_img;
		var img_ext=null;
		img_ext=".gif";

		var imgID="floatImage"+new Date().getTime();
		
		
		if(color_img!=null){
			//var $tmmc = $('<div><img id="'+imgID+'" src="'+img+img_ext+'"/></div>');
			var $tmmc = $('<div class="sprpnt_dot"></div>');
			$tmmc.css("background-image",'url('+img+img_ext+')').css('width',img_size+'px').css('height',img_size+'px');
			$tmmc.css("position","absolute").css("font-size","20px").css("z-order",options.z_order);
			$tmmc.css("top",startY+"px").css("left",startX+"px");
			
			//$tmmc.css("border","1px solid yellow");
			
			$('body').append($tmmc);
			
			var i=0;
			
			$tmmc.mousedown(
				function(e){
					//attempt spray
					trySpray(e);
				}
			);
			$tmmc.mouseover(
				function(e){
					if(enableSpray&&color_img==null)$tmmc.remove();
				}
			);
			$tmmc.click(
				function(e){
					if(color_img==null)$tmmc.remove();
				}
			);
		}
	});

}})(jQuery);

function sprayKey(event){
	if(_triggered){
		switch(event.keyCode){
			case 69:color_img=null;break;//'e' eraser
			case 49:color_img="b1";break;//black
			case 50:color_img="bl1";break;//blue
			case 51:color_img="g1";break;//green
			case 52:color_img="r1";break;//red
			case 53:color_img="y1";break;//yellow
			case 67:sprclear();break;//'c' clear all
			case 27:sprremoveAll();_triggered=false;break;//'esc' cancel
		}
	}
}
function sprclear(){
	$('.sprpnt_dot').remove();
}
function sprremoveAll(){
	$('.sprpnt_dot').remove();
	$('.sprpnt_dir').remove();
	$('#container').show();
}
var enableSpray=false;
var counter=0;
function trySpray(e){
	if(_triggered&&color_img!=null&&enableSpray&&counter==0){
		if (typeof(e)=="undefined")e=event;
		$("body").tmmc({firedEvent:e,duration:5000, animationSteps:5});
		sprpopMessage(e);
	}else if(_triggered&&color_img==null){
		sprpopMessage(e);
	}
	counter++;
	if(counter>2)counter=0;
}
function sprpopMessage(){
	var startY=0;
	var startX=0;
	var msg_width=325;
	var newload=document.getElementById('sprpnt_dir')==null;
	if(newload)window.scrollTo(0,0);
	
	if(navigator.userAgent.indexOf("MSIE")!=-1&&document.compatMode=='CSS1Compat'){	
		startY=document.body.parentNode.scrollTop;
		startX=document.body.parentNode.scrollLeft;
	}else{
		startY=window.scrollY;//+window.innerHeight-200;
		startX=(window.innerWidth);
		startX-=msg_width+40;
		startX=0;
	}
	$('#container').hide();
	var $tmmc=null;
	if(newload){
		$tmmc = $('<div class="sprpnt_dir" id="sprpnt_dir" style="width:'+msg_width+'px"></div>');
		$tmmc.css("position","absolute").css("font-size","12px").css("z-order",1);
		$tmmc.css("border","1px solid").css("padding","4px");
		$tmmc.css("background-color",'white')
		var _title="<div><b>Graffiti Hurts does not promote or encourage graffiti in any way shape or form.</b>  But, if you do want to get it out of your system, do it here where no one gets hurt =)</b></div><div><b>Instructions:</b><br/>Press the keys defined below to change color.  Click your mouse to paint. Have fun!!!</div>";
		var _html=_title+"<table><tr><td style='width:100px'><b>key</b></td><td><b>effect</b></td></tr><tr><td>1</td><td>black</td></tr><tr><td>2</td><td>blue</td></tr><tr><td>3</td><td>green</td></tr><tr><td>4</td><td>red</td></tr><tr><td>5</td><td>yellow</td></tr><tr><td>e</td><td>erase</td></tr><tr><td>c</td><td>clean</td></tr><tr><td>esc</td><td>quit</td></tr></table>";
		$tmmc.html(_html);
		$('body').append($tmmc);
	}else{
		$tmmc=$('#sprpnt_dir');
	}
	if($tmmc!=null)	$tmmc.css("top",startY+"px").css("left",startX+"px");
	
}