$(document).ready(function(){    

$("#jpId").jPlayer({
        ready: function () {

        $("#jpId").setFile("/sound/sound.mp3");
        $("#jpId").play();
        }
    });

$("#play").click(function() {

        if($("#jpId").play()) {
            $("#jpId").pause();
        }
	
		
        return false;
		
		/* <img src="/bitrix/templates/chydo/i/ic.png" alt="Âêë/Âûêë." /> */
    });

$("#play").toggle(function() {
	$("#jpId").pause();
	$("#play").html('<img src=/bitrix/templates/chydo/i/ic2.png width="10" height="14" class="png ims1" />'); 
}, function() {
	$("#jpId").play();
	$("#play").html('<img src=/bitrix/templates/chydo/i/ic.png width="10" height="14" class="png ims1" />');
}
);
		
	
	
$('.mask1').click(function() {

$('.mask1').css({display: "block"});
$(this).css({display: "none"});

});



$('#l1').click(function() {
			 $('.im2').fadeOut(300, function() {
			 $('.im1').fadeIn(300);});
});


$('#l2').click(function() {
			 $('.im1').fadeOut(300, function() {
			 $('.im2').fadeIn(300);});
});




/*firstim*/

$(".move5_imageRight, .move5_imageLeft, .move4_imageRight, .move4_imageLeft, .move3_imageRight, .move3_imageLeft, .move2_imageRight, .move2_imageLeft, .move1_imageRight, .move1_imageLeft,").animate({opacity: "0"});

$(".line1Text").hoverIntent(
 function(){

          $(".mainImage, .line2Text, .line2, .line3Text, .line3, .line4Text, .line4, .line5Text, .line5").fadeOut(100);
          $(".deselect1_text, .deselect1_image, .line1im, .move1_imageLeft, .move1_imageCenter, .move1_imageRight").fadeIn(100);	
			 
			 $('.mains').fadeOut(20, function() {
			 $('.st1').fadeIn(20);});	
			 
  	       },   
 function(){}
);


$(".deselect1_text, .deselect1_image").hover(
 function(){
		 
          $(".mainImage, .line2Text, .line2, .line3Text, .line3, .line4Text, .line4, .line5Text, .line5").fadeIn(100);
          $(".deselect1_text, .deselect1_image, .line1im, .move1_imageLeft, .move1_imageCenter, .move1_imageRight").fadeOut(100);				 
		 
			 $('.st1').fadeOut(20, function() {
			 $('.mains').fadeIn(20);});			 
		 
  	       },   
 function(){}
);


$(".move1_imageRight").hover(
 function(){
	 
	 		$(".line1im").css({display: "none"});
	 		$(".line1imRight").css({display: "block"});			

  	       },   
 function(){

	 		$(".line1im").css({display: "block"});
	 		$(".line1imRight").css({display: "none"});		
	 
	 }
);


$(".move1_imageLeft").hover(
 function(){
	 
	 		$(".line1im").css({display: "none"});
	 		$(".line1imLeft").css({display: "block"});			

  	       },   
 function(){

	 		$(".line1im").css({display: "block"});
	 		$(".line1imLeft").css({display: "none"});		
	 
	 }
);



/*secim*/

$(".line2Text").hoverIntent(
 function(){

          $(".mainImage, .line1Text, .line1, .line3Text, .line3, .line4Text, .line4, .line5Text, .line5").fadeOut(100);
          $(".deselect2_text, .deselect2_image, .line2im, .move2_imageLeft, .move2_imageCenter, .move2_imageRight").fadeIn(100);	
			 
			 $('.mains').fadeOut(20, function() {
			 $('.st2').fadeIn(20);});				 
			 
  	       },   
 function(){}
);


$(".deselect2_text, .deselect2_image").hover(
 function(){
		 
          $(".mainImage, .line1Text, .line1, .line3Text, .line3, .line4Text, .line4, .line5Text, .line5").fadeIn(100);
          $(".deselect2_text, .deselect2_image, .line2im, .move2_imageLeft, .move2_imageCenter, .move2_imageRight").fadeOut(100);				 
		 
			 $('.st2').fadeOut(20, function() {
			 $('.mains').fadeIn(20);});					 
		 
  	       },   
 function(){}
);




$(".move2_imageRight").hover(
 function(){
	 
	 		$(".line2im").css({display: "none"});
	 		$(".line2imRight").css({display: "block"});			

  	       },   
 function(){

	 		$(".line2im").css({display: "block"});
	 		$(".line2imRight").css({display: "none"});		
	 
	 }
);


$(".move2_imageLeft").hover(
 function(){
	 
	 		$(".line2im").css({display: "none"});
	 		$(".line2imLeft").css({display: "block"});			

  	       },   
 function(){

	 		$(".line2im").css({display: "block"});
	 		$(".line2imLeft").css({display: "none"});		
	 
	 }
);




/*3rdim*/

$(".line3Text").hoverIntent(
 function(){

          $(".mainImage, .line1Text, .line1, .line2Text, .line2, .line4Text, .line4, .line5Text, .line5").fadeOut(100);
          $(".deselect3_text, .deselect3_image, .line3im, .move3_imageLeft, .move3_imageCenter, .move3_imageRight").fadeIn(100);	
			 
			 $('.mains').fadeOut(20, function() {
			 $('.st3').fadeIn(20);});				 
			 
  	       },   
 function(){}
);


$(".deselect3_text, .deselect3_image").hover(
 function(){
		 
          $(".mainImage, .line1Text, .line1, .line2Text, .line2, .line4Text, .line4, .line5Text, .line5").fadeIn(100);
          $(".deselect3_text, .deselect3_image, .line3im, .move3_imageLeft, .move3_imageCenter, .move3_imageRight").fadeOut(100);				 
		 
			 $('.st3').fadeOut(20, function() {
			 $('.mains').fadeIn(20);});					 
		 
  	       },   
 function(){}
);




$(".move3_imageRight").hover(
 function(){
	 
	 		$(".line3im").css({display: "none"});
	 		$(".line3imRight").css({display: "block"});			

  	       },   
 function(){

	 		$(".line3im").css({display: "block"});
	 		$(".line3imRight").css({display: "none"});		
	 
	 }
);


$(".move3_imageLeft").hover(
 function(){
	 
	 		$(".line3im").css({display: "none"});
	 		$(".line3imLeft").css({display: "block"});			

  	       },   
 function(){

	 		$(".line3im").css({display: "block"});
	 		$(".line3imLeft").css({display: "none"});		
	 
	 }
);



/*4thim*/

$(".line4Text").hover(
 function(){

          $(".mainImage, .line1Text, .line1, .line2Text, .line2, .line3Text, .line3, .line5Text, .line5").fadeOut(100);
          $(".deselect4_text, .deselect4_image, .line4im, .move4_imageLeft, .move4_imageCenter, .move4_imageRight").fadeIn(100);	
			 
			 $('.mains').fadeOut(20, function() {
			 $('.st4').fadeIn(20);});				 
			 
  	       },   
 function(){}
);


$(".deselect4_text, .deselect4_image").hover(
 function(){
		 
          $(".mainImage, .line1Text, .line1, .line2Text, .line2, .line3Text, .line3, .line5Text, .line5").fadeIn(100);
          $(".deselect4_text, .deselect4_image, .line4im, .move4_imageLeft, .move4_imageCenter, .move4_imageRight").fadeOut(100);				 
		 
			 $('.st4').fadeOut(20, function() {
			 $('.mains').fadeIn(20);});					 
		 
  	       },   
 function(){}
);




$(".move4_imageRight").hover(
 function(){
	 
	 		$(".line4im").css({display: "none"});
	 		$(".line4imRight").css({display: "block"});			

  	       },   
 function(){

	 		$(".line4im").css({display: "block"});
	 		$(".line4imRight").css({display: "none"});		
	 
	 }
);


$(".move4_imageLeft").hover(
 function(){
	 
	 		$(".line4im").css({display: "none"});
	 		$(".line4imLeft").css({display: "block"});			

  	       },   
 function(){

	 		$(".line4im").css({display: "block"});
	 		$(".line4imLeft").css({display: "none"});		
	 
	 }
);




/*5thim*/

$(".line5Text").hover(
 function(){

          $(".mainImage, .line1Text, .line1, .line2Text, .line2, .line3Text, .line3, .line4Text, .line4").fadeOut(100);
          $(".deselect5_text, .deselect5_image, .line5im, .move5_imageLeft, .move5_imageCenter, .move5_imageRight").fadeIn(100);	
			 
			 $('.mains').fadeOut(20, function() {
			 $('.st5').fadeIn(20);});				 
			 
  	       },   
 function(){}
);


$(".deselect5_text, .deselect5_image").hover(
 function(){
		 
          $(".mainImage, .line1Text, .line1, .line2Text, .line2, .line3Text, .line3, .line4Text, .line4").fadeIn(100);
          $(".deselect5_text, .deselect5_image, .line5im, .move5_imageLeft, .move5_imageCenter, .move5_imageRight").fadeOut(100);				 
		 
			 $('.st5').fadeOut(20, function() {
			 $('.mains').fadeIn(20);});					 
		 
  	       },   
 function(){}
);




$(".move5_imageRight").hover(
 function(){
	 
	 		$(".line5im").css({display: "none"});
	 		$(".line5imRight").css({display: "block"});			

  	       },   
 function(){

	 		$(".line5im").css({display: "block"});
	 		$(".line5imRight").css({display: "none"});		
	 
	 }
);


$(".move5_imageLeft").hover(
 function(){
	 
	 		$(".line5im").css({display: "none"});
	 		$(".line5imLeft").css({display: "block"});			

  	       },   
 function(){

	 		$(".line5im").css({display: "block"});
	 		$(".line5imLeft").css({display: "none"});		
	 
	 }
);

			



		
	});