window.addEvent('domready', function() {

var mashup_url = 'http://jowra.com/journal/jowra/mashup.php';
var livesearch_url = 'http://jowra.com/journal/user/themes/jowra/retrieve.php'

/* ------------- ajax content updates ---------------- */

if ( $defined($('home')) ) { // delicious home page
	new Request.HTML({ url: mashup_url, method: 'get', update: 'links' }).send('service=delicious_home');
}

if ( $defined($('colours')) ) { // colours journal index page & home page
	new Request.HTML({ url: mashup_url, method: 'get', update: 'colours', onComplete: function() {
		if (Browser.Engine.trident4) {
			var palette = $('colours').getElement('p');
			palette.setStyle('background', 'transparent url(user/themes/jowra/i/colourlovers.png) 0 0 no-repeat');
			fixpng(palette);
		}	
	}	
	}).send('service=colours');
}

if ( $defined($('mixed')) ) { // mixed page
	new Request.HTML({ url: mashup_url, method: 'get', update: 'flickr', onSuccess: function() {
		$$('#flickr img').each(function(item){
			item.setStyle('background', '#f5f5f5 url(user/themes/jowra/i/progress.gif) center center no-repeat');
		});
	}
	}).send('service=flickr');
	new Request.HTML({ url: mashup_url, method: 'get', update: 'links' }).send('service=delicious_mixed');
	new Request.HTML({ url: mashup_url, method: 'get', update: 'colourlovers', onComplete: function() {
		if (Browser.Engine.trident4) {
			$$('li.layer').each(function(item){
				item.setStyle('background', 'transparent url(user/themes/jowra/i/colours-mixed.png) 0 0 no-repeat');
				fixpng(item);
			});
		}
	}
	}).send('service=colours_mixed');
}

/* ------------- live search ---------------- */

	if ( $defined($('livesearch')) ) {
		new Element('div', {
			'id': 'lsresult',
			'styles': { 'font-size': '12px', 'color': '#999' },
			'class': 'lsdesc',
			'html': '<p>Live-Search: Wenn Du mehr als drei Buchstaben in das Suchfeld eingegeben hast, erscheinen hier Suchergebnisse für die Anfrage. Du kannst dann einen dieser Treffer direkt aufrufen oder tippst einfach weiter und startest eine normale Suche.</p>'
		}).inject('livesearch');
		
		timestamp = Date.parse(new Date());
		
		$('s').addEvent('keyup', function(){
			var p = $('s').value;
			len = p.length;
			if ( len > 3 ) {
				if ( p.indexOf(' ') == -1) {
					var lasttimestamp = Date.parse(new Date());
					if (lasttimestamp - timestamp > 100) {
						new Request({
							url: livesearch_url,
							method: 'get',
							onSuccess: function(response){
								$('lsresult').tween('color', '#fff').set({ 'class': '', 'html': response }).tween('color', '#444');
							}
						}).send('s='+p);
						timestamp = lasttimestamp;
						return false;
					}
				}
			} else if ( len < 4 && ($('lsresult').get('class') != 'lsdesc') ) {
				$('lsresult').tween('color', '#fff').set({
						'class': 'lsdesc',
						'html': '<p>Live-Search: Wenn Du mehr als drei Buchstaben in das Suchfeld eingegeben hast, erscheinen hier Suchergebnisse für die Anfrage. Du kannst dann einen dieser Treffer direkt aufrufen oder tippst einfach weiter und startest eine normale Suche.</p>'
					}).tween('color', '#999');
			}
		});
	}

});