// JavaScript Document

$(document).ready(function(){

    $("#1").click(function () {
      $("#11").slideToggle("fast");
    });

  });
$(document).ready(function(){

    $("#2").click(function () {
      $("#22").slideToggle("fast");
    });

  });
$(document).ready(function(){

    $("#3").click(function () {
      $("#33").slideToggle("fast");
    });

  });
$(document).ready(function(){

    $("#4").click(function () {
      $("#44").slideToggle("fast");
    });

  });
$(document).ready(function(){

    $("#5").click(function () {
      $("#55").slideToggle("fast");
    });

  });
$(document).ready(function(){

    $("#6").click(function () {
      $("#66").slideToggle("500");
    });

  });
$(document).ready(function(){

    $("#7").click(function () {
      $("#77").slideToggle("500");
    });

  });
$(document).ready(function(){

    $("#8").click(function () {
      $("#88").slideToggle("500");
    });

  });
$(document).ready(function(){

    $("#9").click(function () {
      $("#99").slideToggle("500");
    });

  });

$(document).ready(function(){

    $("#10").click(function () {
      $("#101").slideToggle("500");
    });

  });



$(document).ready(function(){

    $("#11").mouseover(function () {
      $("#111").slideToggle("500");
    });

  });




/*
 * пример fadeIn
 */

$(document).ready(function(){

    $("#f").mouseover(function () {
      $("#ff").fadeIn("fast");
    });
	$("#f").mouseout(function () {
      $("#ff").fadeOut("fast");
    });

  });

/*
 * пример slideUp/Down
 */

$(document).ready(function(){

    $("#s").mouseover(function () {
      $("#ss").slideDown("500");
    });
	$("#s").mouseout(function () {
      $("#ss").slideUp("500");
    });

  });

$(document).ready(function(){

    $("#s1").mouseover(function () {
      $("#ss1").slideDown("500");
    });
	$("#s1").mouseout(function () {
      $("#ss1").slideUp("500");
    });

  });

$(document).ready(function(){

    $("#s2").mouseover(function () {
      $("#ss2").slideDown("500");
    });
	$("#s2").mouseout(function () {
      $("#ss2").slideUp("500");
    });

  });

$(document).ready(function(){

    $("#s3").mouseover(function () {
      $("#ss3").slideDown("500");
    });
	$("#s3").mouseout(function () {
      $("#ss3").slideUp("500");
    });

  });

$(document).ready(function(){

    $("#s4").mouseover(function () {
      $("#ss4").slideDown("500");
    });
	$("#s4").mouseout(function () {
      $("#ss4").slideUp("500");
    });

  });


$(document).ready(function(){

    $("#k").mouseover(function () {
      $("#kk").slideDown("slow");
    });
	$("#k").mouseout(function () {
      $("#kk").slideUp("slow");
    });

  });



// Animate hover

$(document).ready(function() {$("ul.teachers li").hover(function() {
	$(this).css({'z-index' : '10'}); 
    $(this).find('img').addClass("hover").stop() 
		.animate({
			marginTop: '-60px', 
			marginLeft: '-60px',
			top: '50%',
			left: '50%',
			width: '150px',
			height: '150px',
			padding: '10px'
		}, 200, function(){ 
 });

	} , 
	
	function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop() 
		.animate({
			marginTop: '0',
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '50px',
			height: '50px',
			padding: '5px'}, 400, function(){  });
}); });