(function() {
	function getScript(src,cb) {
		var head = document.getElementsByTagName("head")[0];
		var script = document.createElement("script");
			script.type = "text/javascript";
			script.language = "javascript";
			script.src = src;
			script.onload = script.onreadystatechange = function () {
				script.onload = script.onreadystatechange = null;
				setTimeout(cb,2000);
			}
		head.appendChild(script);
 	}
 	
 	function run($) {
		function splitMessage(message) {
			var html = '';
			$(message).each( function () { html += this.value; } );
			return html;
		};
		function comment(c) {
			if(!c || !c.from) return;
	
			var h = c.highlightTime ? 'On' : 'Off';
			var isNew = c.isNew ? ' new' : '';
			
			var html ='<div class="comment'+isNew+'">';
			
		  	html +='<div class="commentimg"><img class="user" src="http://www.sparkbox.biz:80'+c.from.img+'"/></div>'
		  		 +'<div class="commentmsg">'
		  		 +'<div class="shout"></div>'
			  	 +'<div class="commentheader"><a class="user icon sparkBubble" href="#users_'+c.from.handle+'" title="Show user '+c.from.nick+' profile " style="color:#'+colors.linkColor+'">'+c.from.nick+'<span></span></a>'
			  	 +'<small>'+c.time+'</small></div>' // commentheader
			  	 +'<div class="commentcontent">'+splitMessage(c.content)+'</div>' 
			  	 +'<div class="clear"></div>'
			  	 +'</div>' // commentmsg
			  	 +'</div>'; // comment
			return html;
		}
 		function shareSpark(sparkid) {
 			var shareUrl = "";
 			shareUrl = document.location.href.split('#')[0] + "#showSpark_" + sparkid;
 			shareUrlEncoded = encodeURIComponent(shareUrl);
 			$('.sharebox').remove();
 			var sparkdiv = $('#showSpark_' + sparkid + ' .sparkshare');
 			var sharediv = '<div class="sharebox">';
 			sharediv += '<a class="closeSharing" href="#">x</a>';
 			//sharediv += '<form method="post">';
 			sharediv += '<h3 style="color: #'+colors.fontColor+'">Share this spark</h3>';
 			sharediv += '<div style="margin-bottom: 1em;">Kopioi tämä linkki ja lähetä ystävällesi: <b>'+shareUrl+'</b></div>';
 			//sharediv += '<div><small>From:</small> <span class="error senderemailnotvalid"></span></div>';
 			//sharediv += '<fieldset class="input">';
 			//sharediv += '<input disabled="disabled" type="text" name="senderemail" value="Your email address" />'; 			
 			//sharediv += '</fieldset>';
 			//sharediv += '<div><small>To:</small> <span class="error emailnotvalid"></span></div>';
 			//sharediv += '<fieldset class="input">';
 			//sharediv += '<input disabled="disabled" type="text" name="email" value="Recipient email address" />';
 			//sharediv += '<button type="button" class="icon sparkAdd"><span>Add</span></button>';
 			//sharediv += '</fieldset>';
 			//sharediv += '<div class="recipients"></div>';
 			//sharediv += '<input disabled="disabled" type="submit" name="submit" value="Share" />';
 			//sharediv += '</form>';
 			sharediv += '<div class="smshares">';
 			sharediv += 'Or share to: ';
 			sharediv += '<a class="shareFB" href="http://www.facebook.com/sharer.php?u=' + shareUrlEncoded + '&t=Spark" target="_blank"><img src="http://www.sparkbox.biz:80/static/gspark/css/img/facebook.png" alt="Facebook" /></a>';
 			sharediv += '<a class="shareTwitter" href="http://twitter.com/home?status=' + shareUrlEncoded + '" target="_blank"><img src="http://www.sparkbox.biz:80/static/gspark/css/img/twitter.png" alt="Twitter" /></a>';
 			sharediv += '</div>'; // smshares
 			sharediv += '</div>'; // sharebox
 			sparkdiv.append(sharediv);
 		}

		function addLink(input) {
		
			var name,size,link;
			if ( input.indexOf('http://') == 0) {
				//maybe LINK
				name = input;
				size = '';
				link = input;
			} else if (input.indexOf('http://') != -1) {
				//possibly EMBED
				name = "EMBED";
				size = '';
				link = input;
			} else {
				alert('No link was found in entered text');
				return;
			}	
			$('<li class="icon sparkAttachment"><span></span>'+name+'<b>'+size+'</b><a href="#remove" class="icon sparkRemove"><span>Remove</span></a></li>')
				.data('url',link)
				.appendTo('#_440345 ul.linkList');
		};
 	

		function paging(url, pages, current) {
			if (pages <= 1) { return ''; }
			url += "&page=";
			var limit = 12;
			var prev = (current - 1) <= 0 ? 0 : current - 1;
			var next = (current + 1) >= pages ? pages : current + 1;
			var html = '<div class="paging"><a href="'+url+prev+'" class="prev">&laquo; Previous</a>';
				
			var start = current - (limit/2);
			if (start < 0) start = 0;
				
			var end = current + (limit/2);
			if (end < limit) end = limit;
			if (limit > pages || end > pages) end = pages;
				
			if ((current - (limit/2) > 0) && pages > limit) {
				html += '...';
			}
			for( var i = start; i < end; i++) {
				html += '<a href="'+url+i+'" '+ ( (i == current) ? 'style="text-decoration: underline;"' : '') +'>'+(i+1)+'</a>';
			}
				
			if (pages > end) {
				html += '...';
			}
			html += '<a href="'+url+next+'" class="next">Next &raquo;</a></div>';
			return html;
		}
				
		var colors = {"fontColor":"242424","linkColor":"","bgHeaderColor":"63aeeb","titleTextColor":"2e2e2e","width":"auto","pageSize":"10","titleColor":"aaaaaa","fontSize":"12px","sparking":false,"contentWidth":"auto","header":false,"bgColor":"ffffff","contentHeight":"auto","height":"auto","fontColorHeader":"","themeName":"Sparkbox blog","avatars":true,"titleLinkColor":"ffffff"};
 		var params = '?callback=list440345';
		
		if (colors.pageSize) {
			params += '&pageSize='+colors.pageSize;
		}
		if (colors.contentWidth) {
			params += "&contentWidth="+colors.contentWidth;
		}
		if (colors.contentHeight) {
			params += "&contentHeight="+colors.contentHeight;
		}

		var anchor = document.location.href.split("#")[1];
		if (anchor != undefined && anchor.substring(0,9) == "showSpark") {
			var sparkid = anchor.split("_")[1];
			params += '&showSpark='+sparkid;
			url = 'http://www.sparkbox.biz:80/json/showSpark/13'+params;
		} else {
			url = 'http://www.sparkbox.biz:80/json/listGroup/13'+params;
		}
 		
 		var header = '';
 		if (colors.header) {
			header 	+= '<div class="sparksHeader">'
					+ '<h1>'+colors.themeName+'</h1>'
					+ '</div>';
		}
		
		var headerlinks = '';
		if (colors.widgetMenu && colors.widgetMenu > 0) {
			headerlinks += '<div class="headerlinks"><a href="#sparks"><span>Sparks</span></a>';
			headerlinks += '<a href="#members"><span>Members</span></a>';
			
				
				
					headerlinks += '<a href="#login"><span>Login</span></a>';
				
			
			headerlinks += '</div>';
		}
		
		var newspark = '';
		

 		$('script[src*=440345]').replaceWith('<link href="http://www.sparkbox.biz:80/static/gspark/css/widget.css" rel="stylesheet" type="text/css" />'
 			+ '<div id="_440345" class="gspark" style="display:none"><div id="sparkboxwidget" style="background-position: 0 0;">'
 			+ header + '<div class="headeractions">' + headerlinks + newspark + '</div>'
 			+ '<div class="sparks"><p>Loading...</p></div>'
 			+ '<iframe id="_void" name="_void" src="about:blank" style="display:none"/></div></div>');

		list440345 = function (data) {
			/* set widget language */ 
			if (colors.widgetLang == undefined || colors.widgetLang == 'EN') {
				$.ajax('http://www.sparkbox.biz:80/changeLocale?countryCode=EN&target=noredirect');
			} else {
				$.ajax('http://www.sparkbox.biz:80/changeLocale?countryCode=' + colors.widgetLang + '&target=noredirect');
			}

			var html = '';

			var colorSetters = {
				bgColor : [ '#_440345.gspark', 'background-color'],
				bgHeaderColor : [ '#_440345.gspark .sparksHeader', 'background-color'],
				fontColor : [ '#_440345.gspark, #_440345.gspark li a', 'color'],
				fontColorHeader: [ '#_440345.gspark .sparksHeader h1', 'color' ],
				linkColor : [ '#_440345.gspark a', 'color'],
				titleColor : [ '#_440345.gspark .spark .title, #_440345.gspark .paging a, #_440345.gspark button.submit', 'background-color'],
				titleTextColor : [ '#_440345.gspark .spark .title, #_440345.gspark .spark .title small', 'color'],
				titleLinkColor : [ '#_440345.gspark .spark .title a, #_440345.gspark .paging a, #_440345.gspark button.submit', 'color'],
				fontSize : [  '#_440345.gspark', 'font-size' ],
				width : [  '#_440345.gspark', 'width'],
				height : [  '#_440345.gspark', 'max-height']
			};

			function splitMessage(message) {
				var html = '';
				$(message).each( function () { html += this.value; } );
				return html;
			}
			
			$(data.sparks).each( function (i) {
			
			 	html += '<div class="sparkcontainer_' + this.mediaId + '">';
 				html += '<div class="spark" id="showSpark_' + this.mediaId + '">';
 				
 				if (colors.avatars && colors.avatars > 0) {
	 				html += '<div class="sparkavatar"><img src="http://www.sparkbox.biz:80'+this.from.img+'"/></div>';
	 				html += '<div class="sparkmsg wimg">';
	 				html += '<div class="shout"></div>';	
 				} else {
	 				html += '<div class="sparkmsg">'; 				
 				}
 				
 				html +=	'<div class="title">'
 					 +	'<a class="user" href="#users_'+this.from.handle+'">'+this.from.nick+'</a>'
 					 +	'<small>'+this.time+'</small>'
					 +	'</div>'
 					 +	'<div class="message"><p>'+this.description+'</p>';
 				
 				var msg = splitMessage(this.message);
 				
 				if (msg != "") {
	 				html += '<p class="attachment">'+msg+'</p>';			
 				}
 				
 				html += '</div>';
	 		
	 			if ((colors.sharing && colors.sharing > 0) || (colors.commenting && colors.commenting > 0)) {
		 			html += '<div class="funktions">';	 			
	 			}
 	 			if (colors.sharing && colors.sharing > 0) {
	 				html +=	'<a class="shareicon" href="#shareSpark_'+this.mediaId+'"><img style="background-color: #'+colors.linkColor+'" src="http://www.sparkbox.biz:80/static/gspark/css/img/icon-share-tp-wbg.png" /><span>Share</span></a>';
 				}				
	 			if (colors.viewComments && colors.viewComments > 0) {
					// not working yet
					//console.log(this);
	 				html +=	'<a class="commentsicon" href="#viewAllComments_'+this.mediaId+'"><img style="background-color: #'+colors.linkColor+'" src="http://www.sparkbox.biz:80/static/gspark/css/img/icon-comments-tp-wbg.png" /><span>Kommentit ('+this.numberOfComments+')</span></a>';
	 			}
	 			if ((colors.sharing && colors.sharing > 0) || (colors.commenting && colors.commenting > 0)) {
	 				html +=	'</div>'; // funktions
 				}
 				html += '<div class="sparkshare"></div>';
 				html +=	'</div>'; // sparkmsg
 				html +=	'</div>'; // spark
				html += '<div class="sparkcomments"></div>';
 				html +=	'</div>'; // sparkcontainer
 			});
 			
 			html += paging('#listGroup_'+url, data.pageCount, data.page);
			html += '</div></div>';

			$('#_440345 .sparks').html(html);
			$('#_440345').show();
			
			$.each(colorSetters, function (k, v) {
				var css = {};
				try {
					if (v[1] == "width") {
						if (colors[k] == "") colors[k] == 'auto';
						if (colors[k] != 'auto' && colors[k].indexOf('px') != -1  && colors[k].indexOf('%') != -1) colors[k] += 'px';
					}
					css[v[1]] = ( (k.indexOf('Color') != -1) ? '#' : '') + colors[k];
					$(v[0]).css(css);
				} catch (error) {}
			});	
			
		};
		
		members440345 = function (data) {
			var html = '<div id="memberList"><h2 style="font-size: '+colors.fontSize+'; color:#'+colors.titleTextColor+';background-color: #'+colors.titleColor+'">Members</h2>';
			html += '<div style="padding: 1em;">';
			html += '<ul class="members">';
			$(data.members).each(function () {
				html += '<li><img src="http://www.sparkbox.biz:80'+this.img+'"/><a href="#users_'+this.handle+'" style="color:#'+colors.linkColor+'"><span>'+this.nick+'</span></a></li>';
			});
			html += '</ul></div>';
			html += '</div>';
			$('#_440345 .sparks').html(html);
		};
		
		$('#_440345 a[href*=#sparks]').live('click', function () {
			$('#_440345 .sparks').html('<p>Loading...</p>');
			url = 'http://www.sparkbox.biz:80/json/listGroup/13'+params;
			$.getScript(url);
			return false;
		});
		$('#_440345 a[href*=#members]').click(function () {
			$('#_440345 .sparks').html('<p>Loading...</p>');
			$.getScript('http://www.sparkbox.biz:80/json/community/13?callback=members440345');
			return false;
		});
		
		settings440345 = function (data) {
			var html = '<div class="settings"><h2 style="font-size: '+colors.fontSize+'; color:#'+colors.titleTextColor+';background-color: #'+colors.titleColor+'">My profile : '+data.nick+'</h2>'
				+ '<div style="padding: 1em;">'
				+ '<img src="http://www.sparkbox.biz:80'+data.img+'"/>'
				+ '<p><b>'+data.nick+'</b></p>'
				+ '<p>'+data.location+'</p>'
				+ '<p>'+data.about+'</p>'
				+ '<p>'+data.website+'</p></div><div class="clear"></div></div>';
			$('#_440345 .sparks').html(html);
		}
		
		$('#_440345 a[href*=#settings]').click(function () { 
			$.getScript('http://www.sparkbox.biz:80/json/users/?callback=settings440345');
			return false;
		});
		
		$('#_440345 a[href*=#login]').click(function () {
			var submitted = false; 
			$('#_440345 .sparks').html('<div id="widgetLogin"><h2 style="font-size: '+colors.fontSize+'; color:#'+colors.titleTextColor+';background-color: #'+colors.titleColor+'">Login (Only for members)</h2><div style="padding: 1em"><form action="http://www.sparkbox.biz:80/json/login?cb=login440345" method="post" target="_void">'
				+'<fieldset><label for="emailAddress">Email:</label><input type="text" name="emailAddress"/></fieldset>'
				+'<fieldset><label for="password">Password:</label><input type="password" name="password"/></fieldset>'
				+'<fieldset><input type="submit" value="Submit"/></fieldset></form></div></div>')
				.find('form').submit( function () { setTimeout( function () { 
					$('#_440345 .sparks').html('<p>Trying to login...</p>');
					document.location.reload() } ,1000);
				});
			return false;
		});
	
		logout440345 = function () {
			document.location.reload();
		}
	
		$('#_440345 a[href*=#logout]').click(function () {
			$.getScript('http://www.sparkbox.biz:80/json/logout?callback=logout440345');
			return false;
		});
		
		$('#_440345 input#newLink').change(function () {
			addLink($(this).val());
			$(this).val('');
		}).focus(function () {
			if ($(this).hasClass('wait')) {
				$(this).removeClass('wait').val('');
			}
		});
		
		$('#_440345 button.uploadFile').click(function () {
			
			var $form = $('#_440345 form');
			if ($form.find('input[name=file]').val() == '') { return; }
			
			getFileInfo = function (data) {	
				addLink(data.message[0].file);
			}
			
			fileSend = function () {}
			
			$('#_440345 #_void')
				.unbind('load')
				.bind('load', function () {
					/*get uploaded file info*/
					$.getScript('http://www.sparkbox.biz:80/json/preview?callback=getFileInfo&a=accept');
					$('#_440345 form input[name=file]').val('');
					$('#_440345 .uploadProgress').hide();
				});
			$form.find('input[name=callback]').val('fileSend');
			$form.find('input[name=a]').val('binary');
			$form.find('input[name=type]').val("wfm/binary");
			$form.find('input[name=toBand]').val('');
			$form.attr('target','_void').submit();
			
			$('#_440345 .uploadProgress').show();
		});
	
		profile440345 = function (data) {
			var html = '<div class="profile"><h2 style="font-size: '+colors.fontSize+'; color:#'+colors.titleTextColor+';background-color: #'+colors.titleColor+'">My profile : '+data.nick+'</h2>'
				+ '<div style="padding: 1em">'
				+ '<img src="http://www.sparkbox.biz:80'+data.img+'"/>'
				+ '<p><b>'+data.nick+'</b></p>'
				+ '<p>'+data.location+'</p>'
				+ '<p>'+data.about+'</p>'
				+ '<p>'+data.website+'</p></div><div class="clear"></div></div>';
			$('#_440345 .sparks').html(html);
		}

		/* view comments */	
		comments440345 = function(data) {
			var sparkid = data.fromGroup;

			var html = "";
			//console.log(data);
			if (data.comments.length)
				$(data.comments.reverse()).each(function(){ 
					html += comment(this);
				});
			$(".sparkcontainer_" + sparkid).find('.sparkcomments').html(html);
		}
		$('#_440345 a[href*=#viewAllComments]').live('click', function() {
			$t = $(this).parent().parent();
			$('#_440345 .sharebox').remove();
			var sparkId = parseInt($(this).attr('href').split('_')[1]);
			/* needs new jsp (getWidgetComments) with no login checks */
			$.getScript('http://www.sparkbox.biz:80/json/getCommentsForWidget/'+sparkId+'?callback=comments440345');
			//alert("Feature not yet available");
			return false;
		});

		/* spark sharing */
		$('#_440345 a[href*=#shareSpark]').live('click',function() {
			var sparkId = $(this).attr('href').split('_')[1];
			
			shareSpark(sparkId);
			return false;
		});
		$('#_440345 a.closeSharing').live('click', function() {
			$(this).parent('.sharebox').remove();
			return false;
		});
		
		$('#_440345 .sharebox input[type=text]').live('click', function() {
			$(this).val('');
		});
		
		$('#_440345 .sharebox button.sparkAdd').live('click', function() {
			var email = $(this).parent().find('input[name=email]').val();
			var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
			if(pattern.test(email)){
				$(this).parent().parent().parent().find('.error.emailnotvalid').html('');
				var emailitem = "<span class='emailitem'>" + email + "<a class='delemail' href='#'>x</a></span>";
				$(this).parent().parent().find('.recipients').prepend(emailitem);
			} else {
				$(this).parent().parent().parent().find('.error.emailnotvalid').html('Please insert valid email address for recipient');
				$(this).parent().parent().parent().find('input[name=email]').focus();
			}
			return false;
		});
		$('#_440345 .sharebox input[name=email]').live('keydown', function(event) {
			switch (event.keyCode) {
				case 13:
					event.preventDefault();
					$(this).next('button.icon').click();
					$(this).val('');
					return false;
					break;
				default:
					//alert("foo");
			}
		});
		$('#_440345 .sharebox a.delemail').live('click', function() {
			$(this).parent('.emailitem').remove();
			return false;
		});

		$('#_440345 .sharebox input[type=submit]').live('click', function() {
 			var shareUrl = "";
 			var sparkid = $(this).parent('form').parent('div.sharebox').parent('.sparkshare').parent().parent('.spark').attr('id').split("_")[1];
 			shareUrl = document.location.href.split('#')[0] + "#showSpark_" + sparkid;
			var senderEmail = $(this).parent().find('input[name=senderemail]').val();
			var recipients = "";
			var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;

			if(pattern.test(senderEmail)){
				$(this).parent().find('.error.senderemailnotvalid').html('');
			} else {
				$(this).parent().find('.error.senderemailnotvalid').html('Please insert valid email address for sender');
				$(this).parent().find('input[name=senderemail]').focus();
				return false;
			}
			
			$(this).parent().find('.recipients span').each(function() {
				$(this).find('a').remove();
				recipients += '&toEmail='+$(this).html();
			});
			
			if (reciplen == -1) {
				$(this).parent().find('.error.emailnotvalid').html('Please insert valid email address for recipient');
				return false;
			}

			/*
			alert("now plz send mail to: " + recipients);
			*/
			
			$('#_440345 .sharebox').remove();
			return false;
		});
		$('#_440345 a[href*=#users]').live('click', function () {
			var param = $(this).attr('href').split('_');
			var handle = param[1];
			$.getScript('http://www.sparkbox.biz:80/json/users/'+handle+'?callback=profile440345');
			return false;
	    });
		$('#_440345 a[href*=#listGroup]').live('click', function () {
			var param = $(this).attr('href').split('_');
			$('#_440345 .sparks').html('<p>Loading...</p>');
			$.getScript(param[1]);
			return false;
		});
		$('#_440345 a[href*=#addspark]').live('click', function () {
			$('#_440345 .addspark .create textarea').val('');
			$('#_440345 .addspark').show();
			$('#_440345 .activateAddSpark').hide();
			return false;
		});
		
		$('#_440345 button.submit').live('click', function () {
			var $form = $('#_440345 form');
			if ( $form.find('textarea[name=description]').val() == '')
			{
				alert('Please enter message');
				$form.find('textarea[name=description]').focus();
				return false;
			}
			$form.find('input[name=a]').val('accept');	
			$form.find('input[name=type]').val("wfm/link");
			sparkSend = function () {};		
			$form.find('input[name=callback]').val('sparkSend');
			$form.find('input[name=toBand]').val('13');
			if ($form.find('input[name=file]').val() != "") {
				$form.find('input[name=type]').val("wfm/image");
			}
			var embeds = "";
			$('#_440345 .linkList li').each(function () {
				embeds += $(this).data('url') + "\n";	
			});
			
			$form.find('input[name=message]').val(embeds);
			
			$('#_440345 #_void')
				.unbind('load')
				.bind('load', function () {
					url = 'http://www.sparkbox.biz:80/json/listGroup/13'+params;
					$.getScript(url);
				});
			
			$form.attr('target','_void').submit();

			// IE NEEDS HALP (and time)
			// and still does not work
			if ($.browser.msie) {
				setTimeout(function() {
					url = 'http://www.sparkbox.biz:80/json/listGroup/13'+params;
					$.getScript(url);
				}, 5000);
			}
			
			$('#_440345 .addspark').hide();
			$('#_440345 .linkList').html('');
			$('#_440345 .activateAddSpark').show();
			$('#_440345 .sparks').html('Sending...');
		});
		
		$('#_440345 button.preview').live('click', function () {
			alert('NOT WORKING');
		});
		
		$('#_440345 .types button').live('click', function () {
			$('#_440345 .uploadProgress').hide();
			$('#_440345 .uploader').show();
			
			$('#_440345 input#newLink').val('Paste link or media embed code here').addClass('wait');
		});
		
		$('#_440345 a[href=#remove]').live('click', function () {
			$(this).parent().remove();
			return false;
		});
		
 		$.getScript(url);
 	}


	if ((typeof jQuery) == 'undefined') {
		getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js',function() {run(jQuery) });
	} else { 
		run(jQuery);
	}
})();