$(document).ready(function() {
 
 
$('#head-wrap').hide();


$("#bodyarea").css("opacity","0");
$("#product").css("opacity","0");

 function development(){
    $('#head-wrap').show();  
    $('#head-wrap').animate({ 
        right: 0 }, {
        duration: 'fast',
        easing: 'easeOutBack',
        complete:function(){
                  function showContent(){
                                    
                    $('#bodyarea').animate({ 
                                    opacity: 1 }, {
                                    duration: 1000,
                                        complete:function(){
                                                $('#upper-navi').animate({ 
                                                left: 435 }, {
                                                duration: 'fast',
                                                easing: 'easeOutElastic'
                                                });
                                            }
                                        
                                    });
                $('#product').animate({ 
                                    opacity: 1 }, {
                                    duration: 1000
                                    });
          
                      
                  }
                   setTimeout(showContent,1000);    
            
        }
    });
 }
   setTimeout(development,700);



$("#headBaner").css("background-image","url(../images/headers.jpg)");
var prod=document.getElementById("product");
switch(document.getElementById("solution").value){
case "search-marketing":
    $("#headBaner").css("background-position","0 0");
    prod.src="../images/search-marketing.jpg";
break;
case "social-media":
    $("#headBaner").css("background-position","0 706px");
    prod.src="../images/social-M.jpg";
break;
case "web-design-and-graphic-design":
    $("#headBaner").css("background-position","0 1059px");
    prod.src="../images/design.jpg";
break;
case "web-development":
    $("#headBaner").css("background-position","0 353px");
    prod.src="../images/development.jpg";
break;
}

});