$(document).ready( function() {
        
    $('#hombut').addClass('act');    
    $('#landing').addClass('showbg');
    $('#aboutpage, #contactpage, #psubs, #dsubs, .restbut, .restpic, #restpage, #altpage, .altbut, .altpic, #printpage, .printbut, .printpic, #webpage, #downloadpage, #dform, #log').hide();
    
    $(".nav, .nav2, .nav3").mouseover(function(){
        $(this).addClass('hov');
    });
    
    $(".nav, .nav2, .nav3").mouseout(function(){
        $(this).removeClass('hov');
    });
    
    $("#homelink").mouseover(function(){
        $('#hombut').addClass('hov');
    });
    
    $("#homelink").mouseout(function(){
        $('#hombut').removeClass('hov');
    });
    
    $('#about, #restoration, #alteration, #print, #web, #client, #contact').bind('click', function(){
        $('.nav, .nav2, .nav3, #hombut').removeClass('act');
        $(this).addClass('act');
    });
    
    $('#printb, #webb, #alterationb, #restorationb').bind('click', function(){
        $('.nav, .nav2, .nav3, #hombut').removeClass('act');
    });    
    
    
     
    
    $('#homelink').bind('click', function(){
        $('.nav, .nav2, .nav3').removeClass('act');
        $('#hombut').addClass('act');
    });

    $('.restbut, .altbut, .printbut').bind('click', function(){
        $('.restbut, .altbut, .printbut').removeClass('act');
        $(this).addClass('act');
    });
 
    $('#homelink').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#landing').addClass('showbg');
        $(".cont").fadeOut(300);
        $("#landingpage").fadeIn(300);
    });
    
    $('#about').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#aboutbg').addClass('showbg');
        $(".cont").fadeOut(300);
        $("#aboutpage").fadeIn(300);
    });
    
   
    
    $('#restoration, #restorationb').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#photobg').addClass('showbg');
        $(".cont").fadeOut(300);
        $('#psubs').hide();
        $(".restbut, #restpic1, #restpage").fadeIn(300);
        $('#rest1, #photo, #restoration').addClass('act');
    });
    
    $('#homelink, #about, #alteration, #print, #web, #client, #contact').bind('click', function(){
        $(".restbut, .restpic, #restpage").fadeOut(300);
    });
    
    $('#homelink, #about, #restoration, #print, #web, #client, #contact').bind('click', function(){
        $(".altbut, .altpic, #altpage").fadeOut(300);
    });
    
    $('#homelink, #about, #restoration, #alteration, #web, #client, #contact').bind('click', function(){
        $(".printbut, .printpic, #printpage").fadeOut(300);
    });
    
    $('#homelink, #about, #restoration, #alteration, #print, #client, #contact').bind('click', function(){
        $("#webpage").fadeOut(300);
    });
    
    $('#homelink, #about, #restoration, #alteration, #print, #web, #contact').bind('click', function(){
        $("#downloadpage, #dform").fadeOut(300);
    });
    
    $('.restbut, .altbut, .printbut').bind('click', function(){
        $(".restpic, .altpic, .printpic").fadeOut(300);
    });
    
    $('#rest1').bind('click', function(){
        $("#restpic1").fadeIn(300);
    });
    
    $('#rest2').bind('click', function(){
        $("#restpic2").fadeIn(300);
    });
    
    $('#rest3').bind('click', function(){
        $("#restpic3").fadeIn(300);
    });
    
    $('#alt1').bind('click', function(){
        $("#altpic1").fadeIn(300);
    });
    
    $('#alt2').bind('click', function(){
        $("#altpic2").fadeIn(300);
    });
    
    $('#alt3').bind('click', function(){
        $("#altpic3").fadeIn(300);
    });
    
    $('#alt4').bind('click', function(){
        $("#altpic4").fadeIn(300);
    });
    
    $('#print1').bind('click', function(){
        $("#printpic1").fadeIn(300);
    });
    
    $('#print2').bind('click', function(){
        $("#printpic2").fadeIn(300);
    });
    
    $('#print3').bind('click', function(){
        $("#printpic3").fadeIn(300);
    });
    
    $('#print4').bind('click', function(){
        $("#printpic4").fadeIn(300);
    });
    
    $('#print5').bind('click', function(){
        $("#printpic5").fadeIn(300);
    });
    
    $('#print6').bind('click', function(){
        $("#printpic6").fadeIn(300);
    });
    
    $('#print7').bind('click', function(){
        $("#printpic7").fadeIn(300);
    });

    $("#photo").mouseover(function(){
        $('#psubs').show();
    });
    
    $("#design").mouseover(function(){
        $('#dsubs').show();
    });
    
    $('#alteration, #alterationb').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#photo2bg').addClass('showbg');
        $(".cont").fadeOut(300);
        $('#psubs').hide();
        $("#altpage, .altbut, #altpic1").fadeIn(300);
        $('#alt1, #photo, #alteration').addClass('act');
    });
    
    $('.nav, .nav2').bind('click', function(){
        $("#restpic2, #restpic3").fadeOut(2000);
    });

    $('#print, #printb').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#designbg').addClass('showbg');
        $(".cont").fadeOut(300);
        $('#dsubs').hide();
        $(".printbut, #printpic1, #printpage").fadeIn(300);
        $('#print1, #design, #print').addClass('act');
    });

    $('#web, #webb').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#design2bg').addClass('showbg');
        $(".cont").fadeOut(300);
        $('#dsubs').hide();
        $("#webpage").fadeIn(300);
        $('#design, #web').addClass('act');
    });
    
    $("#homelink, #about, #design, #client, #contact, .bg, .cont").mouseover(function(){
        $('#psubs').hide();
    });
    
    $("#homelink, #about, #photo, #client, #contact, .bg, .cont").mouseover(function(){
        $('#dsubs').hide();
    });
    
    $('#client').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#clientbg').addClass('showbg');
        $(".cont").fadeOut(300);
        $("#downloadpage, #dform").fadeIn(300);     
    });
    
    $('#contact').bind('click', function(){
        $('.bg').removeClass('showbg');
        $('#contactbg').addClass('showbg');
        $(".cont").fadeOut(300);
        $("#contactpage").fadeIn(300);

    });



    



        

});