var $j = jQuery.noConflict();

$j(document).ready(function($) {
	
	/* Tooltips
	---------------------------------------------- */
	$('#logos li').hover(
		function(e) {
			$(this).find('.tooltip').fadeIn(200);
			
			$(this).css('z-index', '99');
			$(this).append('<div class="zoom"></div>');
			
			// Change position on low resolution
			if (e.pageX < 160)
				$(this).find('.tooltip').css({
					'margin-left' : '-10px', 
					'background-image' : 'url(img/content/tooltip-left.gif)'					
				});
			
				// debugger
			//$('#right dt').text(e.pageX);
		},
		function() {
			$(this).find('.tooltip').fadeOut(200);
			
			$(this).css('z-index', '5');
			$(this).find('.zoom').remove();
		}
	);
	$('#logos li a').click(function() { return false; });
	
	/* Top
	---------------------------------------------- */
	$('#footer .top a').click(function() {
		if ($.browser.safari)
			$('body').animate({scrollTop: 0}, 1000);
		else
			$('html').animate({scrollTop: 0}, 1000);
			
		return false;
	});
	
	/* Image helper
	---------------------------------------------- */
	$('.image img').each(function() {
		$(this).parent('.image').css('width', ($(this).width() + 8) + 'px');
	});
	
	/* Buttons helper for IE 6
	---------------------------------------------- */
	if($.browser.msie && $.browser.version < 7) {
		$('.button, .big-button').each(function() {
			$(this).css('background', 'none');
			$(this).append('<div class="helper"></div>');
		});
	}
	
	/* Font size
	---------------------------------------------- */
	var min = 12,
		max = 22;
	
	$('#footer .plus, #footer .minus').click(function() {
		var font = $('#content').css('font-size');
			font = parseInt(font.replace('px', ''));
		
		if ($(this).hasClass('.plus') && font < max) {
			$('#content').css('font-size', (font + 1) + 'px');
		}
		
		if ($(this).hasClass('.minus') && font > min) {
			$('#content').css('font-size', (font - 1) + 'px');
		}
		
		return false;
	});
	
	/* Left menu
	---------------------------------------------- */
	$('.submenu a').each(function () {
		var item = $(this).text();
		
		if (item.match(/MediTouch/gi)) {
			$(this).html('MediTouch <span>'+ item.replace(item.match(/MediTouch/gi), '') +'</span>');
		}
	});
	
	/* Fragebogen
	---------------------------------------------- */
	//Init
	fragebogenLoadStep(window.location.hash);
	// Messages
	var btNext = 'Weiter &rsaquo;';
	var btSubmit = 'Fragenbogen abschicken &rsaquo;';
	var formError = 'Bitte füllen Sie alle Felder aus';
	// Load Step
	function fragebogenLoadStep(hash) {
		if( hash == '' ) { 
			// AutoLoad
			var hash = '#/step/1'; 
		}
		switch (hash) {
			// Step #1
			case '#/step/1':
				// Load 
				$('#step-1').show();
				$('#step-2').hide();
				$('#step-3').hide();
				// Next
				$('#fragebogen #step-1 .fragebogen_button_next').click(function(e) {
					fragebogeGoToStep(2);
				});
				break;
			// Step #2
			case '#/step/2':
				// Load 
				$('#step-1').hide();
				$('#step-2').show();
				$('#step-3').hide();
				fragebogenButtonText();
				// Back
				$('#fragebogen #step-2 .fragebogen_button_prev').click(function(e) {
					fragebogeGoToStep(1);
				});
				// Next
				$('#fragebogen #step-2 .fragebogen_button_next').click(function(e) {
					fragebogenValidStep2();
				});
				break;
			// Step #3
			case '#/step/3':
				if( $('#fragebogen #step-2 .required').valid() )
				{
					// Load
					$('#step-1').hide();
					$('#step-2').hide();
					$('#step-3').show();
					// Back
					$('#fragebogen #step-3 .fragebogen_button_prev').click(function(e) {
						fragebogeGoToStep(2);
					});
					// Next
					$('#fragebogen #step-3 .fragebogen_button_next').click(function(e) {
						fragebogenValidStep3();
					});
				}
				else {
					fragebogeGoToStep(1);
				}
				break;	
			default:
				// Default
				$('#step-1').show();
				$('#step-2').hide();
				$('#step-3').hide();
				break;
		}
	}
	// Go To Step
	function fragebogeGoToStep(id) {
		var hash = '#/step/'+id;
		fragebogenLoadStep(hash);
		//window.location.href = hash;
	}
	// Button Text Changer
	function fragebogenButtonText() {
		if( $.browser.msie && $.browser.version <= 7 ) {
			//disable for
		}
		else {
			$('input[name=with_address]').change(function() { 
				if( $(this).val() == 'yes' ) { 
					$('#fragebogen #step-2 .fragebogen_button_next').html(btNext); 
				} 
				else { 
					$('#fragebogen #step-2 .fragebogen_button_next').html(btSubmit); 
				} 
			});
		}
		if( $('input[name=with_address]:checked').val() == 'yes' ) { $('#fragebogen #step-2 .fragebogen_button_next').html(btNext); }
		else { $('#fragebogen #step-2 .fragebogen_button_next').html(btSubmit); }
	}
	// Valid Step #2
	function fragebogenValidStep2() {
		if( $('#fragebogen #step-2 .required').valid() ) {
			if( $('input[name=with_address]:checked').val() == 'yes' ) {
				fragebogeGoToStep(3);
			}
			else {
				$('#fragebogen #step-3 input').remove();
				$('#fragebogen').submit();
			}
		}
		else {
			alert(formError);
		}
	}
	// Valid Step #3
	function fragebogenValidStep3() {
		if( $('#fragebogen #step-3 .required').valid() ) {
			$('#fragebogen').submit();
		}	
	}
	
	/* Flow player
	---------------------------------------------- */
	if($('#player').length) {
		var player = $f("player", "/flash/flowplayer-3.2.4.swf");
		
		// setup button action. it will fire our overlay 
		$(".player a[rel]").overlay({
			
			// use the Apple effect for overlay
			effect: 'apple',
			
			mask: {
				color: '#000',
				loadSpeed: 200,
				opacity: 0.5
			},
			
			// when overlay is opened, load our player
			onLoad: function() {
				player.load();
			},
			
			// when overlay is closed, unload our player
			onClose: function() {
				player.unload();
			}
		});	
	}

});