$(function() {
	
	// Roztahovaci clanky na uvodni strance
	$('.content div .article').hide();
	
	$('.content div').toggle(function(){
		$('h2', this).addClass('hover');
		$('.article', this).slideDown(200);
	}, function(){
		$('h2', this).removeClass('hover');
		$('.article', this).slideUp(200);
	});
	
	astipBox('#box1', 210, 181, 464, 266);
	astipBox('#box2', 210, 181, 459, 266);
	astipBox('#box3', 210, 181, 464, 273);
	astipBox('#box4', 210, 181, 459, 273);
	
});


// Animace boxu na uvodni strance
astipBox = function(el, widthDefault, heightDefault, widthNew, heightNew) {
	$(el+' span').css({ opacity: 0, display: 'block' });
	$(el).hover(function(){
		$(this).stop().animate({
			'width': widthNew,
			'height': heightNew}, 
		200);
          $('span', this).stop().animate({
			'opacity': '1'}, 
		200);
	}, function(){
		$(this).stop().animate({
			'width': widthDefault,
			'height': heightDefault},
          200);
          $('span', this).stop().animate({
			'opacity': '0'}, 
		200);
	});		
}