var headerState = 0;

$(document).ready(function()
{	
	/* WEB DESIGN & DEVELOPMENT - SLIDING BOXES *******************************/
	$("#attractive-out").click(function(event)
	{
		event.preventDefault();
		$("#attractive-box").slideDown(1000); 
		$("#attractive-out").hide();
		$("#attractive-in").show();
	});
	$("#attractive-in").click(function(event)
	{
		event.preventDefault();
		$("#attractive-box").slideUp(1000);
		$("#attractive-in").hide();
		$("#attractive-out").show();
	});
	
	/* Sliding Box */
	$("#standards-out").click(function(event)
	{
		event.preventDefault();
		$("#standards-box").slideDown(1000); 
		$("#standards-out").hide();
		$("#standards-in").show();
	});
	$("#standards-in").click(function(event)
	{
		event.preventDefault();
		$("#standards-box").slideUp(1000);
		$("#standards-in").hide();
		$("#standards-out").show();
	});
	
	/* Sliding Box */
	$("#dynamic-out").click(function(event)
	{
		event.preventDefault();
		$("#dynamic-box").slideDown(1000); 
		$("#dynamic-out").hide();
		$("#dynamic-in").show();
	});
	$("#dynamic-in").click(function(event)
	{
		event.preventDefault();
		$("#dynamic-box").slideUp(1000);
		$("#dynamic-in").hide();
		$("#dynamic-out").show();
	});
	
	/* Sliding Box */
	$("#wd-seo-out").click(function(event)
	{
		event.preventDefault();
		$("#wd-seo-box").slideDown(1000); 
		$("#wd-seo-out").hide();
		$("#wd-seo-in").show();
	});
	$("#wd-seo-in").click(function(event)
	{
		event.preventDefault();
		$("#wd-seo-box").slideUp(1000);
		$("#wd-seo-in").hide();
		$("#wd-seo-out").show();
	});
	
	/* Sliding Box */
	$("#hosting-out").click(function(event)
	{
		event.preventDefault();
		$("#hosting-box").slideDown(1000); 
		$("#hosting-out").hide();
		$("#hosting-in").show();
	});
	$("#hosting-in").click(function(event)
	{
		event.preventDefault();
		$("#hosting-box").slideUp(1000);
		$("#hosting-in").hide();
		$("#hosting-out").show();
	});
	
	/* Sliding Box */
	$("#flash-out").click(function(event)
	{
		event.preventDefault();
		$("#flash-box").slideDown(1000); 
		$("#flash-out").hide();
		$("#flash-in").show();
	});
	$("#flash-in").click(function(event)
	{
		event.preventDefault();
		$("#flash-box").slideUp(1000);
		$("#flash-in").hide();
		$("#flash-out").show();
	});
	
	/* Sliding Box */
	$("#brand-out").click(function(event)
	{
		event.preventDefault();
		$("#brand-box").slideDown(1000); 
		$("#brand-out").hide();
		$("#brand-in").show();
	});
	$("#brand-in").click(function(event)
	{
		event.preventDefault();
		$("#brand-box").slideUp(1000);
		$("#brand-in").hide();
		$("#brand-out").show();
	});
	
	/* Sliding Box */
	$("#wd-documentation-out").click(function(event)
	{
		event.preventDefault();
		$("#wd-documentation-box").slideDown(1000); 
		$("#wd-documentation-out").hide();
		$("#wd-documentation-in").show();
	});
	$("#wd-documentation-in").click(function(event)
	{
		event.preventDefault();
		$("#wd-documentation-box").slideUp(1000);
		$("#wd-documentation-in").hide();
		$("#wd-documentation-out").show();
	});
	
	/* SEARCH ENGINE OPTIMIZATION *********************************************/
	$("#seo-yes").click(function(event)
	{
		event.preventDefault();
		$("#seo-no").removeClass("selected");
		$("#seo-no-expanded:visible").slideUp(1000);
		//$("#seo-no-expanded-rc:visible").slideUp(1000);
		$("#seo-yes-expanded:hidden").slideDown(1000); 
		//$("#seo-yes-expanded-rc:hidden").slideDown(1000);
		$("#seo-yes").addClass("selected");
	});
	$("#seo-no").click(function(event)
	{
		event.preventDefault();
		$("#seo-yes").removeClass("selected");
		$("#seo-yes-expanded:visible").slideUp(1000);
		//$("#seo-yes-expanded-rc:visible").slideUp(1000);
		$("#seo-no-expanded:hidden").slideDown(1000);
		//$("#seo-no-expanded-rc:hidden").slideDown(1000); 
		$("#seo-no").addClass("selected");
	});
	
	/* PROCESS - SLIDING BOXES ************************************************/
	$("#quoting-out").click(function(event)
	{
		event.preventDefault();
		$("#quoting-box").slideDown(1000); 
		$("#quoting-out").hide();
		$("#quoting-in").show();
	});
	$("#quoting-in").click(function(event)
	{
		event.preventDefault();
		$("#quoting-box").slideUp(1000);
		$("#quoting-in").hide();
		$("#quoting-out").show();
	});
	
	/* Sliding Box */
	$("#design-out").click(function(event)
	{
		event.preventDefault();
		$("#design-box").slideDown(1000); 
		$("#design-out").hide();
		$("#design-in").show();
	});
	$("#design-in").click(function(event)
	{
		event.preventDefault();
		$("#design-box").slideUp(1000);
		$("#design-in").hide();
		$("#design-out").show();
	});
	
	/* Sliding Box */
	$("#printing-out").click(function(event)
	{
		event.preventDefault();
		$("#printing-box").slideDown(1000); 
		$("#printing-out").hide();
		$("#printing-in").show();
	});
	$("#printing-in").click(function(event)
	{
		event.preventDefault();
		$("#printing-box").slideUp(1000);
		$("#printing-in").hide();
		$("#printing-out").show();
	});
	
	/* Sliding Box */
	$("#development-out").click(function(event)
	{
		event.preventDefault();
		$("#development-box").slideDown(1000); 
		$("#development-out").hide();
		$("#development-in").show();
	});
	$("#development-in").click(function(event)
	{
		event.preventDefault();
		$("#development-box").slideUp(1000);
		$("#development-in").hide();
		$("#development-out").show();
	});
	
	/* Sliding Box */
	$("#deployment-out").click(function(event)
	{
		event.preventDefault();
		$("#deployment-box").slideDown(1000); 
		$("#deployment-out").hide();
		$("#deployment-in").show();
	});
	$("#deployment-in").click(function(event)
	{
		event.preventDefault();
		$("#deployment-box").slideUp(1000);
		$("#deployment-in").hide();
		$("#deployment-out").show();
	});
	
	/* Sliding Box */
	$("#documentation-out").click(function(event)
	{
		event.preventDefault();
		$("#documentation-box").slideDown(1000); 
		$("#documentation-out").hide();
		$("#documentation-in").show();
	});
	$("#documentation-in").click(function(event)
	{
		event.preventDefault();
		$("#documentation-box").slideUp(1000);
		$("#documentation-in").hide();
		$("#documentation-out").show();
	});
	
	/* Sliding Box */
	$("#marketing-out").click(function(event)
	{
		event.preventDefault();
		$("#marketing-box").slideDown(1000); 
		$("#marketing-out").hide();
		$("#marketing-in").show();
	});
	$("#marketing-in").click(function(event)
	{
		event.preventDefault();
		$("#marketing-box").slideUp(1000);
		$("#marketing-in").hide();
		$("#marketing-out").show();
	});
	
	/* PORTFOLIO MODAL BOX NUMBERS ********************************************/
	function changePf(pfType, newPf)
	{
		var pfDiv = "#pf-" + pfType + "-" + newPf;
		var pfNum = "#pf-num-" + pfType + "-" + newPf;

		// Only run if desired portfolio is hidden 		
		if($(pfDiv).css("display") == "none")
		{
			// Hide all existing portfolio items of this type
			for(i = 1; i <= 15; i++)
			{
				var pfDeselect = "#pf-num-" + pfType + "-" + i;
				var pfHide = "#pf-" + pfType + "-" + i;
				$(pfDeselect).removeClass("selected");
				$(pfHide).slideUp(500);
			}
			
			// Show desired portfolio item
			$(pfDiv).slideDown(500);
			$(pfNum).addClass("selected");	
		}

	}
	
	$("#pf-num-web-1").click(function(event){ changePf("web", 1); });
	$("#pf-num-web-2").click(function(event){ changePf("web", 2); });
	$("#pf-num-web-3").click(function(event){ changePf("web", 3); });
	$("#pf-num-web-4").click(function(event){ changePf("web", 4); });
	$("#pf-num-web-5").click(function(event){ changePf("web", 5); });
	$("#pf-num-web-6").click(function(event){ changePf("web", 6); });
	
	$("#pf-num-gd-1").click(function(event){ changePf("gd", 1); });
	$("#pf-num-gd-2").click(function(event){ changePf("gd", 2); });
	$("#pf-num-gd-3").click(function(event){ changePf("gd", 3); });
	$("#pf-num-gd-4").click(function(event){ changePf("gd", 4); });
	$("#pf-num-gd-5").click(function(event){ changePf("gd", 5); });
	$("#pf-num-gd-6").click(function(event){ changePf("gd", 6); });
	$("#pf-num-gd-7").click(function(event){ changePf("gd", 7); });
	$("#pf-num-gd-8").click(function(event){ changePf("gd", 8); });
	$("#pf-num-gd-9").click(function(event){ changePf("gd", 9); });
	$("#pf-num-gd-10").click(function(event){ changePf("gd", 10); });
	$("#pf-num-gd-11").click(function(event){ changePf("gd", 11); });
	
	$("#pf-num-bid-1").click(function(event){ changePf("bid", 1); });
	$("#pf-num-bid-2").click(function(event){ changePf("bid", 2); });
	$("#pf-num-bid-3").click(function(event){ changePf("bid", 3); });
	$("#pf-num-bid-4").click(function(event){ changePf("bid", 4); });
	$("#pf-num-bid-5").click(function(event){ changePf("bid", 5); });
	$("#pf-num-bid-6").click(function(event){ changePf("bid", 6); });
	$("#pf-num-bid-7").click(function(event){ changePf("bid", 7); });
	$("#pf-num-bid-8").click(function(event){ changePf("bid", 8); });
	$("#pf-num-bid-9").click(function(event){ changePf("bid", 9); });
	$("#pf-num-bid-10").click(function(event){ changePf("bid", 10); });
	
	$("#pf-num-fi-1").click(function(event){ changePf("fi", 1); });
	$("#pf-num-fi-2").click(function(event){ changePf("fi", 2); });
	$("#pf-num-fi-3").click(function(event){ changePf("fi", 3); });
	$("#pf-num-fi-4").click(function(event){ changePf("fi", 4); });

	/* CONTACT FORM ***********************************************************/	
	$("#contactby-email").click(function(event)
	{
		$("#phone-input").slideUp(500);
		$("#email-input").slideDown(500);
	});
	
	$("#contactby-phone").click(function(event)
	{
		$("#email-input").slideUp(500);
		$("#phone-input").slideDown(500);
	});
});