var flashing = true;
	
	var loaded = 0;
	
	function loadQuote(){
		$("#loadingscreen").before('<div class="fullscreen"><div class="inner"><div class="loader"><div class="loadinner"></div></div></div></div>');
		loader();
	}
	function loader(){
		loaded += 1;
		if(loaded < 100){
			$(".loadinner").width("" + loaded + "%");		
			setTimeout('loader()', 40);
		}
		else{
			$(".fullscreen").fadeOut(1000);
		}
	}
		
	var flashing = true;
	function flashNow(){
		if(flashing == true){
			if($(".think2").hasClass("highlight")){
				$(".think2").removeClass("highlight");	
			}
			else{
				$(".think2").addClass("highlight");	
			}
			setTimeout("flashNow()", 500);	
		}
		else{
			
		}
	}
	
	
	
	var portfolioSlides = 16;
	var currentMargin = 0;
	
	function loadAllContent(){
		
		
		
		//Load all content
		$("#content").html("");
		$.ajax({
			type: "POST",
			url: "allcontent.php",
			data: "hidden=true",
			success: function(html){				
				$("#content").html(html);
				$("#content").children().each(function(){
					$(this).hide();
				});
				$("#send_mail").click(function(){
					sendMail();
				});
				Cufon.replace('p.think, p.create, p.sell, .cufon, .quote');
				$(".box").click(function(){
					if($(this).attr("id") == "smethhurst"){
						currentMargin = 12 * 700;
					}
					if($(this).attr("id") == "pedersen"){
						currentMargin = 10 * 700;
					}
					if($(this).attr("id") == "wbopdc"){
						currentMargin = 15 * 700;
					}
					if($(this).attr("id") == "exclusive"){
						currentMargin = 2 * 700;
					}
					if($(this).attr("id") == "mineral-boost"){
						currentMargin = 7 * 700;
					}
					if($(this).attr("id") == "mountain-jade"){
						currentMargin = 9 * 700;
					}
					if($(this).attr("id") == "classic-builders"){
						currentMargin = 1 * 700;
					}
					if($(this).attr("id") == "guardian"){
						currentMargin = 4 * 700;
					}
					if($(this).attr("id") == "polyspa"){
						currentMargin = 11 * 700;
					}
					if($(this).attr("id") == "snojade"){
						currentMargin = 13 * 700;
					}
					if($(this).attr("id") == "mountain-jade-web"){
						currentMargin = 8 * 700;
					}
					if($(this).attr("id") == "julie-eynon"){
						currentMargin = 6 * 700;
					}
					if($(this).attr("id") == "fertco"){
						currentMargin = 3 * 700;
					}
					if($(this).attr("id") == "demand-management"){
						currentMargin = 0;
					}
					if($(this).attr("id") == "tect-park"){
						currentMargin = 14 * 700;
					}
					if($(this).attr("id") == "island-stone"){
						currentMargin = 5 * 700;
					}
					$("#photo-box .inner").css("margin-left", "-" + currentMargin + "px");
					
					//alert(currentMargin);
					$("#portfolio-modal").fadeIn();	
				});
				flashNow();
				$(".servicesnav").find("a").each(function(){
					
					
					$(this).click(function (){
						$(".servicesnav").find("a").each(function(){
							$(this).removeClass("highlight");
						});
						$(this).addClass("highlight");
						if($(this).hasClass("design")){
							$(".services .inner").animate({ marginTop: "0px"}, 1000 ); 
						}
						if($(this).hasClass("printing")){
							$(".services .inner").animate({ marginTop: "-350px"}, 1000  ); 						
						}
						if($(this).hasClass("websites")){
							$(".services .inner").animate({ marginTop: "-700px"}, 1000  ); 
						}
						if($(this).hasClass("marketing")){
							  $(".services .inner").animate({ marginTop: "-1050px"}, 1000 ); 
						}
						if($(this).hasClass("television")){
							$(".services .inner").animate({ marginTop: "-1400px"}, 1000 ); 
						}
					});
				});	
						
				
			}			
		});	
	}
	function sendMail(){
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: "message=" + $("#contacttext").val(),
			success: function(html){				
				$("#content #contact").html("<h1>contact us</h1><p>Thank you, email has been sent.");
			}			
		});	
	}
	
	function positionVideo(){
		if($(window).width() < 1000){
			$(".background-video").css("width", "1000px");
		}
		else{	
			$(".background-video").css("width", "100%");			
		}
		window_h = $(window).height();
		video_h =  $(".background-video").height();
		margin = ((window_h - video_h) / 2);
		if(margin > 0){
			$(".background-video").css("margin-top", "" + margin + "px");
		}
		else{
			$(".background-video").css("margin-top", "150px");
		}
		//Resize masks
		$(".mask-top").css("height", "" + (((window_h-470)/2)+66) + "px");
		$(".mask-bottom").css("height", "" + (((window_h-470)/2)+58) + "px");
		
	}
	
	
	
	
	function hideBubbles(parent){
		$(parent).find(".bubble1").fadeOut();
		$(parent).find(".bubble2").fadeOut();
		$(parent).find(".bubble3").fadeOut();
		$(parent).find(".bubble4").fadeOut();
	}
	
	
	
	
    $(document).ready( function(){
		
        //Position video based on screen size
        setTimeout("positionVideo()",4000);
        $(window).resize(function() {
           positionVideo();
        });
		$(".background-video").bind('ended', function(){ this.play(); }); 
		loadAllContent();
			
		
		
		
		
		$(".box-close").click(function(){
			$("#portfolio-modal").fadeOut();	
		});
		
		
		$(".right").click(function(){
			
			if(currentMargin < 15 * 700){
				currentMargin = currentMargin + 700;
			}
			else{
				currentMargin = 0;
			}
			$("#photo-box .inner").animate({marginLeft:"-" + currentMargin + "px"}, 500);
		});
		
		$(".left").click(function(){
			if(currentMargin > 700){
				currentMargin = currentMargin - 700;
			}
			else{
				currentMargin = 15 * 700;
			}
			$("#photo-box .inner").animate({marginLeft:"-" + currentMargin + "px"}, 500);
		});
		
				
	     $("a").each(function(){	
			if($(this).attr("href") != undefined && $(this).attr("href") != ""){		
			$(this).attr( "href", "#!/" + $(this).attr("href") );
			var newPage = $(this).attr('href').split('#!/')[1].replace(".php", "");	
				
				$(this).click(function(){
					$("#content").children().each(function(){						
						if(newPage == "home.php"){
							$(".titles2").each(function(){ 		
								$(this).removeClass("highlight");
							});
						}	
					
					
					
						if(newPage != "index"){
							flashing = false;
						}
						else{
							$(".titles2").each(function(){ 		
								$(this).removeClass("highlight");
							});	
							flashing = true;
							flashNow();
						}
						if(newPage != "step1" &&  newPage != "step2" && newPage != "step3" && newPage != "index"){
							$(".titles").each(function(){
								$(this).fadeOut();
							});
							$(".titles2").each(function(){
								$(this).fadeOut();
							});
							$(".titles2").each(function(){ 		
								$(this).removeClass("highlight");
							});	
						}
						else{
							$(".titles").each(function(){
								$(this).fadeIn();
							});
							$(".titles2").each(function(){
								$(this).fadeIn();
							});
						}
						$(".bubble1").hide();
						$(".bubble2").hide();
						$(".bubble3").hide();
						$(".bubble4").hide();
						if(newPage == "step1"){						
							$(".titles2").each(function(){ 
								if($(this).hasClass("think2")){
									$(this).addClass("highlight");
								}
								else{
									$(this).removeClass("highlight");
								}
							});
						}	
						if(newPage == "step2"){							
							$(".titles2").each(function(){ 
								if($(this).hasClass("create2")){
									$(this).addClass("highlight");
								}
								else{
									$(this).removeClass("highlight");
								}
							});
						}		
						if(newPage == "step3"){
							$(".titles2").each(function(){ 
								if($(this).hasClass("sell2")){
									$(this).addClass("highlight");
								}
								else{
									$(this).removeClass("highlight");
								}
							});
						}	
						
						if($(this).attr("id") != newPage){
							$("#" + $(this).attr("id")).fadeOut(function(){
								$("#" + newPage).fadeIn(function(){
									$("#" + newPage).find(".bubble1").fadeIn(500, function(){
										$("#" + newPage).find(".bubble2").fadeIn(500, function(){
											$("#" + newPage).find(".bubble3").fadeIn(500, function(){
												$("#" + newPage).find(".bubble4").fadeIn(500, function(){
													setTimeout("hideBubbles('#" + newPage + "')", 4000);	
												});	
											});
										});
									});	
									
								});
							});
						}	
							
					});
				});
			}
		});
		
	});