var nav_positions = new Array(-5, 160, 310, 460, 610); //slider positions
var pages = new Array('01_start.php', '05_mineralwasser.php', '06_bio_direktsaft.php', '07_gewinnspiel.php', '08_bio_erleben_welcome.php'); //main pages for popup close clicking
var actualPage = 0; //actual page for slider

$(document).ready(function(e) {
    
	$('a.next, a.prev').hover(function() {
		$('.fading').toggleClass('faded');
	});
	
	$('a#show_naturland').click(function(event) {
		event.preventDefault();
		$('.fading').hide();
		$('#naturland').show();
	});
	
	$('a#close_naturland').click(function(event) {
		event.preventDefault();
		$('#naturland').hide();
		$('div[class*=fading][id!=naturland]').show();
	});
	
	$('a#show_teilnahmebedingungen').click(function(event) {
		event.preventDefault();
		$('#teilnahmebedingungen').show();
	});
	
	$('a#close_teilnahmebedingungen').click(function(event) {
		event.preventDefault();
		$('#teilnahmebedingungen').hide();
	});
	
	$('#show_datenschutz').click(function(event){
		event.preventDefault();
		$('#datenschutz').show();
	});
	
	$('#close_datenschutz').click(function(event){
		event.preventDefault();
		$('#datenschutz').hide();
	});
	
	$('#quiz_bottles a').hover(function() {
		$('#quiz_bottles').toggleClass('faded_bottles');
	});
	
	// blend effect
	$("body").css("display", "none");
	$("body").fadeIn(500);	
	$('a.transition').click(function(event) {
		event.preventDefault();		
		var linkLocation = this.href;
        $("body").fadeOut(500, function() {
        	window.location = linkLocation;
    	});
	});
	
	setSliderTo(actualPage);
	
});

//init acual Page
function setPage(pos){
	actualPage = pos;
}

/*** Navigation slider ***/

//slide slider to position pos
function moveSliderTo(pos){
		
		$('#slider').animate({
			left: ''+nav_positions[pos],
		}, 'fast');	
}

//set slider to position pos
function setSliderTo(pos){
	document.getElementById('slider').style.left = nav_positions[pos]+'px';	
	document.getElementById("nav_"+pos).style.color = "white";
}

function gotoPage(pid, sid){ 
	if(sid == -1){
		window.location.href=pages[pid]+'?pid='+pid;
	}else{
		newURL = "";
		if(pid==0){
			switch (sid){
				case 0:	newURL = "02_apfel_traube.php"; break;
				case 1: newURL = "03_apfel.php"; break;
				case 2: newURL = "04_apfel_orange.php"; break;
			}
		}else if(pid==3){
			newURL = "07_1_kontaktformular.php";
		}else if(pid==4){
			newURL = "08_1_bio_erleben.php";	
		}
		window.location.href=newURL+'?pid='+pid+'&sid='+sid;
	}
}

/*** Zoonming ***/
var zoomToPage = 0;
function zoomTo(id){
	zoomToPage = id;
	//hide hotspots
	document.getElementById("hotspots").style.visibility = "hidden";
	if(id==0){
		//zoom_1();
		$('#bio_image').animate({
			opacity: 0.0,
			width: 4000,
		}, 2000);	
		$('#right_09').animate({
			left: '-200',
			top: '-800',
		}, 2000);	
		//set page visible
		setPageVisible();
			
	}
	if(id==1){
		//zoom_1();
		$('#bio_image').animate({
			opacity: 0.0,
			width: 4000,
		}, 2000);	
		$('#right_09').animate({
			left: '-400',
			top: '-600',
		}, 2000);	
		setPageVisible();				
	}
	if(id==2){
		//zoom_1();
		$('#bio_image').animate({
			opacity: 0.0,
			width: 4000,
		}, 2000);	
		$('#right_09').animate({
			left: '-1100',
			top: '-700',
		}, 2000);	
		setPageVisible();				
	}		
}

function setPageVisible(){
	document.getElementById("header").style.visibility = "hidden";
	document.getElementById("main").style.visibility = "hidden";
	setTimeout(function(){
		$('#bio_page_'+(zoomToPage+1)).show();
		$('#bio_page_'+(zoomToPage+1)).animate({
			opacity: 1.0,
		}, 2000);
	}, 1000);		
}

//hide all elements in background before zooming
function hideElements(){
	$("#bio_page_1").css({ opacity: 0.0 });
	$("#bio_page_1").hide();
	$("#bio_page_2").css({ opacity: 0.0 });
	$("#bio_page_2").hide();
	$("#bio_page_3").css({ opacity: 0.0 });
	$("#bio_page_3").hide();

}

/***  page switching in 'bio erleben'  ***/
var newPage = 0;
var lock_gotoPage = false;
function bio_gotoPage(id){

		if(!lock_gotoPage){
			lock_gotoPage = true;
			newPage = id;
			$('#bio_page_'+(zoomToPage+1)).animate({
				opacity: 0.0,
			}, 2000, hidePage);	
			$('#bio_page_'+(id+1)).show();
			$('#bio_page_'+(id+1)).animate({
				opacity: 1.0,
			}, 2000);	
		}
}

//hide actual page
function hidePage(){
	$("#bio_page_"+(zoomToPage+1)).hide();
	zoomToPage = newPage;
	lock_gotoPage = false;
}

/** workaround for shodow width problem **/
//show in mouseover
function showShadow(){
	document.getElementById('quiz_bottle_1_shadow').style.visibility = "visible";
}
//hide on mouseout
function hideShadow(){
	document.getElementById('quiz_bottle_1_shadow').style.visibility = "hidden";	
}