$(function() {
    $("body").oneTime(500, function() {
		$("#Block").fadeIn(1000);
    });

    /*------------------------------------Block 1 Begin------------------------------------*/
    $("#Header1").click(function() {
		if (navigator.appName.indexOf('Microsoft') == -1) { 
			$("#BLK2").fadeOut(500);
	        $("#PNL2").fadeOut(500);
	        $("#BLK3").fadeOut(500);
	        $("#PNL3").fadeOut(500);
	        $("#BLK4").fadeOut(500);
	        $("#PNL4").fadeOut(500);
	        $("#Header1").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK1").oneTime(600, function() {
		        $("#BLK1").animateToClass("CNT1b", 1000);
		        $("#PNL1").animateToClass("PNL1b", 1000);
		        $("#Block").animateToClass("Block-Expand", 1000);
				
				$(this).oneTime(1100, function() { $("#Content1").fadeIn(500); });
	        });
		}else {
			$("#BLK2").fadeOut(500);
	        $("#BLK3").fadeOut(500);
	        $("#BLK4").fadeOut(500);
	        $("#Header1").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK1").oneTime(600, function() {
				$("#BLK1").animate( { width:"800" }, { queue:false, duration:1000 } )
						  .animate( { height:"120" }, { queue:false, duration:1000 } )
						  .animate( { left:"-150px" }, { queue:false, duration:1000 } );
						  
				$(this).oneTime(1100, function() { $("#Content1").fadeIn(500); });
			});
		}
    });

    $("#Exit1").click(function() {
		if (navigator.appName.indexOf('Microsoft') == -1) {
			$("#Content1").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK1").oneTime(600, function(){
				$("#BLK1").animateToClass("CNT1a", 1000);
				$("#PNL1").animateToClass("PNL1a", 1000);
				$("#Block").animateToClass("Block", 1000);
				
				$("#BLK1").oneTime(1100, function(){
					$("#BLK2").fadeIn(500);
					$("#PNL2").fadeIn(500);
					$("#BLK3").fadeIn(500);
					$("#PNL3").fadeIn(500);
					$("#BLK4").fadeIn(500);
					$("#PNL4").fadeIn(500);
					$("#Header1").fadeIn(500);
				});
			});
		}
		else {
			$("#Content1").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK1").oneTime(600, function(){
				$("#BLK1").animate( { width:"200" }, { queue:false, duration:1000 } )
						  .animate( { height:"200" }, { queue:false, duration:1000 } )
						  .animate( { left:"13px" }, { queue:false, duration:1000 } );
				
				$("#BLK1").oneTime(1100, function(){
					$("#BLK2").fadeIn(500);
					$("#BLK3").fadeIn(500);
					$("#BLK4").fadeIn(500);
					$("#Header1").fadeIn(500);
				});
			});
		}
    });
    /*------------------------------------Block 1 End------------------------------------*/
    /*------------------------------------Block 2 Begin------------------------------------*/
    $("#Header2").click(function() {
		if (navigator.appName.indexOf('Microsoft') == -1) { 
			$("#BLK1").fadeOut(500);
	        $("#PNL1").fadeOut(500);
	        $("#BLK3").fadeOut(500);
	        $("#PNL3").fadeOut(500);
	        $("#BLK4").fadeOut(500);
	        $("#PNL4").fadeOut(500);
	        $("#Header2").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK2").oneTime(600, function() {
		        $("#BLK2").animateToClass("CNT2b", 1000);
		        $("#PNL2").animateToClass("PNL2b", 1000);
		        $("#Block").animateToClass("Block-Expand", 1000);
				
				$(this).oneTime(1100, function() { $("#Content2").fadeIn(500); });
	        });
		}else {
			$("#BLK1").fadeOut(500);
	        $("#BLK3").fadeOut(500);
	        $("#BLK4").fadeOut(500);
	        $("#Header2").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK2").oneTime(600, function() {
				$("#BLK2").animate( { width:"800" }, { queue:false, duration:1000 } )
						  .animate( { height:"100" }, { queue:false, duration:1000 } )
						  .animate( { left:"-150px" }, { queue:false, duration:1000 } );
						  
				$(this).oneTime(1100, function() { $("#Content2").fadeIn(500); });
			});
		}
    });

    $("#Exit2").click(function() {
        if (navigator.appName.indexOf('Microsoft') == -1) {
			$("#Content2").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK2").oneTime(600, function(){
				$("#BLK2").animateToClass("CNT2a", 1000);
				$("#PNL2").animateToClass("PNL2a", 1000);
				$("#Block").animateToClass("Block", 1000);
				
				$("#BLK2").oneTime(1100, function(){
					$("#BLK1").fadeIn(500);
					$("#PNL1").fadeIn(500);
					$("#BLK3").fadeIn(500);
					$("#PNL3").fadeIn(500);
					$("#BLK4").fadeIn(500);
					$("#PNL4").fadeIn(500);
					$("#Header2").fadeIn(500);
				});
			});
		}
		else {
			$("#Content2").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK2").oneTime(600, function(){
				$("#BLK2").animate( { width:"200" }, { queue:false, duration:1000 } )
						  .animate( { height:"200" }, { queue:false, duration:1000 } )
						  .animate( { left:"277px" }, { queue:false, duration:1000 } );
				
				$("#BLK2").oneTime(1100, function(){
					$("#BLK1").fadeIn(500);
					$("#BLK3").fadeIn(500);
					$("#BLK4").fadeIn(500);
					$("#Header2").fadeIn(500);
				});
			});
		}
    });
    /*------------------------------------Block 2 End------------------------------------*/
    /*------------------------------------Block 3 Begins------------------------------------*/
    $("#Header3").click(function() {
		if (navigator.appName.indexOf('Microsoft') == -1) { 
			$("#BLK1").fadeOut(500);
	        $("#PNL1").fadeOut(500);
	        $("#BLK2").fadeOut(500);
	        $("#PNL2").fadeOut(500);
	        $("#BLK4").fadeOut(500);
	        $("#PNL4").fadeOut(500);
	        $("#Header3").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK3").oneTime(600, function() {
		        $("#BLK3").animateToClass("CNT3b", 1000);
		        $("#PNL3").animateToClass("PNL3b", 1000);
		        $("#Block").animateToClass("Block-Expand", 1000);
				
				$(this).oneTime(1100, function() { $("#Content3").fadeIn(500); });
	        });
		}else {
			$("#BLK1").fadeOut(500);
	        $("#BLK2").fadeOut(500);
	        $("#BLK4").fadeOut(500);
	        $("#Header3").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK3").oneTime(600, function() {
				$("#BLK3").animate( { width:"800" }, { queue:false, duration:1000 } )
						  .animate( { height:"100" }, { queue:false, duration:1000 } )
						  .animate( { left:"-150px" }, { queue:false, duration:1000 } )
						  .animate( { top:"10px" }, { queue:false, duration:1000 } );
						  
				$(this).oneTime(1100, function() { $("#Content3").fadeIn(500); });
			});
		}
    });

    $("#Exit3").click(function() {
		if (navigator.appName.indexOf('Microsoft') == -1) {
			$("#Content3").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK3").oneTime(600, function(){
				$("#BLK3").animateToClass("CNT3a", 1000);
				$("#PNL3").animateToClass("PNL3a", 1000);
				$("#Block").animateToClass("Block", 1000);
				
				$("#BLK3").oneTime(1100, function(){
					$("#BLK1").fadeIn(500);
					$("#PNL1").fadeIn(500);
					$("#BLK2").fadeIn(500);
					$("#PNL2").fadeIn(500);
					$("#BLK4").fadeIn(500);
					$("#PNL4").fadeIn(500);
					$("#Header3").fadeIn(500);
				});
			});
		}
		else {
			$("#Content3").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK3").oneTime(600, function(){
				$("#BLK3").animate( { width:"200" }, { queue:false, duration:1000 } )
						  .animate( { height:"200" }, { queue:false, duration:1000 } )
						  .animate( { left:"13px" }, { queue:false, duration:1000 } )
						  .animate( { top:"277px" }, { queue:false, duration:1000 } );
				
				$("#BLK3").oneTime(1100, function(){
					$("#BLK1").fadeIn(500);
					$("#BLK2").fadeIn(500);
					$("#BLK4").fadeIn(500);
					$("#Header3").fadeIn(500);
				});
			});
		}
    });
    /*------------------------------------Block 3 Ends------------------------------------*/
    /*------------------------------------Block 4 Begins------------------------------------*/
    $("#Header4").click(function() {
		if (navigator.appName.indexOf('Microsoft') == -1) { 
			$("#BLK1").fadeOut(500);
	        $("#PNL1").fadeOut(500);
	        $("#BLK2").fadeOut(500);
	        $("#PNL2").fadeOut(500);
	        $("#BLK3").fadeOut(500);
	        $("#PNL3").fadeOut(500);
	        $("#Header4").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK4").oneTime(600, function() {
		        $("#BLK4").animateToClass("CNT4b", 1000);
		        $("#PNL4").animateToClass("PNL4b", 1000);
		        $("#Block").animateToClass("Block-Expand", 1000);
				
				$(this).oneTime(1100, function() { $("#Content4").fadeIn(500); });
	        });
		}else {
			$("#BLK1").fadeOut(500);
	        $("#BLK2").fadeOut(500);
	        $("#BLK3").fadeOut(500);
	        $("#Header4").fadeOut(500);
	        $("#LoginField").fadeOut(500);
	        
	        $("#BLK4").oneTime(600, function() {
				$("#BLK4").animate( { width:"800" }, { queue:false, duration:1000 } )
						  .animate( { height:"400" }, { queue:false, duration:1000 } )
						  .animate( { left:"-150px" }, { queue:false, duration:1000 } )
						  .animate( { top:"10px" }, { queue:false, duration:1000 } );
						  
				$(this).oneTime(1100, function() { $("#Content4").fadeIn(500); });
			});
		}
	});

    $("#Exit4").click(function() {
        if (navigator.appName.indexOf('Microsoft') == -1) {
			$("#Content4").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK4").oneTime(600, function(){
				$("#BLK4").animateToClass("CNT4a", 1000);
				$("#PNL4").animateToClass("PNL4a", 1000);
				$("#Block").animateToClass("Block", 1000);
				
				$("#BLK4").oneTime(1100, function(){
					$("#BLK1").fadeIn(500);
					$("#PNL1").fadeIn(500);
					$("#BLK2").fadeIn(500);
					$("#PNL2").fadeIn(500);
					$("#BLK3").fadeIn(500);
					$("#PNL3").fadeIn(500);
					$("#Header4").fadeIn(500);
				});
			});
		}
		else {
			$("#Content4").fadeOut(500);
			$("#LoginField").fadeOut(500);
			
			$("#BLK4").oneTime(600, function(){
				$("#BLK4").animate( { width:"200" }, { queue:false, duration:1000 } )
						  .animate( { height:"200" }, { queue:false, duration:1000 } )
						  .animate( { left:"277px" }, { queue:false, duration:1000 } )
						  .animate( { top:"277px" }, { queue:false, duration:1000 } );
				
				$("#BLK4").oneTime(1100, function(){
					$("#BLK1").fadeIn(500);
					$("#BLK2").fadeIn(500);
					$("#BLK3").fadeIn(500);
					$("#Header4").fadeIn(500);
				});
			});
		}
    });
    /*------------------------------------Block 4 Ends------------------------------------*/
    /*------------------------------------TABS BEGIN------------------------------------*/
    $(".Tabs-Main3").click(function() {
        $("#Block").fadeOut(500);

        $("body").oneTime(600, function() {
            window.location.href = "Login.html";
        });
    });
    
    $(".Tabs-Main2").click(function() {
        $("#Block").fadeOut(500);
        $("#Form2").fadeOut(500);
        $("#Page1").fadeOut(500);
        $("#Page2").fadeOut(500);
        $("#SignUp").fadeOut(500);
        $("#LoginField").fadeOut(500);
        
        $("body").oneTime(600, function() {
            window.location.href = "SignUp.html";
        });
    });

    $(".Tabs-Main1").click(function() {
        $("#Block").fadeOut(500);
        $("#Form2").fadeOut(500);
        $("#Page1").fadeOut(500);
        $("#Page2").fadeOut(500);
        $("#SignUp").fadeOut(500);
        $("#LoginField").fadeOut(500);

        $("body").oneTime(600, function() {
            window.location.href = "AboutUs.html";
        });
    });

    $("#Exit5").click(function() {
        $("#Form1").fadeOut(500);
        $("#Form2").fadeOut(500);
        $("#SignUp").fadeOut(500);
        $("#Page1").fadeOut(500);
        $("#Page2").fadeOut(500);
        $("#SignUpForm").fadeOut(500);
        $("#LoginField").fadeOut(500);
        
        $("#Block").oneTime(600, function() {
            $("#Block").fadeIn(500);
        });
    });
    /*------------------------------------TABS END------------------------------------*/
});