// JavaScript Document

$(document).ready(function() {
						   
	$('img#1').hide();
	$('img#2').hide();
	$('img#3').hide();
	$('img#4').hide();
	$('#subscribe').hide();
	$('#submitted').hide();
	
	$("ul#boxes li").hover(
	  function () {
	    var which = $(this).attr('id');
		$('div#mid img').hide();
		$('img#'+which).fadeIn()
		
		$('ul#boxes li').addClass('trans');
		$(this).removeClass('trans');
	  }, 
	  function(){
		$('ul#boxes li').removeClass('trans');	
		$('img#1').fadeOut();
		$('img#2').fadeOut();
		$('img#3').fadeOut();
		$('img#4').fadeOut();
	  }
	);
	
	
	$('#subscribe_nav').click(function() {
	  $('#subscribe').slideToggle('fast', function() {
		// Animation complete.
	  });
	});

	
	
	/*$("div#labs").click(function () {
		$('div#projects').slideDown();
		$('div#contact').slideUp();
		$('div#about').slideUp();
		$('div#home').slideUp();
		$('div.active').removeClass('active');
		$('div#projects').addClass('active');
	});*/
	
	/*$('div#').each(function(index) {
		//var which = $(this).attr('num');
		if ($(this).attr('num') == 1){
			$(this).show();
			$(this).attr('active', 1);
		} else {
			$(this).hide();
		}
	});*/
	
	/*$('.rounded').corners("15px");
						   
	$('div.bubble').hide();
	
    setTimeout(function(){$('div.bubble').fadeIn(2000);},200);*/
	
});