$(document).ready(function(){

	var $flags = $("#flags li ");
	var $menu = $('.art-vmenublockcontent-body ul li');
	var $block = $('.art-vmenublock li');
	var $load = $('#naslov');
	var $mapa = $('#mapa');
	$load.css('margin-top','-82px');
	$block.css('padding-left','180px');
	$block.css('display','none');
	$flags.css('margin-top','-30px');
	$flags.css('display','none');
	$mapa.css('margin-left','-500px');
	
		setTimeout(menu,2500);
		setTimeout(animate,3500);
		setTimeout(flags,4000);
		
	
			
			function menu(){	
			$block.each(function(i) {
			
  $(this).delay(i * 150).fadeIn(600 ,function(){
  
			$(this).animate({paddingLeft:'0px'},1000);
	});
	});

}
				
				
		
		var Duration = 250; //time in milliseconds
		$menu.fadeTo(Duration,0.8);
	      $menu.hover(function() {
	        $(this).animate({ paddingLeft: '13px' }, Duration);
			
	      }, function() {
	        $(this).animate({ paddingLeft: '0px' }, Duration);           
	      });

				 $flags.hover(function() {
	        $(this).animate({ marginTop: '-=5px' }, 200);
			
	      }, function() {
	        $(this).animate({ marginTop: '+=5px' },200);           
	      });
		function animate(){
		
		$load.animate({marginTop:'-5px'},800);
		
		}
		function flags(){
		
		$flags.each(function(i) {
			
  $(this).delay(i * 150).fadeIn(600 ,function(){
  
			$(this).animate({marginTop:'10px'},600);
  });
});
		
		}
		$("#gdje ").bind("click",function(){
		
			$mapa.animate({marginLeft:"0px"},500);
		});
});