// JavaScript Document
$(function(){


	$(window).load(function(){
		$(window).scrollTop(0)
	})	
	
/*	// DETECT MOBILE DEVICE
	if (navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i)) {
		window.location.href = 'http://site.com/mobile';
	}*/
		
	// DETERMINE HOW MUCH CONTENT IS LOADED AND HIDE IT ALL ACCORDINGLY
	var contentHeight = $(".content-frame.active").innerHeight();
	$(".content-frame").css({"top" : - contentHeight});	
	$(".thumb-area").css({"top" : "-300px"});
	
	// VARIABLES
	var siteLoaded = 0;
	var navActive = 0;
	var section = "Technical";
	
/*	$("html").mousemove(function(){
		$(".status").html(contentHeight + "px | Section: " + section)
	})
	.click(function(){
		alert(contentHeight + "px")
	})
*/

	// PRELOAD FUNCTION
	$(window).load(function(){
		
	// Find FSX and Bold it
	$("p, li").html(function(i, t){
		return t.replace(/(FSX)/g, "<strong>$1</strong>");
	})
	
	// THUMBNAIL HOVER
	$(".icon").hover(
	function(){
		$("img.icon").animate({"width" : "125px", "height" : "125px", "left" : "0"}, 500)	
	},
	function(){
		$("img.icon").animate({"width" : "100px", "height" : "100px", "left" : "10px"}, 500)
	})
	
	
	// APPLE DOCK FUNCTION
	$(".thumb-box .thumb > img").hover(
	function(){
		$(this).stop().animate({"width": "200px" , "height" : "200px", "top" : "-10px"},300)
	},
	function(){
		$(this).stop().animate({"width": "140px" , "height" : "140px", "top" : "10px"},300)
	})

		
		// SITE ANIMATION
			// ANIMATION 1
			function anim1(){
				$("#animation-area .dataProc").show().animate({"left" : "200px"},1000).delay(1000).fadeOut(1000)
				$("#animation-area .payProc").show().animate({"right" : "200px"},1000).delay(1000).fadeOut(1000)
				$("#animation-area .skipIntro").fadeIn(1000)
			}
			
			// ANIMATION 2
			function anim2(){
				$("#animation-area .swDev").show().animate({"left" : "160px"},1000).delay(1000).fadeOut(1000)
				$("#animation-area .networkInf").show().animate({"right" : "160px"},1000).delay(1000).fadeOut(1000)
			}
			
			// ANIMATION 3
			function anim3(){
				$("#animation-area .webDesign").show().animate({"left" : "200px"},1000).delay(1000).fadeOut(1000)
				$("#animation-area .eCommerce").show().animate({"right" : "220px"},1000).delay(1000).fadeOut(1000)
			}
			
			// ANIMATION 4
			function anim4(){
				$("#animation-area .pciComp").show().animate({"left" : "200px"},1000).delay(1000).fadeOut(1000)
				$("#animation-area .acctServ").show().animate({"right" : "200px"},1000).delay(1000).fadeOut(1000)
			}
			
			// ANIMATION 5
			function anim5(){
				$("#animation-area .hostingServ").show().animate({"left" : "200px"},1000).delay(1000).fadeOut(1000)
				$("#animation-area .csSupport").show().animate({"right" : "200px"},1000).delay(1000).fadeOut(1000)
			}
			
			// ANIMATION 6
			function anim6(){
				$("#animation-area .businessDev").show().animate({"left" : "160px"},1000).delay(1000).fadeOut(1000)
				$("#animation-area .seoMgt").show().animate({"right" : "160px"},1000).delay(1000).fadeOut(1000)
			}
			
			
		// FIRST ANIMATION
		anim1()
		
		// SECOND ANIMATION
		setTimeout(function(){
			anim2()
		},3000)
		
		// THIRD ANIMATION
		setTimeout(function(){
			anim3()
		},6000)
		
		// FOURTH ANIMATION
		setTimeout(function(){
			anim4()
		},9000)
		
		// FIFTH ANIMATION
		setTimeout(function(){
			anim5()
		},12000)
		
		// SIXTH ANIMATION
		setTimeout(function(){
			anim6()
		},15000)
		
		// HIDE ANIMATION AREA
		setTimeout(function(){
			if (siteLoaded === 0){
				$("#animation-area").hide()
				defaultContent()
				siteLoaded = 1;
			}
		},18000)
		
		// SKIP ANIMATION
		$("#animation-frame").click(function(){
			$("#animation-area").fadeOut(1000);
			setTimeout(function(){
				defaultContent()
			},500)
			siteLoaded = 1;
		});
		
		
		// DEFAULT CONTENT TO LOAD AFTER ANIMATION
		function defaultContent(){
			$(".thumb-area.technical").show().animate({"top" : "0px"}, 2000).addClass("active");
			$("a.navTechnical").addClass("active");
			$(".thumbContent-frame.technical").delay(1000).fadeIn(1000).addClass("active");
			siteLoaded = 1;
			navActive = 1;
		}
		
		
		
		// NAVIGATION
			// HOME
			$("a.navHome").click(function(){
				if (siteLoaded === 1 && section !== "Home" && navActive === 1){

					// ACTIVE NAVIGATION CLASSES
					$(".navItem.active").removeClass("active");
					setTimeout(function(){
						$(".navHome").addClass("active");
					},200)

					// CHECKS IF SECTION PREVIOUSLY IS THUMBNAIL CONTENT
					if (section === "Technical" || section === "Business"){
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.home").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
					}

					// CHECKS IF SECTION PREVIOUSLY IS NORMAL CONTENT
					if (section === "About" || section === "Contact"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.home").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
					}
					
					// CHECKS IF A THUMBNAIL CONTENT PAGE IS THE CURRENT CONTENT
					if (section === "thumbContent"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.home").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
					}

					// CHANGE SECTION
					section = "Home"
				}
			});
			
			
			// ABOUT
			$("a.navAbout").click(function(){
				if (siteLoaded === 1 && section !== "About" && navActive === 1){
					// ACTIVE NAVIGATION CLASSES
					$(".navItem.active").removeClass("active");
					setTimeout(function(){
						$(".navAbout").addClass("active");
					},200)

					// CHECKS IF SECTION PREVIOUSLY IS THUMBNAIL CONTENT
					if (section === "Technical" || section === "Business"){
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.about").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
					}

					// CHECKS IF SECTION PREVIOUSLY IS NORMAL CONTENT
					if (section === "Home" || section === "Contact"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.about").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
					}
					
					// CHECKS IF A THUMBNAIL CONTENT PAGE IS THE CURRENT CONTENT
					if (section === "thumbContent"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.about").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
					}

					// CHANGE SECTION
					section = "About"
				}
			});
			
			
			// CONTACT
			$("a.navContact").click(function(){
				if (siteLoaded === 1 && section !== "Contact" && navActive === 1){
					// ACTIVE NAVIGATION CLASSES
					$(".navItem.active").removeClass("active");
					setTimeout(function(){
						$(".navContact").addClass("active");
					},200)

					// CHECKS IF SECTION PREVIOUSLY IS THUMBNAIL CONTENT
					if (section === "Technical" || section === "Business"){
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.contact").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
					}

					// CHECKS IF SECTION PREVIOUSLY IS NORMAL CONTENT
					if (section === "Home" || section === "About"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.contact").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
					}
					
					// CHECKS IF A THUMBNAIL CONTENT PAGE IS THE CURRENT CONTENT
					if (section === "thumbContent"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).hide(1000);
						
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.contact").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
					}

					// CHANGE SECTION
					section = "Contact"
				}
			});
		
		
			// TECHNICAL
			$("a.navTechnical").click(function(){
				if (siteLoaded === 1 && section !== "Technical" && navActive === 1){

					// ACTIVE NAVIGATION CLASSES
					$(".navItem.active").removeClass("active");
					setTimeout(function(){
						$(".navTechnical").addClass("active");
					},200)

					// CHECKS IF SECTION PREVIOUSLY IS THUMBNAIL CONTENT
					if (section === "Business"){
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).fadeOut(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
	
						// LOAD IN NEW CONTENT
						setTimeout(function(){
							$(".thumb-area.technical").fadeIn(1000).stop(true,true).animate({"top" : "0"},1000).addClass("active");
							$(".thumbContent-frame.technical").fadeIn(1000).addClass("active");
							navActive = 1;
						},2000)
					}

					// CHECKS IF SECTION PREVIOUSLY IS NORMAL CONTENT
					if (section === "Home" || section === "About" ||  section === "Contact" || section === "thumbContent"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
						
						// LOAD IN NEW CONTENT
						setTimeout(function(){
							$(".thumb-area.technical").fadeIn(1000).stop(true,true).animate({"top" : "0"},1000).addClass("active");
							$(".thumbContent-frame.technical").fadeIn(1000).addClass("active");
							navActive = 1;
						},2000)
					}
	
					// CHANGE SECTION
					section = "Technical"
				}
			});
			
			// BUSINESS
			$("a.navBusiness").click(function(){
				if (siteLoaded === 1 && section !== "Business" && navActive === 1){
	
					// ACTIVE NAVIGATION CLASSES
					$(".navItem.active").removeClass("active");
					setTimeout(function(){
						$(".navBusiness").addClass("active");
					},200)

					// CHECKS IF SECTION PREVIOUSLY IS THUMBNAIL CONTENT
					if (section === "Technical"){
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).fadeOut(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
	
						// LOAD IN NEW CONTENT
						setTimeout(function(){
							$(".thumb-area.business").fadeIn(1000).stop(true,true).animate({"top" : "0"},1000).addClass("active");
							$(".thumbContent-frame.business").fadeIn(1000).addClass("active");
							navActive = 1;
						},2000)
						
					}

					// CHECKS IF SECTION PREVIOUSLY IS NORMAL CONTENT
					if (section === "Home" || section === "About" || section === "Contact" || section === "thumbContent"){
						navActive = 0;
						$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
						
						// LOAD IN NEW CONTENT
						setTimeout(function(){
							$(".thumb-area.business").fadeIn(1000).stop(true,true).animate({"top" : "0"},1000).addClass("active");
							$(".thumbContent-frame.business").fadeIn(1000).addClass("active");
							navActive = 1;
						},2000)
					}

					// CHANGE SECTION
					section = "Business"
				}
			});
			
			
			// THUMBNAILS
				// TECHNICAL
				// GO BACK
				$(".goBack-technical").click(function(){
					navActive = 0;
					$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
						
					// LOAD IN NEW CONTENT
					setTimeout(function(){
						$(".thumb-area.technical").fadeIn(1000).stop(true,true).animate({"top" : "0"},1000).addClass("active");
						$(".thumbContent-frame.technical").fadeIn(1000).addClass("active");
						navActive = 1;
					},2000)
					
					section = "Technical"
				});
				
					// SOFTWARE DEVELOPMENT
					$("#swDev.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.swDev").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// WEB-DESIGN
					$("#webDesign.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.webDesign").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// PAYMENT PROCESSING
					$("#payProc.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.payment").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// DATA PROCESSING
					$("#dataProc.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.data").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// E-COMMERCE DESIGN
					$("#eCommerce.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.ecommerce").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// NETWORK INFRASTRUCTURE
					$("#networkInf.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.network").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
				// BUSINESS
				// GO BACK
				$(".goBack-business").click(function(){
					navActive = 0;
					$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
						
					// LOAD IN NEW CONTENT
					setTimeout(function(){
						$(".thumb-area.business").fadeIn(1000).stop(true,true).animate({"top" : "0"},1000).addClass("active");
						$(".thumbContent-frame.business").fadeIn(1000).addClass("active");
						navActive = 1;
					},2000)
					
					section = "Business"
				});
				
					// PCI COMPLIANCE
					$("#pci.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.pci").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// HOSTING SERVICES
					$("#hosting.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.hosting").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// ACCOUNTING SERVICES
					$("#accounting.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.accounting").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// BUSINESS DEVELOPMENT
					$("#business.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.business").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// CUSTOMER SERVICE & SUPPORT
					$("#csupport.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.customer").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					// SEO / SOCIAL MANAGEMENT
					$("#seo.thumb").click(function(){
						
						// REMOVE ACTIVE THUMB AREA
						navActive = 0;
						$(".thumb-area.active").removeClass("active").stop(true,true).animate({"top" : "-300px"},1000).hide(1000);
						
						// FADE OUT EXTRA CONTENT AREA
						$(".thumbContent-frame.active").fadeOut().removeClass("active");
												
						// LOAD CONTENT
						setTimeout(function(){
							$(".content-frame.seo").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
							contentHeight = $(".content-frame.active").innerHeight()
							navActive = 1;
						},2000)
						
						// CHANGE SECTION
						section = "thumbContent"
					});
					
					
		// LINKS
		// TECHNICAL
		// SOFTWARE DEVELOPMENT LINK
		$(".swDev-link").click(function(){
		
			if (section !== "Technical"){
				// ACTIVE NAVIGATION CLASSES
				$(".navItem.active").removeClass("active");
				setTimeout(function(){
					$(".navTechnical").addClass("active");
				},200)
			}
			
			navActive = 0;						
			$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
			
			// LOAD CONTENT
			setTimeout(function(){
				$(".content-frame.swDev").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
				contentHeight = $(".content-frame.active").innerHeight()
				navActive = 1;
			},2000)
				
				// CHANGE SECTION
				section = "thumbContent"
		});
		
		
		// E-COMMERCE DESIGN LINK
		$(".ecommerce-link").click(function(){
		
			if (section !== "Technical"){
				// ACTIVE NAVIGATION CLASSES
				$(".navItem.active").removeClass("active");
				setTimeout(function(){
					$(".navTechnical").addClass("active");
				},200)
			}
			
			navActive = 0;						
			$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
			
			// LOAD CONTENT
			setTimeout(function(){
				$(".content-frame.ecommerce").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
				contentHeight = $(".content-frame.active").innerHeight()
				navActive = 1;
			},2000)
				
				// CHANGE SECTION
				section = "thumbContent"
		});
		
		
		// DATA PROCESSING LINK
		$(".data-link").click(function(){
		
			if (section !== "Technical"){
				// ACTIVE NAVIGATION CLASSES
				$(".navItem.active").removeClass("active");
				setTimeout(function(){
					$(".navTechnical").addClass("active");
				},200)
			}
			
			navActive = 0;						
			$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
			
			// LOAD CONTENT
			setTimeout(function(){
				$(".content-frame.data").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
				contentHeight = $(".content-frame.active").innerHeight()
				navActive = 1;
			},2000)
				
				// CHANGE SECTION
				section = "thumbContent"
		});
		
		// BUSINESS
		// SEO LINK
		$(".seo-link").click(function(){
		
			if (section !== "Business"){
				// ACTIVE NAVIGATION CLASSES
				$(".navItem.active").removeClass("active");
				setTimeout(function(){
					$(".navBusiness").addClass("active");
				},200)
			}
			
			navActive = 0;						
			$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
			
			// LOAD CONTENT
			setTimeout(function(){
				$(".content-frame.seo").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
				contentHeight = $(".content-frame.active").innerHeight()
				navActive = 1;
			},2000)
				
				// CHANGE SECTION
				section = "thumbContent"
		});	
		
		
		// HOSTING LINK
		$(".hosting-link").click(function(){
		
			if (section !== "Business"){
				// ACTIVE NAVIGATION CLASSES
				$(".navItem.active").removeClass("active");
				setTimeout(function(){
					$(".navBusiness").addClass("active");
				},200)
			}
			
			navActive = 0;						
			$(".content-frame.active").removeClass("active").stop(true,true).animate({"top" : -contentHeight},1000).fadeOut(1000);
			
			// LOAD CONTENT
			setTimeout(function(){
				$(".content-frame.hosting").fadeIn().stop(true,true).animate({"top" : "0"},1000).addClass("active");
				contentHeight = $(".content-frame.active").innerHeight()
				navActive = 1;
			},2000)
				
				// CHANGE SECTION
				section = "thumbContent"
		});	
		
					
					
		// WEB-DESIGN BUTTONS
		// WEB-DESIGN
		$(".webdesign-button").click(function(){
			$(".button.active").removeClass("active")
			$(this).addClass("active")
			$(".webdesign-frame > .content.active").slideUp(1000).removeClass("active")
			$(".webdesign-frame > .content.webdesign").slideDown(2000).addClass("active")
		});
		
		// WEB OPTIMIZATION
		$(".optimization-button").click(function(){
			$(".button.active").removeClass("active")
			$(this).addClass("active")
			$(".webdesign-frame > .content.active").slideUp(1000).removeClass("active")
			$(".content.optimization").slideDown(2000).addClass("active")
		});
		
		// E-COMMERCE
		$(".ecommerce-button").click(function(){
			$(".button.active").removeClass("active")
			$(this).addClass("active")
			$(".webdesign-frame > .content.active").slideUp(1000).removeClass("active")
			$(".content.ecommerce").slideDown(2000).addClass("active")
		});
		
		// CONTENT MANAGEMENT
		$(".content-button").click(function(){
			$(".button.active").removeClass("active")
			$(this).addClass("active")
			$(".webdesign-frame > .content.active").slideUp(1000).removeClass("active")
			$(".content.contentmgt").slideDown(2000).addClass("active")
		});
		
		// DATA PROCESSING
		$(".data-button").click(function(){
			$(".button.active").removeClass("active")
			$(this).addClass("active")
			$(".webdesign-frame > .content.active").slideUp(1000).removeClass("active")
			$(".content.data").slideDown(2000).addClass("active")
		});
		
		// DOMAIN REGISTRATION
		$(".registration-button").click(function(){
			$(".button.active").removeClass("active")
			$(this).addClass("active")
			$(".webdesign-frame > .content.active").slideUp(1000).removeClass("active")
			$(".content.registration").slideDown(2000).addClass("active")
		});
		
		// DOMAIN HOSTING
		$(".hosting-button").click(function(){
			$(".button.active").removeClass("active")
			$(this).addClass("active")
			$(".webdesign-frame > .content.active").slideUp(1000).removeClass("active")
			$(".content.hosting").slideDown(2000).addClass("active")
		});
		
		

		// SLIDER
		var sliderPos = 0;
		$(".previous").bind('mouseenter click', function(){
			if (sliderPos === 0){
			}
			else{
				$(".slide").animate({"left" : sliderPos = sliderPos +150},1000)
			}
		})
		
		$(".next").bind('mouseenter click', function(){
			if (sliderPos === -1350){
			}
			else{
				$(".slide").animate({"left" : sliderPos = sliderPos -150},1000)
			}
		})
		
		// SLIDER IMG
		// SOFTWARE SLIDER
		$(".slider-solo .slide img").click(function(){
			var thisImg = $(this).attr("alt")
			
			if ($(".slider-solo > .sliderDesc." + thisImg).hasClass("active")){
				$(".slider-solo > .sliderTitle.active").fadeOut(1000).removeClass("active")			
				$(".slider-solo > .sliderDesc.active").fadeOut(1000).removeClass("active")
				
				setTimeout(function(){
					$(".slider-solo > .sliderTitle." + thisImg).fadeIn(1000).addClass("active")
					$(".slider-solo > .sliderDesc." + thisImg).fadeIn(1000).addClass("active")
				},1000)
			}
			else{
				$(".slider-solo > .sliderTitle.active").fadeOut(1000).removeClass("active")			
				$(".slider-solo > .sliderDesc.active").fadeOut(1000).removeClass("active")
				
				setTimeout(function(){
					$(".slider-solo > .sliderTitle." + thisImg).fadeIn(1000).addClass("active")
					$(".slider-solo > .sliderDesc." + thisImg).fadeIn(1000).addClass("active")
				},1000)
			}
			
		});
		
		// WEB-DESIGN SLIDER
		$(".slider .slide img").click(function(){
			var thisImg = $(this).attr("alt")
			
			if ($(".slider > .sliderDesc." + thisImg).hasClass("active")){
				$(".slider > .sliderTitle.active").fadeOut(1000).removeClass("active")			
				$(".slider > .sliderDesc.active").fadeOut(1000).removeClass("active")
				
				setTimeout(function(){
					$(".slider > .sliderTitle." + thisImg).fadeIn(1000).addClass("active")
					$(".slider > .sliderDesc." + thisImg).fadeIn(1000).addClass("active")
				},1000)
			}
			else{
				$(".slider > .sliderTitle.active").fadeOut(1000).removeClass("active")			
				$(".slider > .sliderDesc.active").fadeOut(1000).removeClass("active")
				
				setTimeout(function(){
					$(".slider > .sliderTitle." + thisImg).fadeIn(1000).addClass("active")
					$(".slider > .sliderDesc." + thisImg).fadeIn(1000).addClass("active")
				},1000)
			}
			
		});
		
		
		
		// TOOLTIP
		$(".tooltip").click(function(){
			var tooltipHeight = $(".tooltip-frame", this).height()
			if ($(".tooltip-frame", this).hasClass("active")){
				$(".tooltip-frame.active").fadeOut(1000).removeClass("active");
			}
			else{
				$(".tooltip-frame.active").fadeOut(1000).removeClass("active");
				$(".tooltip-frame", this).fadeIn(1000).css({"top" : - tooltipHeight}).addClass("active")
			}
		});

		
		// FOOTER
		$("#privacy").click(function(){
			window.open ("includes/privacy.php", "_blank", "height=600,width=500,scrollbars=yes,menubar=no,status=no,toolbar=no,location=no")
		});
		
		$("#terms").click(function(){
			window.open ("includes/terms.php", "_blank", "height=600,width=500,scrollbars=yes,menubar=no,status=no,toolbar=no,location=no")
		});
		
		$("#disclosure").click(function(){
			window.open ("includes/disclosure.php", "_blank", "height=600,width=500,scrollbars=yes,menubar=no,status=no,toolbar=no,location=no")
		});
		
	});
});