$(document).ready(function() {
	$('.menu li a').click(function() {		
		thisItem 	= $(this).attr('rel');
		
		if(thisItem != "all") {
			$('.item li[rel*='+thisItem+']').stop()
				.animate({'width' : '90px', 
							 'opacity' : 1, 
							 'marginRight' : '.75em', 
							 'marginLeft' : '.75em'
							});		
			$('.item li:not([rel*='+thisItem+'])').stop()
				.animate({'width' : 0, 
							 'opacity' : 0,
							 'marginRight' : 0, 
							 'marginLeft' : 0
							});
							

		} else {
			$('.item li').stop()
				.animate({'opacity' : 1, 
							 'width' : '90px', 
							 'marginRight' : '.70em', 
							 'marginLeft' : '.70em'
							});
		}
		

	})
	
	$('.item li img').animate({'opacity' : 0.7}).hover(function() {
		$(this).animate({'opacity' : 1});
	}, function() {
		$(this).animate({'opacity' : 0.7});
	});
	
	

/*	CarouFredSel: an infinite, circular jQuery carousel.
	Configuration created by the "Configuration Robot"
	at caroufredsel.frebsite.nl
*/
$("#banner").carouFredSel({
	width: 960,
	align: false,
	height: 200,
	auto: 10000,
	items: {
		visible: 1,
		width: 960,
		height: 200
	},
	scroll: {
		duration: 350,
		pauseOnHover: true
	},
	prev: {
		button: "#banner_right",
		key: "right"
	},
	next: {
		button: "#banner_left",
		key: "left"
	}
});

$("#eblast").carouFredSel({
	width: 300,
	align: false,
	height: 270,
	auto: false,
	items: {
		visible: 1,
		width: 300,
		height: 270
	},
	prev: {
		button: "#eblast_right",
	},
	next: {
		button: "#eblast_left",
	}
});



	
	
	
	
});


function switchit(list){
	var listElementStyle=document.getElementById(list).style;
	if (listElementStyle.display=="none"){
		listElementStyle.display="block";
	}
	else {
		listElementStyle.display="none";
	}
}