/* http://keith-wood.name/backgroundPos.html
   Background position animation for jQuery v1.0.1.
   Written by Keith Wood (kbwood{at}iinet.com.au) November 2010.
   Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and 
   MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses. 
   Please attribute the author if you use it. 
    http://keith-wood.name/backgroundPosRef.html <- Quick Refernez
  
   */

(function($) { // Hide scope, no $ conflict

var BG_POS = 'bgPos';

// Enable animation for the background-position attribute
$.fx.step['backgroundPosition'] = $.fx.step['background-position'] = function(fx) {
	if (!fx.set) { // Initialisation
		var elem = $(fx.elem);
		var bgPos = elem.data(BG_POS); // Original background position
		elem.css('backgroundPosition', bgPos); // Restore original position
		fx.start = parseBackgroundPosition(bgPos);
		fx.end = parseBackgroundPosition($.fn.jquery >= '1.6' ? fx.end :
			fx.options.curAnim['backgroundPosition'] || fx.options.curAnim['background-position']);
		for (var i = 0; i < fx.end.length; i++) {
			if (fx.end[i][0]) { // Relative position
				fx.end[i][1] = fx.start[i][1] + (fx.end[i][0] == '-=' ? -1 : +1) * fx.end[i][1];
			}
		}
		fx.set = true;
	}
	$(fx.elem).css('background-position',
		((fx.pos * (fx.end[0][1] - fx.start[0][1]) + fx.start[0][1]) + fx.end[0][2]) + ' ' +
		((fx.pos * (fx.end[1][1] - fx.start[1][1]) + fx.start[1][1]) + fx.end[1][2]));
};

/* Parse a background-position definition: horizontal [vertical]
   @param  value  (string) the definition
   @return  ([2][string, number, string]) the extracted values - relative marker, amount, units */
function parseBackgroundPosition(value) {
	var presets = {center: '50%', left: '0%', right: '100%', top: '0%', bottom: '100%'};
	var bgPos = value.split(/ /);
	var decodePos = function(index) {
		var pos = (presets[bgPos[index]] || bgPos[index] || '50%').
			match(/^([+-]=)?([+-]?\d+(\.\d*)?)(.*)$/);
		bgPos[index] = [pos[1], parseFloat(pos[2]), pos[4] || 'px'];
	};
	if (bgPos.length == 1 && $.inArray(bgPos[0], ['top', 'bottom']) > -1) {
		bgPos[1] = bgPos[0];
		bgPos[0] = '50%';
	}
	decodePos(0);
	decodePos(1);
	return bgPos;
}

/* Wrap jQuery animate to preserve original backgroundPosition. */
$.fn.animate = function(origAnimate) {
	return function(prop, speed, easing, callback) {
		if (prop['backgroundPosition'] || prop['background-position']) {
			this.data(BG_POS, this.css('backgroundPosition') || 'center');
		}
		return origAnimate.apply(this, [prop, speed, easing, callback]);
	};
}($.fn.animate);

})(jQuery);

// Startseiteneffekte Frings Version 2 / Novemebr 2011 / JQuery 1.6.x Debug / www.mojo-web.de

$(function(){
   $('#navigation .spalte1').css({backgroundPosition: "0px 0px"});
   $('#navigation .spalte1')
   .mouseover(function(){
      $('#navigation .spalte1').css({backgroundPosition: "0px 0px"});
      $('#navigation .spalte1').stop().animate({backgroundPosition: '-235px 0px'},700)
      })
   .mouseout(function(){
      $('#navigation .spalte1').stop().animate({backgroundPosition:'-420px 0px'}, 300),
      function(){$(this).css({backgroundPosition: "0px 0px"})}
      })
  
  $('.gruppe li a.fit')
    .mouseover(function(){
     $('#navigation .spalte1').css({backgroundPosition: "0px 0px"});
     $('#navigation .spalte1').stop().animate({backgroundPosition:"-235px 0px"},700)
    })
    .mouseout(function(){
      $('#navigation .spalte1').stop().animate({backgroundPosition:"-420px 0px"}, 300),
      function(){$(this).css({backgroundPosition: "0px 0px"})}
      })
  //--------------------------------
  $('#inhalt-innen .spalte2').css({backgroundPosition: "0px 0px"});
  $('#inhalt-innen .spalte2')   
    .mouseover(function(){
      $(this).css( {backgroundPosition: "0px 0px"});
      $(this).stop().animate({backgroundPosition:"-235px 0px"}, 700)
    })
    .mouseout(function(){
      $(this).stop().animate({backgroundPosition:"-420px 0px"}, 300), 
      function(){$(this).css({backgroundPosition: "0px 0px"})}
      })
  
  $('.gruppe li a.fia')
    .mouseover(function(){
     $('#inhalt-innen .spalte2').css({backgroundPosition: "0px 0px"});
     $('#inhalt-innen .spalte2').stop().animate({backgroundPosition:"-235px 0px"},700)
    })
    .mouseout(function(){
      $('#inhalt-innen .spalte2').stop().animate({backgroundPosition:"-420px 0px"},300), 
      function(){$('#inhalt-innen .spalte2').css({backgroundPosition: "0px 0px"})}
      })

  //--------------------------------
  $('#inhalt-innen .spalte3').css({backgroundPosition: "0px 0px"});
  $('#inhalt-innen .spalte3')
    .mouseover(function(){
      $(this).css( {backgroundPosition:"0px 0px"});
      $(this).stop().animate({backgroundPosition:"-235px 0px"}, 700)
    })
    .mouseout(function(){
      $(this).stop().animate({backgroundPosition:"-420px 0px"},300), 
      function(){$(this).css({backgroundPosition: "0px 0px"})}
      })
  
  $('.gruppe li a.feg')
    .mouseover(function(){
      $('#inhalt-innen .spalte3').css({backgroundPosition: "0px 0px"});
      $('#inhalt-innen .spalte3').stop().animate({backgroundPosition:"-235px 0px"},700)
    })
    .mouseout(function(){
      $('#inhalt-innen .spalte3').stop().animate({backgroundPosition:"-420px 0px"},300), 
      function(){$('#inhalt-innen .spalte3').css({backgroundPosition: "0px 0px"})}
      })

    //--------------------------------
  $('#inhalt-innen .spalte4').css({backgroundPosition: "0px 0px"});
  $('#inhalt-innen .spalte4')
    .mouseover(function(){
      $(this).css( {backgroundPosition: "0 0"});
      $(this).stop().animate({backgroundPosition:"-235px 0px"},700)
    })
    .mouseout(function(){
      $(this).stop().animate({backgroundPosition:"-420px 0px"}, 300), 
      function(){$(this).css({backgroundPosition: "0px 0px"})}
      })
  
  $('.ing li a.gid')
    .mouseover(function(){
     $('#inhalt-innen .spalte4').css({backgroundPosition: "0px 0px"});
     $('#inhalt-innen .spalte4').stop().animate({backgroundPosition:"-235px 0px"}, 700)
    })
    .mouseout(function(){
      $('#inhalt-innen .spalte4').stop().animate({backgroundPosition:"-420px 0px"}, 300), 
      function(){$('#inhalt-innen .spalte4').css({backgroundPosition: "0px 0px"})}      
      })

     //--------------------------------
  $('#bannerHorizontal').css({backgroundPosition: "0px 0px"});
  $('#bannerHorizontal')    
    .mouseover(function(){
      $(this).css({backgroundPosition: "0px 0px"});
      $(this).stop().animate({backgroundPosition:"0px -105px"},700)
    })
    .mouseout(function(){
      $(this).stop().animate({backgroundPosition:"0px -190px"}, 300)
      , function(){$(this).css({backgroundPosition: "0px 0px"})}      
      })
   
   $('.ing li a.itd')
    .mouseover(function(){
     $('#bannerHorizontal').css({backgroundPosition: "0px 0px"});
     $('#bannerHorizontal').stop().animate({backgroundPosition:"0px -105px"}, 700)
    })
    .mouseout(function(){
      $('#bannerHorizontal').stop().animate({backgroundPosition:"0px -190px"},300)
      , function(){$('#bannerHorizontal').css({backgroundPosition: "0px 0px"})}
      })

 });