/*
            ___          __     ___ __     ___ _____                
     ______(___)___ ___ |  |___(___|  |___(___)   _/\     
    /  __  |   |\  \   /|  |_  \   |  __  \   |  | \/ __   __   __
    \____|_|___|___/___\|__||__/___|______/___|__| | |__|\|__|\|__|\
     \_____\____\_______\______\____\______\___\__\|  \_\| \_\| \_\|           

     ______________________________________________________________,
    \       designed and built by AIXhibit Internet KG              \
     _____________________________ ________________________________,
    \        www.aixhibit.com      \      www.internetagentur.ag    \

	
	
	*** JAVASCRIPT-UI-TWEAKS EASY-RENT	*********
	*** Version 1.0						*********
	
*/
/******************************************************/
/*********************** FUNCTIONS ********************/
/******************************************************/

/* Funktion zum allg. visuellen Manipulieren von Elementen */
function general_visual_manipulator() {
	
	// Detailansicht Fahrzeug
	// Manipuliert die Liste mit den Austattatungsmerkmalen
	var austattungitems = parseInt($('#austattung ul li').length);
	
	var technischedatenitems = parseInt($('#technischedaten ul li').length);
	
	
	$('#austattung ul li:even').css('margin-right', '10px');
	$('#austattung ul li:eq('+ (austattungitems-2) +')').css('margin-bottom', '0px');
	$('#austattung ul li:eq('+ (austattungitems-1) +')').css('margin-bottom', '0px');
	
	$('#technischedaten ul li:eq('+ (technischedatenitems-2) +')').css('margin-bottom', '0px');
	$('#technischedaten ul li:eq('+ (technischedatenitems-1) +')').css('margin-bottom', '0px');
	
}

/* Funktion zum visuellen Manipulieren der Lefthand-Navigation */
function mininavi_watchdog() { 
	$('#mininavi li a').mouseover( function() { 
		$(this).css('border-top', '1px solid white');
		$(this).parent().next().children().css('border-top', '1px solid white');
	});

	$('#mininavi li a').mouseout( function() { 
		if ($(this).parent().hasClass('aktivekategorie')==0) {
				$(this).css('border-top', '1px solid #D4DADB');
				$(this).parent().next().children().css('border-top', '1px solid #D4DADB');
		}
		if ($(this).parent().next().hasClass('aktivekategorie')==1) {
				$(this).parent().next().children().css('border-top', '1px solid white');
		}
		if ($(this).parent().prev().hasClass('aktivekategorie')==1) {
				$(this).parent().children().css('border-top', '1px solid white');
		}
	});
}

/* Funktion zum ein- und ausblenden der kleinen Bilder in der Detailansicht */
function detailansicht_zoombilder_watchdog() { 
	$('#smallbilder a, #pfeile a').click( function() { return false; } );
	
	$('a.zoombild').hover( 
	function() { 
		$('#smallbilder').hide();
	},
	function() { 
		$('#smallbilder').fadeIn();
	}	
	);
}

/* Blaettert die Bilder entsprechend der Links- und Rechts-Pfeile weiter oder zurück */
function detailansicht_pfeile_bilder_watchdog() { 
	totalbilder = parseInt($('#smallbilder img').length);
	
	$('#bildbeschreibung em').text(totalbilder);
	
	$('html').keydown(function(event) {
		if (event.keyCode==39) $('#vorpfeil').trigger('click');
		if (event.keyCode==37) $('#zurueckpfeil').trigger('click');
	
	
	});
	
	
	
		$("#pfeile > a").click(function() {
			
			$('#smallbilder a').each(function(index) {
				if ($(this).attr('class')=='zoomThumbActive') bilderindex = index;
			});
			
				if (this.id == 'vorpfeil') {
					neuerbilderindex = bilderindex+1;
					if (neuerbilderindex >= totalbilder) neuerbilderindex = 0;
				}

				if (this.id == 'zurueckpfeil') {
					neuerbilderindex = bilderindex-1;
					if (neuerbilderindex < 0) neuerbilderindex = totalbilder-1;
				}

			$('#smallbilder img:eq(' + neuerbilderindex +')').trigger('click');
		});
}

/* Überwacht die Bildunterschrift und korrigiert diese */
function detailansicht_bildunterschrift_watchdog() {
	$('#bildbeschreibung span').text('1');
	
	$('.zoombild img').load(function() {
			$('#smallbilder a').each(function(index) {
				if ($(this).attr('class')=='zoomThumbActive') aktivbild = index;
			});
		$('#bildbeschreibung span').text(aktivbild + 1);
	});
}

/* Startet jQZoom Evolution für das linke Detailbild */
function bilderlupe_start() { 

	$('.zoombild').jqzoom({ zoomType: 'reverse', zoomHeight: '335', position: 'right' });
	
	// Rechtsklick für Zoombilder sperren
	$('.zoomWrapper, .zoombild').bind("contextmenu",function(e){ return false; });
	
	$('.zoombild').hover(
		function() { $('#kleinbildverdecker').css('display', 'block'); },
		function() { $('#kleinbildverdecker').css('display', 'none'); }
	);

}

/* Funktion für "Smoothscroll" auf seiteninternen Ankern */
function equip_smoothscroll() {
	$('a[href*=#].smoothy').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
        && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            
			if ($target.length) {
                var targetOffset = $target.offset().top - 20;
                $('html,body').animate(
					{ 
						scrollTop: targetOffset 
					}, 
					{ 
						//duration: 1200,
						duration: 750,
						
						easing: 'easeOutCirc', // jQueryUI wird für dieses Easing benötigt
						step: function(now, fx) { $('#bildverdecker').css('display','block'); } ,
						complete: function() { $('#bildverdecker').css('display','none'); } 
					}
				);
				return false;
            }
        }
    });
}

/* Mitarbeiter blinkt kurz auf, nachdem er geklickt wurde */
function mitarbeiter_blinzler() {
	$('#mininavi_rechts a').click( function() {
		
		$('#mininavi_rechts a').removeClass('clicked');
		$(this).addClass('clicked');
		
		mitarbeiter = $(this).attr('href');
		
		$(mitarbeiter + ' div.mitarbeiter_blinzler').css('display', 'block');
		$(mitarbeiter + ' div.mitarbeiter_blinzler').fadeTo(0, 1);
		$(mitarbeiter + ' div.mitarbeiter_blinzler').fadeTo(2200, 0, 'easeInCirc');
	
	}
	);
	
}


/* Positioniert die Righthand-Mininavi fix nachdem runtergescrollt wurde */
function rechtenavi_fixedeffect() {
	var msie6 = $.browser == 'msie' && $.browser.version < 7;
  
	if (!msie6) {
	var top = $('#mininavi_rechts').offset().top - parseFloat($('#mininavi_rechts').css('margin-top').replace(/auto/, 0));
	
	
    $(window).scroll(function (event) {
	var y = $(this).scrollTop();
      if (y >= top - 20) {
	  
	  //console.log(y);
	  
		$('#mininavi_rechts').removeClass('bottomposition');
		$('#mininavi_rechts').addClass('fixed');
		if (y >= 1650) {
			$('#mininavi_rechts').addClass('bottomposition');
		}
	} 
	  else {
		$('#mininavi_rechts').removeClass('fixed');
      }
    });
  }  
}



/* Hilfsfunktionen für den Routenplaner auf der Kontaktseite */
function routenplaner() {
		
	if ($('#routenplaner')) { 
		
		predefined_text = "Hier Ihre Adresse eingeben …";
		$("#startadresse").attr("value", predefined_text);
		
		$("#startadresse").focus(function () {
			if ($(this).attr("value") == predefined_text) $(this).attr("value", "");
		});
		
		$("#startadresse").blur(function () {
			 if ($(this).attr("value") == "") $(this).attr("value", predefined_text);
		});

		
		$('#routenplaner').submit(function() {
			
			if ($("#startadresse").attr("value") == predefined_text) { 
				alert("Bitte geben Sie eine Startadresse ein."); 
				return false; 
			}
			else {
				window.location.href = "http://maps.google.com/maps?saddr="+ $("#startadresse").attr("value") +"&daddr=EASY RENT, Maurerstraße 43, 52477 Alsdorf";
				return false;
			}

		});
		
	
	
	}

}


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


	mininavi_watchdog();

	detailansicht_zoombilder_watchdog();

	detailansicht_pfeile_bilder_watchdog()
	
	detailansicht_bildunterschrift_watchdog();
	
	bilderlupe_start();

	general_visual_manipulator();
	
	equip_smoothscroll();

	routenplaner();
	
	if ($('h1 em').text() == "Unser Team") {
		mitarbeiter_blinzler();
		rechtenavi_fixedeffect();
	}
	

	
$(window).load(function() {	$('#flip').raptorize({'enterOn' : 'konami-code' });	});
/******************************************************/
/********************* MAIN END ***********************/
});
/******************************************************/
/********************* MAIN END ***********************/



$(document).ajaxComplete(function(){
	if ($('.ajax-danke').length > 0) {
		$('#anfragenformular').animate(
			{
				height: '80px',
				easing: 'easeInCirc'
			}, 800
			);
	}
});