// -- contact --------------------------------------
			$(document).ready(function(){
			$("#contactBtn").click(
                function(){
                        if ($("#contactHolder").css("opacity") == "10") {
                                hideContact();
                        } else {
                                showContact();
                        }
                });
                
                function showContact() {
                $("#contactHolder").css({ display: "block" });
                $("#contactHolder").animate({ opacity: "10" }, 300 );
                $("#contactHolder").animate({ filter: "alpha(opacity = 100)" }, 300 );
                
        }
        function hideContact() {
        		$("#contactHolder").css({ display: "none" });
                $("#contactHolder").animate({ opacity: "0" }, 300 );
                $("#contactHolder").css({ filter: "alpha(opacity = 0)" }, 300 );

        }
			});
			
			
// end contact --------------------------------------








			// -- view on mac --
			$(document).ready(function(){
			$('#wrapMac').hover(function(){
					$("#viewOnMac", this).stop().animate({right:'0px'},{queue:false,duration:300});
						}, function() {
					$("#viewOnMac", this).stop().animate({right:'-135px'},{queue:false,duration:300});
						});
			});
			
			// end view on mac --











// -- main --
$(document).ready(function(){




			// -- about me --------------------------------------
			$("#maxhead").click(
                function(){
                        if ($("#aboutme").css("height") == "350px") {
                                hideMax();
                        } else {
                                showMax();
                                hideDb();
                                hideRs();
                                hideSkoon();
                                hideDesign();
                        }
            });
            
            
            
            
						
			// -- dont belong --------------------------------------
			$("#dbhead").click(
                function(){
                        if ($("#dontbelong").css("height") == "350px") {
                                hideDb();
                        } else {
                                showDb();
                                hideMax();
                                hideRs();
                                hideSkoon();
                                hideDesign();
                        }
            });
            
            
            // -- red sparrow --------------------------------------
			$("#rshead").click(
                function(){
                        if ($("#redsparrow").css("height") == "600px") {
                                hideRs();
                        } else {
                                showRs();
                                hideMax();
                                hideDb();
                                hideSkoon();
                                hideDesign();
                        }
            });
            
            
            // -- skooners --------------------------------------
			$("#skoonhead").click(
                function(){
                        if ($("#theskooners").css("height") == "350px") {
                                hideSkoon();
                        } else {
                                showSkoon();
                                hideMax();
                                hideRs();
                                hideDesign();
                                hideDb();
                        }
            });
            
            
            // -- design --------------------------------------
			$("#designhead").click(
                function(){
                        if ($("#superadesign").css("height") == "130px") {
                                hideDesign();
                        } else {
                                showDesign();
                                hideMax();
                                hideSkoon();
                                hideRs();
                                hideDb();
                        }
            });
            
            
                
             
               
                
                
                
                
                
                
                
  		// -- functions --------------------------------------            
                
                
                // -- about me --
                function showMax() {
                $("#aboutwrap").css({ display: "block" }); 
                $("#aboutme").animate({ height: "350px" }, 300 );  
                $("#maxhead").css({ color: "#e0b216" });  
        		}
        		function hideMax() {
                $("#aboutme").animate({ height: "0px" }, 300 );
                $("#aboutwrap").css({ display: "none" });
                $("#maxhead").css({ color: "#333" }); 
        		}
                
                
                
                
                
                
                // -- dont belong --
                function showDb() {
                $("#dbWrap").css({ display: "block" }); 
                $("#dontbelong").animate({ height: "350px" }, 300 ); 
                $("#dbhead").css({ color: "#e0b216" });  
        		}
        		function hideDb() {
        		$("#dbWrap").css({ display: "none" }); 
                $("#dontbelong").animate({ height: "0px" }, 300 );
                $("#dbhead").css({ color: "#000" });
        		}
				
				
				
				
				
				// -- red sparrow --
                function showRs() {
                $("#rsWrap").css({ display: "block" }); 
                $("#redsparrow").animate({ height: "600px" }, 300 ); 
                $("#rshead").css({ color: "#e0b216" });  
        		}
        		function hideRs() {
                $("#rsWrap").css({ display: "none" }); 
                $("#redsparrow").animate({ height: "0px" }, 300 );
                $("#rshead").css({ color: "#5b5b5b" }); 

        		}
				
				
				
				
				// -- the skooners --
                function showSkoon() {
                $("#skoonWrap").css({ display: "block" }); 
                $("#theskooners").animate({ height: "350px" }, 300 );
                $("#skoonhead").css({ color: "#e0b216" });                
        		}
        		function hideSkoon() {
                $("#skoonWrap").css({ display: "none" }); 
                $("#theskooners").animate({ height: "0px" }, 300 );
                $("#skoonhead").css({ color: "#000" });  
        		}
			
				
				
				
				// -- design --
                function showDesign() {
                $("#designWrap").css({ display: "block" }); 
                $("#superadesign").animate({ height: "130px" }, 300 ); 
                $("#designhead").css({ color: "#e0b216" });               
        		}
        		function hideDesign() {
                $("#designWrap").css({ display: "none" }); 
                $("#superadesign").animate({ height: "0px" }, 300 );
                $("#designhead").css({ color: "#949494" });
        		}
});
			
			
// -- end main --------------------------------------