$(document).ready(function(){
/******************** SCROLL **********************/

var pane = $('#productIngredienContent');
pane.jScrollPane({showArrows: true});
var api = pane.data('jsp');
$('#productIngredient').bind(
	'click',
	function(){
		api.scrollTo(parseInt(0), parseInt(0));
		return false;
	}
);

$('.bigNewsText').jScrollPane({showArrows: true});

$('.bl_tabelle').jScrollPane({showArrows: true});

$('.gewinnText3').jScrollPane({showArrows: true});
$('.gewinnText4').jScrollPane({showArrows: true});

$('.jobsText').jScrollPane({showArrows: true});


/******************** SCROLL **********************/


/********************* FADE ***********************/

	// Säfte --> große Flaschen
	$(".flasche").each(function(){
		$(this).mouseover( function () {
			$(".flasche").animate({opacity: 0.3}, { duration: 500, queue: false });
			$(this).animate({opacity: 1}, { duration: 500, queue: false });
			$(".marke").animate({opacity: 0}, { duration: 500, queue: false });
			$("#marke"+aufspalten(this.id, 'flasche', 1)).animate({opacity: 1}, { duration: 500, queue: false });
		}, function() {
			$(".flasche").animate({opacity: 1}, { duration: 500, queue: false });
			$(".marke").animate({opacity: 1}, { duration: 500, queue: false });
		});
		$(this).mouseout( function () {
			$(".flasche").animate({opacity: 1}, { duration: 500, queue: false });
			$(".marke").animate({opacity: 1}, { duration: 500, queue: false });
		});
	});

	// Säfte --> kleine Flaschen
	$(".smallflasche").each(function(){
		$(this).mouseover( function () {
			$(this).animate({opacity: 1}, { duration: 500, queue: false });
		});
		$(this).mouseout( function () {
			$(".smallflasche").animate({opacity: 0.3}, { duration: 500, queue: false });
		});
	});

	// Säfte --> weitere Sorten
	$(".wSorte").each(function(){
		$(this).mouseover( function () {
			$(".wSorte").animate({opacity: 0.3}, { duration: 500, queue: false });
			$(this).animate({opacity: 1}, { duration: 500, queue: false });
		}, function() {
			$(".wSorte").animate({opacity: 1}, { duration: 500, queue: false });
		});
		$(this).mouseout( function () {
			$(".wSorte").animate({opacity: 1}, { duration: 500, queue: false });
		});
	});
	// Säfte --> weitere Sorten	--> Seitennavigation
	var position = 1;
	var lastposition = 1;
	$('.bottleSites span').each(function(){
		$('#bottleNavi1').addClass('bottleNaviActive');
		$('#bottleNavi2').removeClass('bottleNaviActive');
		$(this).click( function () {
			$('.bottlePosi'+aufspalten(this.id, 'bottleNavi', 1)).css({'display':'block'});
			$('.bottlePosi1').animate({opacity: 0}, { duration: 500, queue: false });
			$('.bottlePosi2').animate({opacity: 0}, { duration: 500, queue: false });
			$('.bottlePosi'+aufspalten(this.id, 'bottleNavi', 1)).animate({opacity: 1}, { duration: 500, queue: false });
			$('.bottlePosi1').css({'display':'none'});
			$('.bottlePosi2').css({'display':'none'});
			$('#bottleNavi1').removeClass('bottleNaviActive');
			$('#bottleNavi2').removeClass('bottleNaviActive');
			$('.bottlePosi'+aufspalten(this.id, 'bottleNavi', 1)).css({'display':'block'});
			$(this).addClass('bottleNaviActive');
		});
	});

 // Enerjuices -> große Flaschen
	$(".enerflasche").each(function(){
		$(this).mouseover( function () {
			$(".enerflasche").animate({opacity: 0.3}, { duration: 500, queue: false });
			$(this).animate({opacity: 1}, { duration: 500, queue: false });

		}, function() {
			$(".enerflasche").animate({opacity: 1}, { duration: 500, queue: false });

		});
		$(this).mouseout( function () {
			$(".enerflasche").animate({opacity: 1}, { duration: 500, queue: false });

		});
	});

	// Unternehmen
	$(".about").each(function(){
		$(this).mouseover( function () {
			$(".about").animate({opacity: 0.3}, { duration: 500, queue: false });
			$(this).animate({opacity: 1}, { duration: 500, queue: false });
		}, function() {
			$(".about").animate({opacity: 1}, { duration: 500, queue: false });
		});
		$(this).mouseout( function () {
			$(".about").animate({opacity: 1}, { duration: 500, queue: false });

		});
	});

	// Unternehmen --> History
	var position = 1;
	var lastposition = 1;
	$('.historyLinks li').not('#historyLink').each(function(){
		$("#history"+position).animate({opacity: '1'}, { queue:false, duration:0});
		$("#historyText"+position).animate({opacity: '1'}, { queue:false, duration:0});
		$('#historyLink'+position).css({'backgroundImage':'url("img/historybuttonactive.gif")'});
		$('#historyLink'+position).css({'background-repeat':'repeat-x'});
		$(this).click( function () {
			position = aufspalten(this.id, 'historyLink', 1);
			//alert(lastposition +" - "+ position);
			/*
        	$("#history"+lastposition).animate({width: "0px"}, { queue:false, duration:400 });
			$("#history"+position).animate({width: "660px"}, { queue:false, duration:400});
			*/
        	$("#history"+lastposition).animate({opacity: '0'}, { queue:false, duration:400 });
			$("#history"+position).animate({opacity: '1'}, { queue:false, duration:400});
        	$("#historyText"+lastposition).animate({opacity: '0'}, { queue:false, duration:400 });
			$("#historyText"+position).animate({opacity: '1'}, { queue:false, duration:400});
			$('#historyLink'+lastposition).removeClass('historyActive')
			$('#historyLink'+position).addClass('historyActive');
			$('#historyLink'+lastposition).css({'backgroundImage':'url("img/historybuttonbg.gif")'});
			$('#historyLink'+position).css({'backgroundImage':'url("img/historybuttonactive.gif")'});
			$('#historyLink'+lastposition).css({'background-repeat':'repeat-y'});
			$('#historyLink'+position).css({'background-repeat':'repeat-x'});
			lastposition = position;
		});
	});

	// Aktuell --> Bayern München --> Maintabs
	var position = 1;
	var lastposition = 1;
	$("#BM"+position).animate({opacity: '1'}, { queue:false, duration:0});
	$('#BMLink'+position).css({'backgroundImage':'url("img/bmbuttonactive.gif")'});
	$('#BMLink'+position).css({'background-repeat':'repeat-x'});
	$('.BMLinks li').not('#BMLink4').each(function(){
		$(this).click( function () {
			position = aufspalten(this.id, 'BMLink', 1);
        	$("#BM"+lastposition).animate({opacity: '0'}, { queue:false, duration:400 });
			$("#BM"+position).animate({opacity: '1'}, { queue:false, duration:400});
			$('#BMLink'+lastposition).removeClass('BMActive');
			$('#BMLink'+position).addClass('BMActive');
			$('#BMLink'+lastposition).css({'backgroundImage':'url("img/bmbuttonbg.gif")'});
			$('#BMLink'+lastposition).css({'background-repeat':'repeat-y'});
			$('#BMLink'+position).css({'backgroundImage':'url("img/bmbuttonactive.gif")'});
			$('#BMLink'+position).css({'background-repeat':'repeat-x'});
			lastposition = position;
			if(position == 2){
				$('.BM2Links li').not('#BM2Link4').each(function(){
					$('.BM2Links li').not('#BM2Link4').css({'cursor':'pointer'});
				});
			}else{
				$('.BM2Links li').not('#BM2Link4').each(function(){
					$('.BM2Links li').not('#BM2Link4').css({'cursor':'default'});
				});
			}
		});
	});
	// Aktuell --> Bayern München --> Subtabs (Liga - Ligue - Pokal)
	var posit = 1;
	var lastposit = 1;
	$('#BM2'+posit).css({'visibility':'visible'});
	$('.BM2Links li').not('#BM2Link4').each(function(){
		$(this).click( function () {
			posit = aufspalten(this.id, 'BM2Link', 1);
			$('#BM2'+lastposit).css({'visibility':'hidden'});
			$('#BM2'+posit).css({'visibility':'visible'});
			$('#BM2Link'+lastposit).removeClass('BM2Active');
			$('#BM2Link'+posit).addClass('BM2Active');
			lastposit = posit;
		});
	});

/********************* FADE ***********************/


/********************* MOVE ***********************/

	// Säfte --> Detailbereich --> Minibox
	$('.pCloser').click(function(){
		$('#productIngredients').animate({marginLeft: '440px'}, { duration: 400, queue: false});
		$('#productPacks').animate({marginLeft: '440px'}, { duration: 400, queue: false});
		$('#productIngredient').removeClass('productNavi_active');
		$('#productPack').removeClass('productNavi_active');
	});
	$('.productNavi li').not('#weitereSorten').each(function(){
		$(this).click( function () {
			var newPos = '200px';
			$('#productIngredients').animate({marginLeft: '440px'}, { duration: 400, queue: true});
			$('#productPacks').animate({marginLeft: '440px'}, { duration: 400, queue: true});
			if(this.id == 'productPack'){
				var thisWidth = $('#productPackContent').css("width");
				var marginLeftPos = 0;
				var packs = (aufspalten(thisWidth, 'px', 0)/80);
				switch (packs) {
				  case 1:
					marginLeftPos = '41px';
					break;
				  case 2:
					marginLeftPos = '9px';
					break;
				  case 3:
					marginLeftPos = '-6px';
					newPos = '170px';
					break;
				  case 4:
					marginLeftPos = '-5px';
					newPos = '86px';
					break;
				  case 5:
					marginLeftPos = '-11px';
					newPos = '24px';
					break;
				}
				$('#productPackContent').css({'margin-left':marginLeftPos});
			}
			$('#'+this.id+'s').animate({marginLeft: newPos}, { duration: 800, queue: true});
			$('#productIngredient').removeClass('productNavi_active');
			$('#productPack').removeClass('productNavi_active');
			$(this).addClass('productNavi_active');
		});
	});

/********************* MOVE ***********************/
});

function aufspalten(splitting, splitter, splitcontent){
	splitted = new Array();
	var returnsplit = 1;
	if(splitting.split(splitter)){
		splitted	= splitting.split(splitter);
		returnsplit	= splitted[splitcontent];
	}
	return returnsplit;
}