// animation.js
/**
 * @author Bastian Haustein
 * @copyright (c)2009 by source-lounge Bastian Haustein
 * @package pop
 */


var fmResizing =  {
	 init: function() {
		// register function fuer resizing
		$(window).bind('resize',fmResizing.resize);
		// do it once for initialization
		fmResizing.resize();
	}
	,iBgLeft:-1
	,resize: function() {
		var iLeft = Math.ceil($('#center').position().left-3)%4;
		if(iLeft != fmResizing.iBgLeft) {
			fmResizing.iBgLeft = iLeft;
			$('html').css('background-position', (iLeft)+'px 0');
		}
	}
}

var durchlauf 	=	0;
var titel 			= [				'4315',
									'4316',
									'4317',
									'4318',
									'4319',
									'4320',
									'4321',
									'4322'];				

function zaehlen () {

	durchlauf++;
	durchlauf %= titel.length;

	$('#switcher').stop().animate( {
		'top': (34+ $('#title_'+titel[durchlauf]).position().top )+ 'px'
	}, {
		duration: 350, 
		complete: function() {
			bigScreen = 'big_screen_'+titel[durchlauf];
			$('.switcher-screen').each(function() {
				if($(this).attr('id') == 'screen_'+titel[durchlauf]) {
					$(this).css('display','block');
				} else {
					$(this).css('display','none');
				}				
			});
		} 
	});
}

// suppress flickering content
document.write('<style type="text/css">');
document.write('#logo {display:none;} ');
document.write('#loader {display:none;} ');

if($.browser.msie) {
	document.write('#sub-menu ul li img {margin-top:0.4615em;} ');
}
document.write('</style>');
var bigScreen = null;
$(document).ready(function(){
	$('.main-hover').hover(
			 function(){$(this).css('margin-top', '-40px');}
			,function(){$(this).css('margin-top', '0px')}
		);

if ( this.location.href == 'http://www.fieldmanager.de/german/screenshots.html') {		
	active = setInterval("zaehlen()",2000);
}
							
									
function idtoTitle (index) {
	for (var i=0; i< titel.length; i++) {
		if (index == titel[i]) {
			return i;
		}
	}
	return false;
}


$('#content').mouseenter(function(Element){
if ( window.location.href == 'http://www.fieldmanager.de/german/screenshots.html') {	
	clearInterval(active);	
}
});

$('#content').mouseleave(function(Element){
if ( window.location.href == 'http://www.fieldmanager.de/german/screenshots.html') {	
	active = setInterval("zaehlen()",2000);
}
});

	if (typeof $('.switcher-title').attr('id') != 'undefined') {
		fmResizing.init();
		
		bigScreen = 'big_screen_'+$('.switcher-title').attr('id').substr(6);
				$('div.switcher-title').bind('mouseenter', function(){
			$('#switcher').stop().animate({'top':$(this).position().top+33})
			var id			= $(this).attr('id').substr(6);
			bigScreen 		= 'big_screen_'+id;
			$('.switcher-screen').each(function(){
				if($(this).attr('id') != 'screen_'+id) {
					$(this).css('display','none');
				}
				else {
					$(this).css('display','block');
				}		
			});
			durchlauf = idtoTitle(id);
		});
		// show first screen of switcher:
		$('.switcher-screen').each(function(){$(this).css('display','block');return false;});
		$('#switcher-button').hover(function(){$(this).css('background-position','0 -36px');},function(){$(this).css('background-position','0 0');});
		$('#switcher-button').click(function(){
			$('#'+bigScreen).css({ display: 'inline' , 'z-index': 999 , 'border' : '10px solid #4074b4'});
			$('#switcher-button').css ({ display:'none'});
			$('#'+bigScreen).click(function(){
				$(this).css({display:'none'});
				$('#switcher-button').css({ display:'inline' });
			});
		});
	}
});


			
$('#test').click(function(){
		var htmlcode = 
		'<div class="animation2">'
			+'<div id="bonce_1"><img alt="" src="/media/template/lightbox/kopf.png"/>'
			+'</div>'
			+'<div id="back_dia">&nbsp;</div>'
			+'<p class="digest"><img alt="" src="/media/template/lightbox/auszug.png"/></p>'
		+'</div>'
			+'<div id="kickstand">&nbsp;</div>';
		$("#cboxLoadedContent").css("background-color", "transparent");
		$.fn.colorbox(
			{html:htmlcode, open:true, width: 700, height: 400, opacity: 0.8},
			function () {
				setTimeout(
					function(){
							$("#back_dia").slideDown("slow");
						}, 
					2000);   
				return;
			}
			);
});
	
/* Preis*/

$(document).ready(function(){
	fmResizing.init();
	$('#btn-details').removeClass("active");
	$('.animation').hide();

	$('#btn-details').click(function(){

		$('.animation').slideToggle('slow');
		$(this).toggleClass("active");

		var delta = $('.animation').children(':first').height(); //-5

		if($(this).hasClass('active')) {
			$('#main').animate({ height: $('#main').height()+delta }, "slow");
			$('#content').animate({ height: $('#content').height()+delta }, "slow");
		} else {
			$('#main').animate({ height: $('#main').height()-delta }, "slow");
			$('#content').animate({ height: $('#content').height()-delta }, "slow");
		}
	});
});



/* button */

$(document).ready(function(){
	
	$('#btn-details').hover(function(){$(this).css('background-position','0 -20px');},function(){$(this).css('background-position','0 0');});
	$('#btn-details').click(function(){$(this).css('background-position','0 -31px');},function(){$(this).css('background-position','0 0');});
	$('#btn-easy').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-easy').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');});
	$('#btn-standard').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-standard').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');});
	$('#btn-pro').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-pro').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');});
	$('#btn-go').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-go').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');});
	$('#btn-senden').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-senden').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');})


/* Demo */

	$(".demo-freischalten-click").click(function(){
    	$(".demo").fadeOut("slow", function(){
			$(".v2_demobeantragen").css({ 'display': 'none' });
			$(".v2_demofreischalten").fadeIn("slow"); 
		});
    });

    $(".demo-anfordern-click").click(function(){
    	$(".demo").fadeOut("slow", function(){
			$(".v2_demofreischalten").css({ 'display': 'none' });
			$(".v2_demobeantragen").fadeIn("slow");
		});
    });

	$('.btn-back_Login_freischalten').click(function(){
		$('.v2_demofreischalten').fadeOut('slow',function() {
			$('.demo').fadeIn('slow');
		});
	});

	$('.btn-back_Zugang_anfordern').click(function(){
		$('.v2_demobeantragen').fadeOut('slow',function() {
			$('.demo').fadeIn('slow');
		});
	});



   
/* Lightbox Easy */

var colorBoxFunctionEasy = function(){
	var htmlcode = 
		'<div id="box_content">'
			+'<div class="lightbox_test"><img alt="" src="/media/template/preise/button_testen.png" /></div>'
			+'<div class="lightbox_name"><img alt="" src="/media/template/preise/easy_v1.png" /></div>'
			+'<div class="lightbox_logo"><img alt="" src="/media/template/preise/logo.png" /></div>'
			+'<div class="lightbox_type"><img alt="" src="/media/template/preise/box_pink.png" /></div>'
			+'<div class="lightbox_price"><img alt="" src="/media/template/preise/pricetag_easy.png" /></div>'
			+'<div class="lightinfo">'
				+'<p>&nbsp;</p>'
				+'<p>&quot;fieldmanager easy&quot; ist der g&uuml;nstige Einstieg in das digitale Centermanagement. Mit unserem Einsteiger bieten wir auch kleinen Hallen mit 3 bis 5 zu buchenden Einheiten die wichtigsten fieldmanager Vorteile zu g&uuml;nstigen monatlichen Raten.</p>'
				+'<p>&nbsp;</p>'
				+'<p>Das handschriftliche Nachhalten von Buchungen in einem Terminkalender (oder auf sonstigem Papier!) ist Schnee von Gestern. Mit &quot;fieldmanager easy&quot; haben Sie als Hallenbetreiber alle Ihre Kunden- und Buchungsdaten jeder Zeit sicher im Griff. Alles was der fieldmanager ben&ouml;tigt ist ein Internetanschluss und einen internetf&auml;higen Computer und schon kann es losgehen.</p>'
				+'<p>&nbsp;</p>'
				+'<p>Ab sofort profitieren Sie vom fieldmanager Prinzip und haben weltweit und zu jeder Tages- und Nachtzeit Zugang zu Ihren Daten und k&ouml;nnen diese im Handumdrehen verwalten. Jetzt ist Schluss mit versehentlichen Doppelbuchungen oder der morgendlichen Sucherei nach dem Terminkalender den die Putzfrau mal wieder verlegt hat. Und das Beste - um den l&auml;stigen EDV Kram (Hosting, Wartung, Sicherheit, Updates etc.) k&uuml;mmern wir uns.</p>'
				+'<p>&nbsp;</p>'
			+'</div>'
			+'<div class="lightbox_tablev2">'
				+'<table>'
					+'<tbody>'
						+'<tr>'
							+'<td class="lightbox_text">Einmalige Einrichtung:</td>'
							+'<td class="easy">99,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Monatliche Grundgeb&uuml;hr:</td>'
							+'<td class="easy">39,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Anzahl Pl&auml;tze inklusive:</td>'
							+'<td class="easy">3</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Kosten für weitere Pl&auml;tze:</td>'
							+'<td class="easy">20,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Maximale Anzahl Pl&auml;tze:</td>'
							+'<td class="easy">5</td>'
						+'</tr>'
					+'</tbody>'
				+'</table>'
			+'</div>'
			+'<div class="lightbox_action">'
				+'<div id="btn-testen"></div>'
				+'<div id="btn-kontakt"></div>'
				+'<div id="btn-registrieren"></div>'
			+'</div>'
		+'</div>';
	$("#cboxLoadedContent").css("background-color", "#ffffff");
  	$.fn.colorbox({html:htmlcode, open: true, width: 700, height: 740, opacity: 0.8});
}



/*Lightbox Easy Aufruf*/

	$('#btn-easy').click(colorBoxFunctionEasy);
	$('#overlay_easy').click(colorBoxFunctionEasy);

	
		
/*Lightbox Standard*/

var colorBoxFunctionStandard = function(){
	var htmlcode = 
		'<div id="box_content">'
			+'<div class="lightbox_test"><img alt="" src="/media/template/preise/button_testen.png" /></div>'
			+'<div class="lightbox_name"><img alt="" src="/media/template/preise/standard_v1.png" /></div>'
			+'<div class="lightbox_logo"><img alt="" src="/media/template/preise/logo.png" /></div>'
			+'<div class="lightbox_type"><img alt="" src="/media/template/preise/box_orange.png" /></div>'
			+'<div class="lightbox_price"><img alt="" src="/media/template/preise/pricetag_standard.png" /></div>'
			+'<div class="lightinfo">'
				+'<p>&nbsp;</p>'
				+'<p>&quot;fieldmanager standard&quot; ist f&uuml;r kleine bis mittelgro&szlig;e Center gedacht. Sie verwalten mit mehreren Mitarbeitern im B&uuml;ro und an der Rezeption 3 bis 10 zu buchende Einheiten. Hierbei k&ouml;nnen Sie als Hallenbetreiber festlegen auf welche Funktionalit&auml;ten Ihre einzelnen Mitarbeiter Zugriff haben und so die einzelnen Verantwortungsbereiche zielgenau steuern. Ebenso k&ouml;nnen Sie mit unserem integrierten Nachrichten- und To-Do-Modul Aufgaben zuweisen. So haben Sie jederzeit die bestm&ouml;gliche Kontrolle &uuml;ber Ihr Team.</p>'
				+'<p>&nbsp;</p>'
				+'<p>Ihre Effizienz steigern wir mit dem im &quot;fieldmanager standard&quot; enthaltenen Onlinebuchungsmodul. Wir platzieren dieses prominent auf Ihrer Website oder bauen es nahtlos in eine bestehende Website mit ein. So bieten Sie Ihren Stammkunden einen Mehrwert der sich bezahlt macht und Ihre Mitarbeiter an Telefon und Counter entlastet.</p>'
				+'<p>&nbsp;</p>'
				+'<p>Sie k&ouml;nnen weitere Module aus unserem umfangreichen Modulpool hinzu buchen und so Ihren fieldmanager genau auf Ihre Bed&uuml;rfnisse abstimmen. Sollten Sie Funtionen w&uuml;nschen an die wir noch nicht gedacht haben - entwickeln wir f&uuml;r Sie gerne eine individuelle L&ouml;sung. Sprechen Sie uns hierzu einfach unverbindlich an.</p>'
				+'<p>&nbsp;</p>'
			+'</div>'
			+'<div class="lightbox_tablev2">'      
				+'<table>'
					+'<tbody>'
						+'<tr>'
							+'<td class="lightbox_text">Einmalige Einrichtung:</td>'
							+'<td class="standard">199,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Monatliche Grundgeb&uuml;hr:</td>'
							+'<td class="standard">79,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Anzahl Pl&auml;tze inklusive:</td>'
							+'<td class="standard">3</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Kosten für weitere Pl&auml;tze:</td>'
							+'<td class="standard">15,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Maximale Anzahl Pl&auml;tze:</td>'
							+'<td class="standard">10</td>'
						+'</tr>'
					+'</tbody>'
				+'</table>'
			+'</div>'
			+'<div class="lightbox_action">'
				+'<div id="btn-testen"></div>'
				+'<div id="btn-kontakt"></div>'
				+'<div id="btn-registrieren"></div>'
			+'</div>'
		+'</div>';
	$.fn.colorbox({html:htmlcode, open:true, width: 700, height: 740, opacity: 0.8});
}

		
/*Lightbox Standard Aufruf*/

	$('#btn-standard').click(colorBoxFunctionStandard);
	$('#overlay_standard').click(colorBoxFunctionStandard);
	
			
/*Lightbox Pro*/		
		
var colorBoxFunctionPro = function (){
	var htmlcode = 
		'<div id="box_content">'
			+'<div class="lightbox_test"><img alt="" src="/media/template/preise/button_testen.png" /></div>'
			+'<div class="lightbox_name"><img alt="" src="/media/template/preise/pro_v1.png" /></div>'
			+'<div class="lightbox_logo"><img alt="" src="/media/template/preise/logo.png" /></div>'
			+'<div class="lightbox_type"><img alt="" src="/media/template/preise/box_blau.png" /></div>'
			+'<div class="lightbox_price"><img alt="" src="/media/template/preise/pricetag_pro.png" /></div>'
			+'<div class="lightinfo">'
				+'<p>&nbsp;</p>'
				+'<p>&quot;fieldmanager Pro&quot; ist unsere allumfassende Branchenl&ouml;sung. Mit dem &quot;fieldmanager Pro&quot; geniessen Sie nicht nur die Vorteile der easy und standard Version sondern unsere gesamte Modulpalette.</p>'
				+'<p>&nbsp;</p>'
				+'<p>Mit &quot;fieldmanager Pro&quot; verwalten Sie von 5 bis 100, so viele Buchungseinheiten wie sie ben&ouml;tigen. Hierbei profitieren Sie nicht nur von einfachen Buchungsvorg&auml;ngen, Serienbuchungen, Tageslisten oder optimal verwalteter Kundendaten. Sie erhalten zum Beispiel unser Statistik Modul mit dem Sie auf einen Blick Auswertungen erstellen, drucken und exportieren k&ouml;nnen. Wir erleichtern Ihnen die Arbeit in dem wir unser Personalverwaltungsmodul f&uuml;r Sie bereithalten. Hiermit teilen Sie das Personal ein, drucken Dienstpl&auml;ne oder managen die Urlaubsplanung Ihrer Belegschaft mit wenigen Mausklicks.</p>'
				+'<p>&nbsp;</p>'
				+'<p>Auch in Puncto Marketing greift Ihnen &quot;fieldmanager Pro&quot; kr&auml;ftig unter die Arme. Mit unserem integrierten Newsletter- und Serienbriefmodul versenden Sie aktuelle Nachrichten oder Vorteilsaktion an Ihre Bestandskunden und gestalten aktiv Ihre Reaktivierungsma&szlig;nahmen. Einfach aus dem fieldmanager heraus mit wenigen Mausklicks, ganz gezielt gesteuert und kontrollierbar.</p>'
				+'<p>&nbsp;</p>'
			+'</div>'
			+'<div class="lightbox_tablev2">'      
				+'<table class="table_light">'
					+'<tbody>'
						+'<tr>'
							+'<td class="lightbox_text">Einmalige Einrichtung:</td>'
							+'<td class="pro">299,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Monatliche Grundgeb&uuml;hr:</td>'
							+'<td class="pro">149,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Anzahl Pl&auml;tze inklusive:</td>'
							+'<td class="pro">5</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Kosten f&uuml;r weitere Pl&auml;tze:</td>'
							+'<td class="pro">10,-&euro;</td>'
						+'</tr>'
						+'<tr>'
							+'<td class="lightbox_text">Maximale Anzahl Pl&auml;tze:</td>'
							+'<td class="pro">100</td>'
						+'</tr>'
					+'</tbody>'
				+'</table>'
			+'</div>'
			+'<div class="lightbox_action">'
				+'<div id="btn-testen"></div>'
				+'<div id="btn-kontakt"></div>'
				+'<div id="btn-registrieren"></div>'
			+'</div>'
		+'</div>';
	$.fn.colorbox({html:htmlcode, open:true, width: 700, height: 740, opacity: 0.8} );
}


$(document).bind('cbox_complete',
	function() {
		$('#cboxOverlay').css({ 'height': null });
		$('#cboxWrapper').css({ 'height': null });
		$('#cboxContent').css({ 'height': null });
		$('#cboxLoadedContent').css({ 'height': null });
	}
);

	
/*Colorbox Pro Aufruf*/	
		
	$('#btn-pro').click(colorBoxFunctionPro);
	$('#overlay_pro').click(colorBoxFunctionPro);
	
   
/*Button*/
	
	$('#btn-testen').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-testen').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');});
	$('#btn-kontakt').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-kontakt').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');});
	$('#btn-registrieren').hover(function(){$(this).css('background-position','0 -26px');},function(){$(this).css('background-position','0 0');});
	$('#btn-registrieren').click(function(){$(this).css('background-position','0 -52px');},function(){$(this).css('background-position','0 0');});
});