$(document).ready(function(){  

jQuery.fn.loadfirst = function() {
  $("#loadingbar").animate({"top": "360px"},{ queue:false, duration:800, easing:"circEaseOut"});
}


jQuery.fn.animatestart = function() {
  //Initialization
  $("#loadingbar").animate({"top": "-210px"},{ queue:false, duration:800, easing:"circEaseIn"});

  $(".logoblock").animate({"top": "0px"},{ queue:false, duration:800, easing:"circEaseOut"});

  $(".headfeat").animate({"top": "0px"},{ queue:false, duration:800, easing:"circEaseOut"});

  $(".aboutus").animate({"opacity": "0.6"},{ queue:false, duration:1200, easing:"circEaseOut"});
  $(".ourportfolio").animate({"opacity": "0.6"},{ queue:false, duration:1400, easing:"circEaseOut"});
  $(".contactus").animate({"opacity": "0.6"},{ queue:false, duration:1600, easing:"circEaseOut"});

  $(".leftblock").animate({"top": "320px"},{ queue:false, duration:1400, easing:"elasticEaseOut"}); 
  $(".midblock").animate({"top": "390px"},{ queue:false, duration:1000, easing:"backEaseOut"});
  $(".rightblock").animate({"top": "390px"},{ queue:false, duration:1000, easing:"bounceEaseOut"}); 
}

jQuery.fn.increasebar = function() {
  bar+=10;
  $("#loadingbar2").animate({"width": bar},{ queue:false, duration:800, easing:"circEaseOut"});
}

  //Rollover & Rollout

  $("#target").mouseover(function(){  
        $("#target").animate({"left" : "-150px", "width" : "360px"},{ queue:false, duration:600, easing:"circEaseOut"});
  }); 

  $("#target").mouseout(function(){  
        $("#target").animate({"left" : "30px", "width" : "180px"},{ queue:false, duration:600, easing:"circEaseOut"});
  });


  $("#subzero").mouseover(function(){  
        $("#subzero").animate({"left" : "-150px", "width" : "360px"},{ queue:false, duration:600, easing:"circEaseOut"});
  }); 

  $("#subzero").mouseout(function(){  
        $("#subzero").animate({"left" : "30px", "width" : "180px"},{ queue:false, duration:600, easing:"circEaseOut"});
  });


  $("#talecraft").mouseover(function(){  
        $("#talecraft").animate({"left" : "-150px", "width" : "360px"},{ queue:false, duration:600, easing:"circEaseOut"});
  }); 

  $("#talecraft").mouseout(function(){  
        $("#talecraft").animate({"left" : "30px", "width" : "180px"},{ queue:false, duration:600, easing:"circEaseOut"});
  });


  $("#followme").mouseover(function(){  
        $("#followme").animate({"top" : "330px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  }); 

  $("#followme").mouseout(function(){  
        $("#followme").animate({"top" : "350px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });


  $(".aboutus").mouseover(function(){  
        $(".aboutus").animate({"opacity": "1", "top" : "200px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });  
  
  $(".aboutus").mouseout(function(){  
        $(".aboutus").animate({"opacity": "0.6", "top" : "220px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  }); 


  $(".ourportfolio").mouseover(function(){  
        $(".ourportfolio").animate({"opacity": "1", "top" : "248px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });  
  
  $(".ourportfolio").mouseout(function(){  
        $(".ourportfolio").animate({"opacity": "0.6", "top" : "268px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });


  $(".contactus").mouseover(function(){  
        $(".contactus").animate({"opacity": "1", "top" : "296px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });  
  
  $(".contactus").mouseout(function(){  
        $(".contactus").animate({"opacity": "0.6", "top" : "316px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });


  $(".logoblock").mouseover(function(){  
        $(".logoblock").animate({"top" : "-10px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });  
  
  $(".logoblock").mouseout(function(){  
        $(".logoblock").animate({"top" : "0px"},{ queue:false, duration:600, easing:"bounceEaseOut"});
  });


  //Click
  $(".logoblock").click(function(){  
	$(".headfeat").animate({"top" : "0px"},{ queue:false, duration:1000, easing:"circEaseOut"});
	$(".folder").animate({"top" : "-703px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".port").animate({"top" : "-650px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".scrollblock").animate({"top" : "-692px"},{ queue:false, duration:600, easing:"circEaseIn"});
        $(".leftblock").animate({"top" : "320px"},{ queue:false, duration:1200, easing:"bounceEaseOut"});
	$(".midblock").animate({"top" : "390px"},{ queue:false, duration:1600, easing:"elasticEaseOut"});
  });


  $(".aboutus").click(function(){  
	$(".headfeat").animate({"top" : "-400px"},{ queue:false, duration:600, easing:"circEaseIn"});
        $(".leftblock").animate({"top" : "-410px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".midblock").animate({"top" : "-382px"},{ queue:false, duration:1000, easing:"bounceEaseIn"});
	$(".scrollblock").animate({"top" : "-692px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".port").animate({"top" : "-650px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".folder").animate({"top" : "20px"},{ queue:false, duration:1800, easing:"bounceEaseOut"});
  });
  

  $(".ourportfolio").click(function(){  
	$(".headfeat").animate({"top" : "-400px"},{ queue:false, duration:600, easing:"circEaseIn"});
        $(".leftblock").animate({"top" : "-410px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".midblock").animate({"top" : "-382px"},{ queue:false, duration:1000, easing:"bounceEaseIn"});
	$(".folder").animate({"top" : "-703px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".scrollblock").animate({"top" : "-692px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".port").animate({"top" : "20px"},{ queue:false, duration:1800, easing:"circEaseOut"});
  });


  $(".contactus").click(function(){  
	$(".headfeat").animate({"top" : "-400px"},{ queue:false, duration:600, easing:"circEaseIn"});
        $(".leftblock").animate({"top" : "-410px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".midblock").animate({"top" : "-382px"},{ queue:false, duration:1000, easing:"bounceEaseIn"});
	$(".folder").animate({"top" : "-703px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".port").animate({"top" : "-650px"},{ queue:false, duration:600, easing:"circEaseIn"});
	$(".scrollblock").animate({"top" : "20px"},{ queue:false, duration:1800, easing:"elasticEaseOut"});
  });


});

var bar=10;