// JavaScript Document
$(document).ready( function() {

	var featSize = $('#featured li').length * 906;
	$('#featured').css('width', featSize);
	//when user clicks the image for sliding right  
	setInterval(function(){ 
		//get the width of the items ( i like making the jquery part dynamic, so if you change the width in the css you won't have o change it here too ) '  
		var left_indent = parseInt($('#featured').css('left')) - 906;  
		if(0-featSize==left_indent) { 
			$('#featured').animate({'left' :0},{queue:false, duration:900});
		} else { 
			$('#featured').animate({'left' : left_indent},{queue:false, duration:500});
		}
	}, 5000);
	
		$('#s').click(function() {
		if (this.value == this.defaultValue) {
			this.value = '';
		}
	});
	
	$('#s').blur(function() {
		this.value =  this.defaultValue;
	});
	
	$('#alltag').click(function() { 
		$('#alltags').slideToggle(200);
	}); 
	
});