$(document).ready(function(){

/* ===================== default teaser ===================== */
 
  var _slideItemA = new Array();
  var _slideItemB = new Array();

  _slideItemA[0] = $('#home-news-0');
  _slideItemB[0] = $('#home-news-1');  
  _slideItemA[1] = 'out';
  _slideItemB[1] = 'out';  
  _slideItemA[2] = $('#home-news-item-0');
  _slideItemB[2] = $('#home-news-item-1');
  
  _slideItemA[2].hide();
  _slideItemB[2].hide();

  _slideItemA[0].click(function () {
    toggleState(_slideItemA);
    rollOut(_slideItemB[2]);
    _slideItemB[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
    _slideItemB[1] = 'out';
  });

  _slideItemB[0].click(function () {
    toggleState(_slideItemB);
    rollOut( _slideItemA[2] );
    _slideItemA[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
    _slideItemA[1] = 'out';
  });
  
  function toggleState( CurrentItem ) {
    if( CurrentItem[1] == 'out' ) {
      rollIn(CurrentItem[2] );
      CurrentItem[1] = 'in';      
      CurrentItem[0].attr({ src: "/img/kinderhilfe/btn-minus-home.gif"  });      
    } else if ( CurrentItem[1] = 'in' )  {    
      rollOut( CurrentItem[2] );
      CurrentItem[1] = 'out';
      CurrentItem[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
    } 
  }  
  
  function rollIn( ItemName ) {
    ItemName.slideDown('fast');
  }
  
  function rollOut( ItemName ) {
    ItemName.slideUp('fast');
  }  

/* ================ klapp teaser =================== */
 
  //init the teaser parts
  var _slideItemC = new Array();
  var _slideItemD = new Array();
  var _Interval = 500;
  
  _slideItemC[0] = $('#home-newsteaser-2');
  _slideItemC[2] = $('#home-news-item-2');
  _slideItemC[3] = 'out'; 
  _slideItemD[0] = $('#home-newsteaser-3');
  _slideItemD[2] = $('#home-news-item-3');
  _slideItemD[3] = 'out';
  
  
  _slideItemC[0].click( function () {    

    //click-container für 1st teaser part  
    if (_slideItemC[3] == 'in' && _slideItemD[3] == 'out') {
      changeStates(0);
      _slideItemC[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
      _slideItemD[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });      
    } else if ((_slideItemC[3] == 'out' && _slideItemD[3] == 'out') || (_slideItemC[3] == 'out' && _slideItemD[3] == 'in')) {
      changeStates(1);
      _slideItemC[0].attr({ src: "/img/kinderhilfe/btn-minus-home.gif"  });
      _slideItemD[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
    }
  });

  _slideItemD[0].click( function () {  
    //click-container für 2nd teaser part 
    if (_slideItemC[3] == 'out' && _slideItemD[3] == 'in') {
      changeStates(0);
      _slideItemC[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
      _slideItemD[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });      
    } else if ((_slideItemC[3] == 'out' && _slideItemD[3] == 'out') || (_slideItemC[3] == 'in' && _slideItemD[3] == 'out')) {
      changeStates(2);
      _slideItemC[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
      _slideItemD[0].attr({ src: "/img/kinderhilfe/btn-minus-home.gif"  });
    }
  });
    
  function changeStates( StateNum ) {
  //switch between teaser-states 
    if (StateNum == 0) {
      //State -> in | out      
      _slideItemC[2].animate({height: "27px"}, _Interval);
      _slideItemC[3] = 'out';
      _slideItemD[2].animate({height: "27px"}, _Interval);      
      _slideItemD[3] = 'out';
    } else if (StateNum == 1) {
      //State -> out | out
      _slideItemC[2].animate({height: "72px"}, _Interval);  
      _slideItemC[3] = 'in'; 
      _slideItemD[2].animate({height: "0px"}, _Interval);
      _slideItemD[3] = 'out'; 
    } else if (StateNum == 2) {
      //State -> out -> in   
      _slideItemC[2].animate({height: "0px"}, _Interval);
      _slideItemC[3] = 'out';
      _slideItemD[2].animate({height: "72px"}, _Interval);
      _slideItemD[3] = 'in';
    }  
  }  

  //init the teaser parts
  var _slideItemE = new Array();
  var _slideItemF = new Array();
  
  _slideItemE[0] = $('#home-newsteaser-4');
  _slideItemE[2] = $('#home-news-item-4');
  _slideItemE[3] = 'out'; 
  _slideItemF[0] = $('#home-newsteaser-5');
  _slideItemF[2] = $('#home-news-item-5');
  _slideItemF[3] = 'out';
  
  _slideItemE[0].click( function () {    
    //click-container für 1st teaser part  
    if (_slideItemE[3] == 'in' && _slideItemF[3] == 'out') {
      changeState(0);
      _slideItemE[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
      _slideItemF[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });      
    } else if ((_slideItemE[3] == 'out' && _slideItemF[3] == 'out') || (_slideItemE[3] == 'out' && _slideItemF[3] == 'in')) {
      changeState(1);
      _slideItemE[0].attr({ src: "/img/kinderhilfe/btn-minus-home.gif"  });
      _slideItemF[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
    }
  });

  _slideItemF[0].click( function () {  
    //click-container für 2nd teaser part 
    if (_slideItemE[3] == 'out' && _slideItemF[3] == 'in') {
      changeState(0);
      _slideItemE[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
      _slideItemF[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });      
    } else if ((_slideItemE[3] == 'out' && _slideItemF[3] == 'out')|| (_slideItemE[3] == 'in' && _slideItemF[3] == 'out')) {
      changeState(2);
      _slideItemE[0].attr({ src: "/img/kinderhilfe/btn-plus-home.gif"  });
      _slideItemF[0].attr({ src: "/img/kinderhilfe/btn-minus-home.gif"  });
    }
  });
    
  function changeState( StateNum ) {
  //switch between teaser-states 
    if (StateNum == 0) {
      //State -> in | out      
      _slideItemE[2].animate({height: "27px"}, _Interval);
      _slideItemE[3] = 'out';
      _slideItemF[2].animate({height: "27px"}, _Interval);      
      _slideItemF[3] = 'out';
    } else if (StateNum == 1) {
      //State -> out | out
      _slideItemE[2].animate({height: "72px"}, _Interval);      
      _slideItemE[3] = 'in'; 
      _slideItemF[2].animate({height: "0px"}, _Interval);      
      _slideItemF[3] = 'out'; 
    } else if (StateNum == 2) {
      //State -> out -> in
      _slideItemE[2].animate({height: "0px"}, _Interval);
      _slideItemE[3] = 'out';
      _slideItemF[2].animate({height: "72px"}, _Interval);
      _slideItemF[3] = 'in';
    }
      
  } 

});