var schieber_index=0;
var schieber_index2=0;
var schieber_index3=0;

$(document).ready(function() {
  /*
  $('#schieber_button').animate({
 		width: "25px",
 		}, 500, function() {
  });
  	$('#schieber_button2').animate({
  		width: "25px",
 		 }, 500, function() {
  });
  
   	$('#schieber_button3').animate({
  		width: "25px",
 		 }, 500, function() {
  });
  */
  });

//schieber start
function show_schieber(){

if(schieber_index==0){



$('#schieber').animate({
  width: "620px"
  }, 500, 'easeOutBack', function() {
 
$('#schieber_content').fadeIn('slow', function() {
        schieber_index=1;
      }); 
 });
 $('.schieber_button').css("background-image","url(img/TPM_Schieber_25x520_02_open.png)"); 
}
else{
$('.schieber_button').css("background-image","url(img/TPM_Schieber_25x520_02.png)");
 $('#schieber_content').fadeOut('fast', function() {
         $('#schieber').animate({
  width: "0px"
  }, 500, 'easeOutBack', function() {
      }); 
     });
     schieber_index=0;
}
}

function show_schieber2(){

if(schieber_index2==0){

$('#schieber2').animate({
  width: "620px"
  }, 500, 'easeOutBack', function() {
 
$('#schieber_content2').fadeIn('slow', function() {
        schieber_index2=1;
      }); 
 });
  $('.schieber_button').css("background-image","url(img/TPM_Schieber_25x520_02_open.png)"); 
}
else{
$('.schieber_button').css("background-image","url(img/TPM_Schieber_25x520_02.png)");
 $('#schieber_content2').fadeOut('fast', function() {
         $('#schieber2').animate({
  width: "0px"
  }, 500, 'easeOutBack', function() {
      }); 
     });
     schieber_index2=0;
}
}



function show_schieber3(){

if(schieber_index3==0){

$('#schieber3').animate({
  width: "620px"
  }, 500, 'easeOutBack', function() {
 
$('#schieber_content3').fadeIn('slow', function() {
        schieber_index3=1;
      }); 
 });
 $('.schieber_button').css("background-image","url(img/TPM_Schieber_25x520_02_open.png)"); 
}
else{
$('.schieber_button').css("background-image","url(img/TPM_Schieber_25x520_02.png)");
 $('#schieber_content3').fadeOut('fast', function() {
         $('#schieber3').animate({
  width: "0px"
  }, 500, 'easeOutBack', function() {
      }); 
     });
     schieber_index3=0;
}
}