canvas_init_html = ''
funkyfresh = function() {}

$(document).ready( function() {
	canvas_init_html = $('#canvas-container').html()
	
	$('#form_servicetype label').click(function() {
		cont = $(this)
		if (!cont.hasClass('active')) {
			cont.addClass('active')
			cont.siblings().removeClass('active')
			setZug($(this).find('input').val())
		}
			
		if ($('#ticket').hasClass('html-express')) {
			$(this).parent().stop().animate( {backgroundPosition:"(0 0)"}, {duration:200})
			funkyfresh(0,0.5)
		} else {
			$(this).parent().stop().animate( {backgroundPosition:"(-290px 0)"}, {duration:200})
			funkyfresh(1,0.5)
		} 
		
		return false
	})
	$('#form_servicetype label').hover( function() {
		if ($('#ticket').hasClass('html-express')) {
			if( !$(this).hasClass('active') ) {
				$(this).parent().stop().animate( {backgroundPosition:"(-10px 0)"}, {duration:50}) 
				funkyfresh(0.1,0.5)
			}
		} else {
			if( !$(this).hasClass('active') ) {
				$(this).parent().stop().animate( {backgroundPosition:"(-280px 0)"}, {duration:50}) 
				funkyfresh(0.9,0.5)
			}
		}
	},function() {
		if ($('#ticket').hasClass('html-express')) {
			if( !$(this).hasClass('active') ) {
				$(this).parent().stop().animate( {backgroundPosition:"(0 0)"}, {duration:50})
				funkyfresh(0,0.5)
			}
		} else {
			if( !$(this).hasClass('active') ) {
				$(this).parent().stop().animate( {backgroundPosition:"(-290px 0)"}, {duration:50})
				funkyfresh(1,0.5)
			}
		} 
	})
	
	$('#checkin input[class], #checkin textarea[class]').keyup( function() {
		name = $(this).attr('class').replace(/txt /,'')
		$('#ticket dd.' +name).text( $(this).val() )
	})
	
	$('#checkin select.pages').change( function() {
		$('#ticket dd.pages').text('1 + ' + $(this).val())
		
		$('#ticket dd.price.html-express').html( (160 + $(this).val() * 80) + ' €')
		$('#ticket dd.price.nacht-express').html( (320 + $(this).val() * 160) + ' €')
	})
	
	$('#form_clientinfo a.toggle-upload').click( function() {
		$('#form_clientinfo label.upload, #form_clientinfo label.link').toggle().children('input').val('');
		return false
	})
	
	$('#coupon button').click( function() {
		coupontext = $(this).siblings('input').val()
		
		$.post('/checkin/coupon',{coupon: coupontext}, function(data) {
			
			if (data.error)
			{
				switch (data.error)
				{
					case 'unknown_coupon':
						alert('Der eingegebene Code ' + data.coupon + ' ist leider unbekannt.')
				}
				
				return false
			}
			
			$('#coupon h2,#coupon h3').siblings().remove();
			$('#coupon h2,#coupon h3').after('<p><strong>Herzlichen Glückwunsch!</strong><br /> Ihr Gutschein-Code &quot;'+data.coupon+'&quot; gibt Ihnen einen Preisnachlass von '+data.discount+',00 €!</p>')
		},"json")
	})
	
	initPage()
	$(window).resize( initPage )
	
	$('div.client dt').jparallax();
	$('div.client dd.imgnav a').click(function() {
		n = $(this).attr('rel')
		Image_container = $(this).parents('div.client')
		Image_old = Image_container.find('.img-container img:not(.hidden)')
		Image_new = Image_container.find('.img-container img:nth-child('+n+')')
		if ( Image_new.hasClass('hidden') ){
			$(this).addClass('current').siblings().removeClass('current')
			Image_old.fadeOut('normal', function() {$(this).addClass('hidden')})
			Image_new.fadeIn('normal', function() {$(this).removeClass('hidden')})
		}
		return false
	})
})

function initPage() {
	if ( $('#page-container').width() < 1240) {
		$('body').addClass('narrow')
	} else {
		$('body').removeClass('narrow')
	}
	
	$('#canvas-container').html(canvas_init_html)
	$('#canvas').jparallax()
}

function setZug(name) {	
	$('#ticket').attr('class', name )
	
	
	switch (name) {
		case 'html-express':
			$('#checkin').removeClass('nacht-express').addClass('html-express')
			$('#html-express').addClass('active')
			$('#nacht-express').removeClass('active')
			break;
		case 'nacht-express':
			$('#checkin').addClass('nacht-express').removeClass('html-express')
			$('#nacht-express').addClass('active')
			$('#html-express').removeClass('active')
			break;
	}
	
	$('#form_servicetype input').attr('checked','')
	$('#form_servicetype input[@value='+name+']').attr('checked','checked')
}