// JavaScript Document
jQuery(document).ready(function(){
    $('div#Footer a.facebook, div#Footer a.twitter').simpleTooltip({
          title: 'me is a tooltip'
        });
      });
	  
$(window).load(function(){
 		// Legal popover
        $("a#legal").click(function(event){
            $("div#LegalWrapper").delay(500).fadeIn(500);
			$("div#LegalBackground").fadeIn(500);
        });
 
        $("div#LegalWrapper").click(function(event){
            $("div#LegalWrapper").fadeOut(500);
			$("div#LegalBackground").delay(500).fadeOut(500);
        });
		
		// Showcase
		$("div#ProductShowcase li").click(function(event){
            $("div#MainSuite").delay(300).animate({opacity: 0.0,left: '-=540'}, 300).hide(0);
			$("div#MainSuiteLife").delay(200).animate({opacity: 0.0,left: '-=520'}, 300).hide(0);
			$("div#MainLearnmore").animate({opacity: 0.0,left: '-=430'}, 500).hide(0);
        });
		
		// Main Showcase - Suite
		$("div#MainSuite").ready(function(event){
			$("div#Loading").fadeOut(300);
            $("div#MainSuite").delay(400).animate({opacity: 1.0,left: '-=140'}, 300);
			$("div#MainSuiteLife").delay(600).animate({opacity: 1.0,left: '-=120'}, 300);
			$("div#MainLearnmore").delay(900).animate({opacity: 1.0,left: '-=32'}, 500);
			$("div#ProductShowcase ul").delay(600).animate({opacity: 1.0}, 300);
        });
		
		// Main Showcase - Navig8
		$("div#ProductShowcase li a.navig8").click(function(navig8){
			// Unload
			$("div#MainCommunic8, div#MainCollabor8, div#MainCaptiv8").delay(200).animate({opacity: 0.0,left: '455px'}, 300);
			$("div#MainCommunic8Text, div#MainCollabor8Text, div#MainCaptiv8Text").delay(0).animate({opacity: 0.0,left: '-115px'}, 300);
			$("div#MainCommunic8Learnmore, div#MainCollabor8Learnmore, div#MainCaptiv8Learnmore").delay(100).animate({opacity: 0.0,left: '-25px'}, 500); 
				// Reset default coordinates
				$("div#MainCommunic8, div#MainCollabor8, div#MainCaptiv8").animate({left: '735px'}).hide(0);
				$("div#MainCommunic8Text, div#MainCollabor8Text, div#MainCaptiv8Text").animate({left: '125px'}).hide(0);
				$("div#MainCommunic8Learnmore, div#MainCollabor8Learnmore, div#MainCaptiv8Learnmore").animate({left: '35px'}).hide(0);
			// Load Navig8
			$("div#MainNavig8").show().delay(500).animate({opacity: 1.0,left: '595'}, 300);
			$("div#MainNavig8Text").show().delay(700).animate({opacity: 1.0,left: '5'}, 300);
			$("div#MainNavig8Learnmore").show().delay(800).animate({opacity: 1.0,left: '2'}, 500); 
        });
		
		// Main Showcase - Communic8
		$("div#ProductShowcase li a.communic8").click(function(navig8){
			// Unload
			$("div#MainNavig8, div#MainCollabor8, div#MainCaptiv8").delay(200).animate({opacity: 0.0,left: '455px'}, 300);
			$("div#MainNavig8Text, div#MainCollabor8Text, div#MainCaptiv8Text").delay(0).animate({opacity: 0.0,left: '-115px'}, 300);
			$("div#MainNavig8Learnmore, div#MainCollabor8Learnmore, div#MainCaptiv8Learnmore").delay(100).animate({opacity: 0.0,left: '-25px'}, 500); 
				// Reset default coordinates
				$("div#MainNavig8, div#MainCollabor8, div#MainCaptiv8").animate({left: '735px'}).hide(0);
				$("div#MainNavig8Text, div#MainCollabor8Text, div#MainCaptiv8Text").animate({left: '125px'}).hide(0);
				$("div#MainNavig8Learnmore, div#MainCollabor8Learnmore, div#MainCaptiv8Learnmore").animate({left: '35px'}).hide(0);
			// Load Communic8 
			$("div#MainCommunic8").show().delay(500).animate({opacity: 1.0,left: '595'}, 300);
			$("div#MainCommunic8Text").show().delay(700).animate({opacity: 1.0,left: '5'}, 300);
			$("div#MainCommunic8Learnmore").show().delay(800).animate({opacity: 1.0,left: '2'}, 500); 
        });
		
		// Main Showcase - Collabor8
		$("div#ProductShowcase li a.collabor8").click(function(collabor8){
			// Unload
			$("div#MainNavig8, div#MainCommunic8, div#MainCaptiv8").delay(200).animate({opacity: 0.0,left: '455px'}, 300);
			$("div#MainNavig8Text, div#MainCommunic8Text, div#MainCaptiv8Text").delay(0).animate({opacity: 0.0,left: '-115px'}, 300);
			$("div#MainNavig8Learnmore, div#MainCommunic8Learnmore, div#MainCaptiv8Learnmore").delay(100).animate({opacity: 0.0,left: '-25px'}, 500); 
				// Reset default coordinates
				$("div#MainNavig8, div#MainCommunic8, div#MainCaptiv8").animate({left: '735px'}).hide(0);
				$("div#MainNavig8Text, div#MainCommunic8Text, div#MainCaptiv8Text").animate({left: '125px'}).hide(0);
				$("div#MainNavig8Learnmore, div#MainCommunic8Learnmore, div#MainCaptiv8Learnmore").animate({left: '35px'}).hide(0);
			// Load Communic8 
			$("div#MainCollabor8").show().delay(500).animate({opacity: 1.0,left: '595'}, 300);
			$("div#MainCollabor8Text").show().delay(700).animate({opacity: 1.0,left: '5'}, 300);
			$("div#MainCollabor8Learnmore").show().delay(800).animate({opacity: 1.0,left: '2'}, 500);  
        });

		// Main Showcase - Captiv8
		$("div#ProductShowcase li a.captiv8").click(function(collabor8){
			// Unload
			$("div#MainNavig8, div#MainCommunic8, div#MainCollabor8").delay(200).animate({opacity: 0.0,left: '455px'}, 300);
			$("div#MainNavig8Text, div#MainCommunic8Text, div#MainCollabor8Text").delay(0).animate({opacity: 0.0,left: '-115px'}, 300);
			$("div#MainNavig8Learnmore, div#MainCommunic8Learnmore, div#MainCollabor8Learnmore").delay(100).animate({opacity: 0.0,left: '-25px'}, 500); 
				// Reset default coordinates
				$("div#MainNavig8, div#MainCommunic8, div#MainCollabor8").animate({left: '735px'}).hide(0);
				$("div#MainNavig8Text, div#MainCommunic8Text, div#MainCollabor8Text").animate({left: '125px'}).hide(0);
				$("div#MainNavig8Learnmore, div#MainCommunic8Learnmore, div#MainCollabor8Learnmore").animate({left: '35px'}).hide(0);
			// Load Communic8 
			$("div#MainCaptiv8").show().delay(500).animate({opacity: 1.0,left: '595'}, 300);
			$("div#MainCaptiv8Text").show().delay(700).animate({opacity: 1.0,left: '5'}, 300);
			$("div#MainCaptiv8Learnmore").show().delay(800).animate({opacity: 1.0,left: '2'}, 500);  
        });
		
    });