$(document).ready(function() {
	$('#css').addClass('current');
	$('#css-content').show();
	$('.skill').css({'cursor':'pointer'}).removeAttr('href').click(function(){
		var name = $(this).attr('id');
		if ($('#' + name +'-content').is(':hidden')) {
			$('.skill').removeClass('current');
			$(this).addClass('current');
			$('.skill-content').hide();
			$('#' + name + '-content').fadeIn(1500); 
		}
		return false;
	});
	$('#js').click(function(){
		$('#skill-indicator').stop().animate({top: "126"}, 400);
	});
	$('#css').click(function(){
		$('#skill-indicator').stop().animate({top: "48"}, 400);	
	});
	$('#php').click(function(){
		$('#skill-indicator').stop().animate({top: "74"}, 400);	
	});
	$('#ee').click(function(){
		$('#skill-indicator').stop().animate({top: "100"}, 400);	
	});
	
	$('#message p').css('position', 'absolute');
	$('p.m2').hide(); 
	$('#message').css('height', '120px')
	$('#more').show();
	$("#more").click(function () {
	    $('p.m1').hide("drop", {}, 1000);  
		$("p.m2").show("drop", {}, 1000);
		return false;
	    });
	$(".m2").css('cursor', 'pointer').click(function () {
	    $('p.m1').show("drop", {}, 1000);  
		$("p.m2").hide("drop", {}, 1000);
		return false;
	    });  
});