// JavaScript Document
$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#home').show();
  $('#slickbox').hide();
  $('#graphicdesign').hide();
  $('#animation').hide();
  $('#aboutme').hide();
  $('#moreweb').hide();
  $('#viewmore').hide();
  var slides = $('#home, #slickbox, #graphicdesign, #animation, #aboutme, #moreweb');
  
  
$('#slick-slidetoggle-home').click(function() {
	slides.hide();
	$('#home').fadeIn(500);
});  
  
$('#slick-slidetoggle-graphicdesign').click(function() {
	slides.hide();
	$('#graphicdesign').fadeIn(500);
});
 
$('#slick-slidetoggle-animation').click(function() {
	slides.hide();
	$('#animation').fadeIn(500);
});
 
 $('#slick-slidetoggle-aboutme').click(function() {
	slides.hide();
	$('#aboutme').fadeIn(500);
});
 
$('#slick-toggle').click(function() {
	slides.hide();
	$('#slickbox').fadeIn(500);
});
 
$('.viewmore').click(function() {
	if ($('#moreweb').css('display') == 'none'){	
	$('#moreweb').hide().fadeIn(500);
	} else if($('#moreweb').css('display') == 'block'){
		$('#moreweb').hide();
	};
});
  
  
  
  
  
  
 /*// shows and hides and toggles the slickbox on click  
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });
  
  
  



// slides down, up, and toggle the slickbox on click    
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
    return false;
  });
//slickup  
  $('#slick-up').click(function() {
    $('#slickbox').slideUp('fast');
    return false;
  });
  $('#slick-up-graphicdesign').click(function() {
    $('#graphicdesign').slideUp('slow');
    return false;
  });
  
  
  

$('#slick-slidetoggle').click(function() {
    
	return false;
	
	
	
	
  });



//WEB TOGGLE  
  $('#slick-toggle').click(function() {
    $('#slickbox').slideToggle('slow');
	$('#graphicdesign').slideUp('slow');
	$('#animation').slideUp('slow');
    return false;
  });


//MOREWEB TOGGLE  
  $('#slick-slidetoggle-moreweb').click(function() {
	$('#moreweb').slideToggle('slow');
    return false;
  });

// GRAPHIC DESIGN
  $('#slick-slidetoggle-graphicdesign').click(function() {
    $('#graphicdesign').slideToggle('fast');
	$('#slickbox').slideUp('slow');
	$('#animation').slideUp('slow');
    return false;
	
	
	
	
  });


 // ANIMATION DESIGN
  $('#slick-slidetoggle-animation').click(function() {
    $('#animation').slideToggle('slow');
	$('#slickbox').slideUp('slow');
	$('#graphicdesign').slideUp('slow');
    return false;
  });*/
});