$(document).ready(function(){        

    // Hide Various Elements so they can be faded in
    // hiding them first allows for a person with javascript 
    // turned off to still view the page with out the animation.
    $("#contentbox").hide();                    
    $("#logoimg").hide(); 
    $("#navlinks").hide();     
    $("#txtblwpic").hide(); 
    $("#testing").hide();
    $("#subnav").hide();          
 
    // Fade in the main image
    //  $("#contentbox").pause(1500);    
    $("#contentbox").fadeIn(4000);         
    
    // Bounce the Vertical Table, slide in sos logo, fade in nav links 
    $("#navtable").css("height","0px");
    $("#navtable").animate({height: "395px"},750,function () {
        $("#navtable").animate({height: "365px"},200,function () {
            $("#navtable").animate({height: "395px"},200, function () { 
                $("#logoimg").slideDown(1000,function(){ $("#navlinks").fadeIn(1500);
                }); 
            });  
        }); 
    });   

    // Bounce Bottom Table and fade in text
    $("#blwpic").css("width","0px");
    $("#blwpic").animate({width: "763px"},750,function () {
        $("#blwpic").animate({width: "733px"},200,function () {
             $("#blwpic").animate({width: "763px"},200,function (){
                $("#txtblwpic").fadeIn(1000);
             });
        }); 
    });
    
    // Generate the content overview and change the main image when the nav links are clicked
    // Home Link    
    $("#homlnk").bind("click", function () { 
        $("#contenttxt").fadeOut(1000);  
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/home.jpg)");  
        });   
        $("#contentbox").fadeIn(1500);
        $("#subnav").slideUp(1500);  
     });  
         
    //  About Us 
    $("#abolnk").bind("click", function () {
        $("#contenttxt").fadeOut(1000, function () {
            $("#centerpage").attr("src", "./about.php");  
        });   
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/about.jpg)");
        });   
        $("#contentbox").fadeIn(1500, function() {
            $("#contenttxt").fadeIn(750);  
        });
        
        $("#subnav").slideUp(1500);  
    });         
    
    // Contact Us
    $("#conlnk").bind("click", function () { 
        $("#contenttxt").fadeOut(1000, function () {
            $("#centerpage").attr("src", "./contact.php");  
        });   
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/contact.jpg)");
        });   
        $("#contentbox").fadeIn(1500, function() {
            $("#contenttxt").fadeIn(750);  
        });
        $("#subnav").slideUp(1500);   
     });
    
    // Products
    $("#prolnk").bind("click", function () { 
        $("#contenttxt").fadeOut(1000, function () {
            $("#centerpage").attr("src", "./products.php");  
        });   
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/products.jpg)");
           $("#centerpage").attr("src", "./products.php");        
        });   
        $("#contentbox").fadeIn(1500, function() {
            $("#contenttxt").fadeIn(750);  
        });
        $("#subnav").slideDown(1500);
     });       
     
    // Printed Products
    $("#prilnk").bind("click", function () { 
        $("#contenttxt").fadeOut(1000, function () {
            $("#centerpage").attr("src", "./services.php");  
        });                                
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/services.jpg)");
           $("#centerpage").attr("src", "./printed-products.php");     
        }); 
        $("#contentbox").fadeIn(1500, function() {
            $("#contenttxt").fadeIn(750);  
        });
     });                                                                           
     
    // Office Supplies
    $("#offlnk").bind("click", function () {
        $("#contenttxt").fadeOut(1000, function () {
            $("#centerpage").attr("src", "./services.php");  
        });                                
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/services.jpg)");
           $("#centerpage").attr("src", "./office-supplies.php");      
        }); 
        $("#contentbox").fadeIn(1500, function() {
            $("#contenttxt").fadeIn(750);  
        });
     });                                                                           
     
    // Furniture 
    $("#furlnk").bind("click", function () {
        $("#contenttxt").fadeOut(1000, function () {
            $("#centerpage").attr("src", "./services.php");  
        });                                
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/services.jpg)");
           $("#centerpage").attr("src", "./furniture.php");      
        }); 
        $("#contentbox").fadeIn(1500, function() {
            $("#contenttxt").fadeIn(750);  
        });
    }); 
    // Contest button
    $("#contestlnk").bind("click", function () {
        $("#contenttxt").fadeOut(1000, function () {
            $("#centerpage").attr("src", "./contest.php");  
        });   
        $("#contentbox").fadeOut(1500, function () {
           $("#contentbox").css("background-image","url(./img/contact.jpg)");
        });   
        $("#contentbox").fadeIn(1500, function() {
            $("#contenttxt").fadeIn(750);  
        });
        
        $("#subnav").slideUp(1500);
    });                                                                                                                                      
   
}); // End Ready Function