$(document).ready(function(){


$('.btn-slide').click(function(){
		$('#hide_wall').slideToggle('slow');
		//$(this).slideToggle('slow');
		return false;
	});










function animAll(event){
  $(event).parent().animate({ 
    marginLeft: "13px",
    marginRight: "23px"

  }, 500 );
}
function animLeft(event){
  $(event).parent().animate({ 
    marginLeft: "13px"

  }, 500 );
}
function animRight(event){
  $(event).parent().animate({ 
    marginRight: "23px"

  }, 500 );
}

function menuHover(event){

	var target = event.currentTarget;
	 nextAct = $(this).parent().next().find('.act').attr('id');
	 prevAct = $(this).parent().prev().find('.act').attr('id');

	if(nextAct){
		animLeft(target);
	}

	else if(prevAct){
		animRight(target);
	}
	else{
		animAll(target);
	}

return false;
   
}

function menuBack(event){

  $(this).parent().animate({ 
    marginLeft: "-10px",
    marginRight: "0px"

  }, 500 );

return false;
   
}
	$('.unact').hover(menuHover, menuBack);


function calcWal(event){
	var perimeter = $('#perimeter_p').val();
	var height = $('#height_p').val();
	var type = $('#type_w').val();
	type = type.split('x');
	
	a = Math.floor(type[0] / height);
	
	b = Math.ceil(perimeter / type[1]);
	
	rez = parseFloat(Math.ceil(b / a));
	
	if(isNaN(rez)){rez = '<b>!@#$</b>';}
	
	$('#col-vo').html(rez);

return false;
}

$('#type_w, #height_p, #perimeter_p').bind('change keyup', calcWal);



});