/* YetAnotherShoutBox AJAX Javascript

 * author: Thomas Lorenz

 * Version: 2.0.2

 * http://www.freudeamgolfen.de

 */



var YaSB = new Class({

	

	options: {

		refresh: 1,

		base: '/modules/mod_yasb/',

		reverse:false

	},

	

	captcha : {},

	message : {},

	form:	{},

	chat:{},

	AJAX:{},

	smilyWdn:null,

	language :{

			TIMESTRING:'%s ago',

			YEAR:'year',

			YEARS:'years',

			MONTHS:'months',

			MONTH:'month',

			WEEKS:'weeks',

			WEEK:'week',

			DAY:'day',

			DAYS:'days',

			HOURS:'hours',

			HOUR:'hour',

			MINUTES:'minutes',

			MINUTE:'minute',

			LESSMINUTE:'less than 1 minute',

			JAVAWARNING:'Java need to be enabled for sound notifications.'

	},

	

	initialize: function(options){

		

		if(arguments.length > 1){

			this.language = arguments[1];

		}

		

		this.setOptions(options);

		this.captcha = new YaSB.Captcha({

			mediaBase:this.options.base+"media/"

		});

		

		this.message = new YaSB.Message();

		

		this.chat = new YaSB.Chat({reverse:this.options.reverse});

		this.chat.setLanguage(this.language);

		

		this.AJAX = new Json.Remote('index.php?option=com_yasb&task=jsonRequest&tmpl=component',{

			onComplete:this.handleResponce.create({bind:this})

		});

		

		this.form = new YaSB.Form();

		

		this.sound = new YaSB.Sound({

			mediaBase:this.options.base+"media/"

		});

		

		var al = $('yasb').getElements('a.yasbActionLink');

		for(var i=0;i<al.length;i++){

			al[i].href = "javascript:void(0);";

			al[i].addEvent('click',(function(event){

				event = new Event(event);

				var opts = Json.evaluate(event.target.rel) ;

				switch(opts.action){

				case 'smilies':

					this.toggleSmilies();

					break;

				case 'removeShout':

					this.removeShout(opts.id);

					break;

				case 'banShout':

					this.banShout(opts.id);

					break;

				}

			}).bind(this));

		}

		

		this.recieveShout.periodical(this.options.refresh * 1000,this);

		if($chk(this.form.text)) {

			

			this.form.text.addEvent('keydown',(function(event){

				if(event.keyCode == 13){

					this.sendText();

				}

				return false;

			}).bind(this));

			

			$('yasbChatForm').addEvent('submit',(function(event){

				event.preventDefault();

				this.sendText();

				return false;

			}).bind(this));

			

			$('yasbSubmit').addEvent('click',(function(){

				this.sendText();

				return false;

			}).bind(this));

		}

		if($chk(this.captcha.check) ){

			this.captcha.check.addEvent('keydown',(function(event){

				if(event.keyCode == 13){

					this.sendText();

				}

				return false;

			}).bind(this));

		}

		var media = document.getElementById('yasbMedia');

		if($chk(media)){

			if(!navigator.javaEnabled()){

				this.message.setMessage(this.language.JAVAWARNING,this.message.type.error);

			}

		}

	},

	setLanguage:function(language){

		this.language = $merge(this.language,language);

		this.chat.setLanguage(this.language);	

	},

	sendText:function(){

		if(!this.form.checkVars()){	return false; }

		if(!this.captcha.checkVars()){ return false;}

		this.AJAX.send($merge({request:'addShout'},this.form.getVars(),this.captcha.getVars()));

		this.message.hideMessage();

		this.form.reset();

		this.captcha.reset();

		return false;

	},

	handleResponce:function(responce){

		if(responce.status == 1){

			this.message.setMessage(responce.message,this.message.type.error);

		}else if(responce.status == 2){

			this.message.setMessage(responce.message,this.message.type.info);

		}

		switch(responce.request){

		case "getShout":

			for(var i = 0; i < responce.list.length;i++){

				this.form.insertPost(responce.list[i]);

				this.chat.insertPost(responce.list[i]);

			}

			if(responce.list.length>0){

				this.sound.notify();

			}

			this.chat.updateLastPost(this.form.timestamp.value,responce.now);

			break;

		case "addShout":

			if(responce.status == 0){

				this.message.hideMessage();

			}

			break;

		}

	},

	toggleSmilies:function(){

		if($chk(this.smilyWdn) ){

			if(!this.smilyWdn.closed){

				return;

			}

		}

		

		this.smilyWdn = window.open("index.php?option=com_yasb&view=smilies&tmpl=component",

				"smilyWindow",

				"toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=500,height=600,resizable=yes,dependent=yes");

		

	},	

	recieveShout:function(){

		var data = {

			request:'getShout'

		};

		data = $merge(data,this.form.getShoutRequestVars());

		this.AJAX.send(data);

	},

	removeShout:function(shoutId){

		var data = {

			request:'deleteShout',

			id:shoutId

			};

		this.AJAX.send(data);

	},

	banShout:function(shoutId){

		var data = {

			request:'banShout',

			id:shoutId

		};

		this.AJAX.send(data);

	}

});

YaSB.implement(new Options);



YaSB.Sound = new Class({

	options: {

		mediaBase: '/modules/mod_yasb/'

	},

	initialize:function(options){

		this.setOptions(options);

		

		this.image = $('yasbMediaImage');

		if(!$chk(this.image)){

			return;

		}

		

		this.value = parseInt(Cookie.get('yasbSound'));

		switch(this.value){

			case 1:

			case 2:

			case 3:

				break;

			default:

				this.value = 0;

		}

		Cookie.set('yasbSound',this.value,{duration:30});

		

		this.image.src = this.options.mediaBase+'speaker_'+this.value+'.png';

		this.image.addEvent('click',this.toggleSound.create({bind:this}));

		

		//load player applet

		this.player = new Element('object',{

			classid:"java:SoundPlayer.class",

			codebase:this.options.mediaBase, 

			id:"yasbSoundPlayer",

			width:"1px", 

			height:"1px" ,

			codetype:"application/java-applet"}

		);

		

		var param = new Element('param',{name:'volume',value:this.value});

		param.inject(this.player);

		this.player.$tmp = false;

		this.player.inject(document.body);	

	},

	toggleSound:function(){

		this.value++;

		this.value = this.value%4;

		this.image.src = this.options.mediaBase+'speaker_'+this.value+'.png';

		Cookie.set('yasbSound',this.value,{duration:30});

		try{

			this.player.setVolume(this.value+"");

		}catch (e) {}

	},

	notify:function(){

		if(!$chk(this.image)){

			return;

		}

		if(this.value > 0){

			try{

				this.player.play();

			}catch (e) {}

		}

	}

	

});

YaSB.Sound.implement(new Options);



YaSB.Form = new Class({

	name:null,

	text:null,

	idFld:null,

	timestamp:null,

	initialize:function(){

		this.name = $('yasbName');

		this.text = $('yasbText');

		this.idFld = $('yasbID');

		this.timestamp = $('yasbTime');

		

		if(!$chk(this.name) || !$chk(this.text)){

			return;

		}

		

		if( this.name.value== "" ){

			var name = Cookie.get('yasbUserName');

			if(name === false){

				name = 'guest_'+ Math.floor((Math.random() * 9000) + 1000);

			}

			this.name.value = name;

		}

		Cookie.set('yasbUserName',this.name.value,{duration:30});

		this.name.addEvent('change',function(){Cookie.set('yasbUserName',this.value,{duration:30});});

		

		var bbOpener = $('yasbBBPanelToggler');

		if(bbOpener){

			bbOpener.addEvent('click',function(){

				var bbpanel = $('yasbBBPanel');

				if(bbpanel.getStyle('display') == 'none'){

					bbpanel.setStyle('display','');

				}else{

					bbpanel.setStyle('display','none');

				}

			});

			var elems = $('yasbBBPanel').getElements('a.yasbBBInsert');

			for ( var i = 0; i < elems.length; i++) {

				elems[i].href='javascript:void(0);';

				elems[i].addEvent('click',function(){

					$('yasbText').insertAroundCursor(Json.evaluate( this.rel ),true);

				});

			}

		}

	},

	toggleBBPanel:function(){

		var bbpanel = $('yasbBBPanel');

		if(!$chk(bbpanel)){return;}

		if(bbpanel.getStyle('display') == 'none'){

			bbpanel.setStyle('display','');

		}else{

			bbpanel.setStyle('display','none');

		}

	},

	checkVars:function(){

		if(this.text.value.trim() == ''){

			this.text.focus();

			return false;

		}

		if(this.name.value.trim() == ''){

			this.name.focus();

			return false;

		}

		return true;

	},

	getVars:function(){

		return {

			name:this.name.value,

			text:this.text.value

		};

	},

	insertSmilie:function(smilie){

		$('yasbText').insertAtCursor(smilie,false);

	},

	

	getShoutRequestVars:function(){

		return {id:this.idFld.value};

	},

	insertPost:function(post){

		this.idFld.value = post.id;

		this.timestamp.value = post.timestamp;

	},

	reset:function(){

		this.text.value = "";

	}

});



YaSB.Captcha = new Class({

	options:{

		mediaBase:''

	},



	code: {},

	check: {},

	image: {},

	

	initialize:function(options){

		this.setOptions(options);

		

		this.check = $('yasbCheck');

		this.code = $('yasbCode');

		this.image = $('yasbCaptImg');

		this.reload();

		var reloadImage = $('yasbCaptReloadImg');

		if(reloadImage){

			reloadImage.addEvent('click',function(){yasb.captcha.reload();});

		}

	},

	reload:function(){

		if(!this.image){return;}

		var newCode = Math.floor(Math.random()*511)+2;

		this.image.setProperty('src',this.options.mediaBase+"captcha.php?code=" + newCode);

		this.code.setProperty('value',newCode);

	},

	reset:function(){

		if(!$chk(this.code) || !$chk(this.check)){

			return ;

		}

		this.reload();

		this.check.value = '';

	},

	checkVars:function(){

		if(!$chk(this.code) || !$chk(this.check)){

			return true;

		}

		if(this.check.value.trim()==""){

			this.check.focus();

			return false;

		}

		return true;

	},

	getVars:function(){

		if(!$chk(this.code) || !$chk(this.check)){

			return {};

		}

		return {

			code:this.code.getProperty('value'),

			check:this.check.getProperty('value')

		};

	}

});

YaSB.Captcha.implement(new Options);



YaSB.Message = new Class({

	type:{clear:0,info:1,error:2},

	element:{},

	initialize:function(){

		this.element = $('yasbMessage');

	},

	setMessage:function(msg,type){

		switch (type) {

			case this.type.info:

				this.element.set({'class':'yasbInfo','styles':{display:''}});

				this.element.setHTML(msg);

				break;

			case this.type.error:

				this.element.set({'class':'yasbError','styles':{display:''}});

				this.element.setHTML(msg);

				break;

			default: 

				this.element.empty();

				this.element.setStyle('display','none');

			break;

		}

	},

	hideMessage:function(){

		this.setMessage('',this.type.clear);

	}

});



YaSB.Chat = new Class({

	

	options:{

		reverse:false

	},

	

	language: {},

	lastPost: {},

	shoutList: {},

	

	initialize : function(options) {

		this.setOptions(options);



		this.shoutList = $('yasbShoutList');

		this.lastPost = $('yasbLastPost');

		

		if(this.options.reverse){

			var parent = this.shoutList.getParent();

			parent.scrollTo(0,parent.getSize().scrollSize.y);

		}

	},

	

	setLanguage: function(language){

		this.language = language;

	},

	

	updateLastPost:function(timestamp,now){

		if(!$chk(this.lastPost)){return;}

		var diff =  (now-timestamp);

		var ye = Math.floor(diff/(60*60*24*365)); 

		diff = diff % (60*60*24*365);

		var mo = Math.floor(diff/(60*60*24*30)); 

		diff = diff % (60*60*24*30);

		var we = Math.floor(diff/(60*60*24*7)); 

		diff = diff % (60*60*24*7);

		var da = Math.floor(diff/(60*60*24)); 

		diff = diff % (60*60*24);

		var ho = Math.floor(diff/(60*60)); 

		diff = diff % (60*60);

		var mi = Math.floor(diff/(60));

		

		var timeStr = '';

		if(ye>0){

			timeStr =  ye>1 ? (ye+" "+this.language.YEARS) : ("1 "+this.language.YEAR);

			if(mo>0){

				timeStr +=  mo>1 ? (", "+mo+" "+this.language.MONTHS) : (", 1 "+this.language.MONTH);

			}

		}else if(mo > 0){

			timeStr =  mo>1 ? (mo+" "+this.language.MONTHS) : ("1 "+this.language.MONTH);

			if(we>0){

				timeStr +=  we>1 ? (", "+we+" "+this.language.WEEKS) : (", 1 "+this.language.WEEK);

			}

		}else if(we > 0){

			timeStr =  we>1 ? (we+" "+this.language.WEEKS) : ("1 "+this.language.WEEK);

			if(da>0){

				timeStr +=  da>1 ? (", "+da+" "+this.language.DAYS) : (", 1 "+this.language.DAY);

			}

		}else if(da > 0){

			timeStr =  da>1 ? (da+" "+this.language.DAYS) : ("1 "+this.language.DAY);

			if(ho>0){

				timeStr +=  ho>1 ? (", "+ho+" "+this.language.HOURS) : (", 1 "+this.language.HOUR);

			}

		}else if(ho > 0){

			timeStr =  ho>1 ? (ho+" "+this.language.HOURS) : ("1 "+this.language.HOUR);

			if(mi>0){

				timeStr +=  mi>1 ? (", "+mi+" "+this.language.MINUTES) : (", 1 "+this.language.MINUTE);

			}

		}else{

			if(mi > 0){

				timeStr =  mi>1 ? (mi+" "+this.language.MINUTES) : ("1 "+this.language.MINUTE);

			}else{

				timeStr = this.language.LESSMINUTE;

			}

		}

		var htmlStr = this.language.TIMESTRING;

		htmlStr = htmlStr.replace(/%s/g, timeStr);

		

		this.lastPost.setHTML(htmlStr);	

	},

	insertPost:function(post){

		var listElem = new Element('li');

		listElem.setHTML(post.html);

		if(this.options.reverse){

			listElem.inject(this.shoutList,'bottom');

			var parent = this.shoutList.getParent();

			parent.scrollTo(0,parent.getSize().scrollSize.y);

		}else{

			listElem.inject(this.shoutList,'top');

		}

		

		

		var al = listElem.getElements('a.yasbActionLink');

		for(var i=0;i<al.length;i++){

			al[i].href = "javascript:void(0);";

			al[i].addEvent('click',function(event){

				event = new Event(event);

				var opts = Json.evaluate(event.target.rel) ;

				switch(opts.action){

				case 'removeShout':

					yasb.removeShout(opts.id);

					break;

				case 'banShout':

					yasb.banShout(opts.id);

					break;

				}

			});

		}

	}

});

YaSB.Chat.implement(new Options);



var ColorChooser = new Class({



	options: {

		insertFunction:function(start,end){

				$('yasbText').insertAroundCursor({before:start,after:end},true);

			},

		style:'yasbColorChooser',

		offsets: {'x': 16, 'y': 16}

	},



	initialize: function(elements, options){

		

		this.setOptions(options);

		this.toolTip = new Element('div', {

			'class': this.options.style,

			'styles': {

				'position': 'absolute',

				'top': '0',

				'left': '0',

				'visibility': 'hidden'

			}

		}).inject(document.body);

		

		this.wrapper = new Element('div').inject(this.toolTip);

		var hexC = ['00','33','66','99','cc','ff'];

		

		for(var r = 0;r<6;r++){

			for(var g = 0;g<6;g++){

				for(var b = 0;b<6;b++){

					var span = new Element('span',{

						'styles' : {'background-color':"#"+hexC[r]+hexC[g]+hexC[b]}

					});

					span.addEvent('click',function(event){

						event = new Event(event);

						var color = event.target.getStyle('background-color');

						var tag = this.toolTip.$tag;

						this.options.insertFunction('['+tag+'='+color+']', '[/'+tag+']');

						this.hide();

					}.bind(this));

					span.inject(this.wrapper);

				}

			}

		}

			

			

		$$(elements).each(this.build,this);

	

		$(document.body).addEvent('click',this.hide.bind(this));

	},



	build: function(el){

		el.href = 'javascript:void(0);';

		el.addEvent('click',function(event){

			var opts = Json.evaluate( event.currentTarget.rel);

			this.options.insertFunction('['+opts.tag+'=]', '[/'+opts.tag+']');

		}.bind(this));

		el.addEvent('contextmenu', function(event){

			revent = new Event(event);

			revent.stop();

			this.position(event.currentTarget);

			this.toolTip.$tag = Json.evaluate( event.currentTarget.rel ).tag;

			this.show();

		}.bind(this));

	},



	position: function(element){

		var pos = element.getPosition();

		this.toolTip.setStyles({

			'left': pos.x + this.options.offsets.x,

			'top': pos.y + this.options.offsets.y

		});

	},



	show: function(){

		this.toolTip.setStyle('visibility', 'visible');

	},



	hide: function(){

		this.toolTip.setStyle('visibility', 'hidden');

	}



});



ColorChooser.implement(new Events, new Options);



Element.TextSelection = {



	tidy: function(){

		//this.set('value', this.get('value').tidy());

	},



	getTextInRange: function(start, end){

		return this.value.substring(start, end);

	},



	getSelectedText: function(){

		if (this.setSelectionRange) return this.getTextInRange(this.getSelectionStart(), this.getSelectionEnd());

		return document.selection.createRange().text;

	},



	getSelectedRange: function() {

		if ($defined(this.selectionStart)) return {start: this.selectionStart, end: this.selectionEnd};

		var pos = {start: 0, end: 0};

		var range = this.getDocument().selection.createRange();

		if (!range || range.parentElement() != this) return pos;

		var dup = range.duplicate();

		if (this.type == 'text') {

			pos.start = 0 - dup.moveStart('character', -100000);

			pos.end = pos.start + range.text.length;

		} else {

			var value = this.value;

			var offset = value.length;

			dup.moveToElementText(this);

			dup.setEndPoint('StartToEnd', range);

			if(dup.text.length) offset -= value.match(/[\n\r]*$/)[0].length;

			pos.end = offset - dup.text.length;

			dup.setEndPoint('StartToStart', range);

			pos.start = offset - dup.text.length;

		}

		return pos;

	},



	getSelectionStart: function(){

		return this.getSelectedRange().start;

	},



	getSelectionEnd: function(){

		return this.getSelectedRange().end;

	},



	setCaretPosition: function(pos){

		if (pos == 'end') pos = this.value.length;

		this.selectRange(pos, pos);

		return this;

	},



	getCaretPosition: function(){

		return this.getSelectedRange().start;

	},



	selectRange: function(start, end){

		if (this.setSelectionRange) {

			this.focus();

			this.setSelectionRange(start, end);

		} else {

			var value = this.value;

			var diff = value.substr(start, end - start).replace(/\r/g, '').length;

			start = value.substr(0, start).replace(/\r/g, '').length;

			var range = this.createTextRange();

			range.collapse(true);

			range.moveEnd('character', start + diff);

			range.moveStart('character', start);

			range.select();

		}

		return this;

	},



	insertAtCursor: function(value, select){

		var pos = this.getSelectedRange();

		var text = this.value;

		this.value = text.substring(0, pos.start) + value + text.substring(pos.end, text.length);

		if ($pick(select, true)) this.selectRange(pos.start, pos.start + value.length);

		else this.setCaretPosition(pos.start + value.length);

		return this;

	},



	insertAroundCursor: function(options, select){

		options = $extend({

			before: '',

			defaultMiddle: '',

			after: ''

		}, options);

		var value = this.getSelectedText() || options.defaultMiddle;

		var pos = this.getSelectedRange();

		var text = this.value;

		if (pos.start == pos.end){

			this.value=text.substring(0, pos.start) + options.before + value + options.after + text.substring(pos.end, text.length);

			this.selectRange(pos.start + options.before.length, pos.end + options.before.length + value.length);

		} else {

			var current = text.substring(pos.start, pos.end);

			this.value= text.substring(0, pos.start) + options.before + current + options.after + text.substring(pos.end, text.length);

			var selStart = pos.start + options.before.length;

			if ($pick(select, true)) this.selectRange(selStart, selStart + current.length);

			else this.setCaretPosition(selStart + text.length);

		}

		return this;

	}



};

Element.extend(Element.TextSelection);