// content accordion
$(document).ready(function(){
	lastBlock = $("#a1");
	maxWidth = 290;
	minWidth = 145;	

	$("#slide li a").click(
		function(){
			if($(this).parent().attr('class') == 'lock') {
				$("#slide-pear-secure").delay(100).fadeOut(1).delay(100).fadeIn(1).delay(100).fadeOut(1)
				.delay(100).fadeIn(1).delay(100).fadeOut(1).delay(100).fadeIn(1);
			}
			if((($(this).attr('class') != 'active') && ($(this).parent().attr('class') != 'lock'))) {
				// remove active class and fade .num / .content
				$('#slide .active').removeClass('active');
				$('#slide li .content').fadeOut(350);
				$('#slide li .num').delay(350).fadeIn(350);
				
				// execute accordion animation
				$(lastBlock).delay(500).animate({width: minWidth+"px"}, { queue:true, duration:350 });
				$(this).delay(500).animate({width: maxWidth+"px"}, { queue:true, duration:350});
				lastBlock = this;
				
				// add active class to clicked element and fade .num / .content
				$(this).addClass('active');
				$('#slide .active .num').delay(500).fadeOut(350);
				$('#slide .active .content').delay(1250).fadeIn(350);
			}
	});
});