$(document).ready(function dynamic() {
						   
	var current = "index.html";
						
	/* Catch when user clicks on link */
	$('#nav li a').click(itemClick);
	$('#sidebannernav li a').click(itemClick);
	
					 
	function itemClick(){	
		var page =  $(this).attr('href') + "?rand=" + Math.random()*999;
		
		/*if($(this).parent().parent().attr("id") == "nav"){
			$('#nav li').each(function(){
				$(this).removeClass("current");						 
			});
			
			$(this).parent().addClass("current");
		}*/
		
		$('#page').slideUp('normal');
		$('#sidebanner_content').slideUp('normal');
		$('#description').fadeOut('normal',loadContent);
		
		function loadContent() {
			$('#sidebanner_content').load(page + " #sidebanner_content",'',showNewSidebannerContent);
			$('#page').load(page + " #page_content",'',showNewPageContent);
			$('#bannerContent').load(page + " #description",'',showNewRightContent);
		}
	
		function showNewPageContent() {
			$('#page').slideDown('slow', loadJS);
		}
		
		function showNewSidebannerContent() {
			$('#sidebanner_content').slideDown('slow');
		}
		
		function showNewRightContent() {
			$('#description').fadeIn('normal');
		}
		
		function loadJS(){
			lightbox();	
			/* Catch when user clicks on project */
			$('#project a').click(projectClick);
			$('#projectnav li a').click(projectClick);
			
			/* Image Gallery */
			$("#gallery").frentGallery();
			
			//Caption Sliding (Partially Hidden to Visible)
			$('.boxgrid.caption').hover(
				function(){
					$(".cover", this).stop().animate({top:'100px'},
													 {queue:false,duration:160});},  
				function() {
					$(".cover", this).stop().animate({top:'135px'},
													 {queue:false,duration:160});}
			);
			
			
			/* Contact Form*/
			$("#contactForm").validate();
			$("#contactForm").ajaxForm();
			$("#contactForm").submit(function(){
					var submission = document.getElementById('captcha').value;
					var url = '/captcha_process.php?captcha=' + submission;
					
					http.open('GET', url, true);
					http.onreadystatechange = function(){
					if(http.readyState == 4)
					{
						var showcheck = http.responseText;
						if(showcheck == '1')
						{
							$('#captcha').css('border','1px solid #49c24f')
										 .css('background','#bcffbf');
												
							if($("#contactForm").valid()){
								
								var options = { 
									success:       showResponse
								};
							
								$(this).ajaxSubmit(options);
							}
						}
						if(showcheck == '0')
						{
							$('#captcha').css('border','1px solid #c24949')
										 .css('background','#ffbcbc');
							return false
						}
					}	
					};
					http.send(null);
            }); 
		}
		
		function showResponse(responseText, statusText, xhr, $form)  {
			$('#contact_form').html("<div id='message'></div>");
			if(statusText == "success"){
				$('#message').html("<h2>Contact Form Submitted!</h2>")
				.append("<p>Thank you for the inquiry/question</p>")
				.append("<p>I'll respond to you shortly.</p>")
				.append("<img id='checkmark' src='images/check.png' />")
				.hide()
				.fadeIn(1500);
			}
			else{
				$('#message').html("<h2>Error Submitting!</h2>")
				.append("<p>"+ responseText.replace("success", "") +"</p>")
				.append("<img id='checkmark' src='images/fail.png' />")
				.addClass("error")
				.hide()
				.fadeIn(1500);
			}		
		} 
		return false;
	};
	
		
	function projectClick(){		
		var page =  $(this).attr('href');
		
		$('#page').slideUp('normal', loadContent);
		
		function loadContent() {
			$('#page').load(page + " #page_content",'',showNewContent)
		}
	
		function showNewContent() {
			/* Image Gallery */
			$("#gallery").frentGallery();

			$('#page').slideDown('slow', loadJS);
		}
		
		function loadJS(){
			lightbox();	
		}
		return false;
	};
});
