$(document).ready(function() {
var play;

	//  Initialize Backgound Stretcher
	$('BODY').bgStretcher({
		images: 
		['tl_files/seepark/layout/strandkorb_bg1.jpg',
		 'tl_files/seepark/layout/kueste_bg2.jpg', 
		'tl_files/seepark/layout/raps_bg3.jpg'], 
		imageWidth: 1920, 
		imageHeight: 1280,  
		nextSlideDelay: 9000, 
		slideShowSpeed: 2500, 
		transitionEffect: 'fade'
	});
	
	$('.move').css('cursor','move');
	
	$('#bgstretcher').css({
		'-webkit-user-select': 'none',
		'-moz-user-select':	'none',
		'-khtml-user-select': 'none',
		'user-select': 'none'
	});
	
	$('.draggable_box').each(function() {
		var boxid = $(this).attr('id');
		$('#' + boxid).draggable({
			handle: '.move',
			containment: 'document',
			start: function(event, ui) {
				$('BODY').bgStretcher.pause();
				$(this).css('z-index','10000');
			},
			stop: function(event, ui) {
				// bei mehrfachem schnellen dragging wird der timeout noch nicht "gecleart" (bgstretcher wir mehrmals hintereinander ausgeführt)
				window.clearTimeout(play);
				play = window.setTimeout("$('BODY').bgStretcher.play()",9000);
				$(this).css('z-index','0');
			}
		});
	});
	
	var filecount = 1;
	$('#ew_write input.upload').live('change', function() {
		var cloned = $('#ew_write #file-input-copy').clone();
		cloned.removeAttr('id');
		cloned.removeAttr('style');
		var c_id = cloned.children('input').attr('id');
		var c_name = cloned.children('input').attr('name');
		cloned.children('input').attr('id', c_id.replace('xxx', 'image'+filecount));
		cloned.children('input').attr('name', c_name.replace('xxx', 'image'+filecount));
		filecount++;
		cloned.appendTo('#ew_write fieldset');
	});
	
	var rating = $('#ew_rating').val();
	if (rating == 'stern0')
		stern_0();
	else if (rating == 'stern1')
		stern_1();
	else if (rating == 'stern2')
		stern_2();
	else if (rating == 'stern3')
		stern_3();
	else if (rating == 'stern4')
		stern_4();
	else if (rating == 'stern5')
		stern_5();
	
	$('#ew_write .ew_rating_stars span').mouseenter(function () {
		if ($(this).hasClass('star_01'))
		{
			$('#ew_write .star_01').addClass('hover');
		}
		else if ($(this).hasClass('star_02'))
		{
			$('#ew_write .star_02').addClass('hover');
			$('#ew_write .star_01').addClass('hover');
		}
		else if ($(this).hasClass('star_03'))
		{
			$('#ew_write .star_03').addClass('hover');
			$('#ew_write .star_02').addClass('hover');
			$('#ew_write .star_01').addClass('hover');
		}
		else if ($(this).hasClass('star_04'))
		{
			$('#ew_write .star_04').addClass('hover');
			$('#ew_write .star_03').addClass('hover');
			$('#ew_write .star_02').addClass('hover');
			$('#ew_write .star_01').addClass('hover');
		}
		else if ($(this).hasClass('star_05'))
		{
			$('#ew_write .star_05').addClass('hover');
			$('#ew_write .star_04').addClass('hover');
			$('#ew_write .star_03').addClass('hover');
			$('#ew_write .star_02').addClass('hover');
			$('#ew_write .star_01').addClass('hover');
		}
	});
	
	$('#ew_write .ew_rating_stars span').mouseleave(function () {
		$('#ew_write .ew_rating_stars span').removeClass('hover');
	});

	$('#ew_write .ew_rating_stars span').click(function () {
		if ($(this).hasClass('star_01'))
		{
			stern_1();
			$('#ew_rating').val('stern1');
		}
		else if ($(this).hasClass('star_02'))
		{
			stern_2();
			$('#ew_rating').val('stern2');
		}
		else if ($(this).hasClass('star_03'))
		{
			stern_3();
			$('#ew_rating').val('stern3');
		}
		else if ($(this).hasClass('star_04'))
		{
			stern_4();
			$('#ew_rating').val('stern4');
		}
		else if ($(this).hasClass('star_05'))
		{
			stern_5();
			$('#ew_rating').val('stern5');
		}
	});
	
	$('#ew_write .ew_rating_stars .rate-delete').click(function () {
		stern_0();
		$('#ew_rating').val('stern0');
	});
	

});

function stern_0()
{
	$('#ew_write .ew_rating_stars span').removeClass('active');
}
function stern_1()
{
	$('#ew_write .star_01').addClass('active');
	$('#ew_write .star_02').removeClass('active');
	$('#ew_write .star_03').removeClass('active');
	$('#ew_write .star_04').removeClass('active');
	$('#ew_write .star_05').removeClass('active');
}
function stern_2()
{
	$('#ew_write .star_01').addClass('active');
	$('#ew_write .star_02').addClass('active');
	$('#ew_write .star_03').removeClass('active');
	$('#ew_write .star_04').removeClass('active');
	$('#ew_write .star_05').removeClass('active');
}
function stern_3()
{
	$('#ew_write .star_01').addClass('active');
	$('#ew_write .star_02').addClass('active');
	$('#ew_write .star_03').addClass('active');
	$('#ew_write .star_04').removeClass('active');
	$('#ew_write .star_05').removeClass('active');
}
function stern_4()
{
	$('#ew_write .star_01').addClass('active');
	$('#ew_write .star_02').addClass('active');
	$('#ew_write .star_03').addClass('active');
	$('#ew_write .star_04').addClass('active');
	$('#ew_write .star_05').removeClass('active');
}
function stern_5()
{
	$('#ew_write .star_01').addClass('active');
	$('#ew_write .star_02').addClass('active');
	$('#ew_write .star_03').addClass('active');
	$('#ew_write .star_04').addClass('active');
	$('#ew_write .star_05').addClass('active');
}
/*
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;

// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;

// Mausposition
var posx = 0;
var posy = 0;


function draginit() {
 // Initialisierung der Überwachung der Events

  document.onmousemove = drag;
  document.onmouseup = dragstop;
}


function dragstart(element) {
   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.

  dragobjekt = element;
  dragx = posx - dragobjekt.offsetLeft;
  dragy = posy - dragobjekt.offsetTop;
}


function dragstop() {
  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.

  dragobjekt=null;
}


function drag(ereignis) {
  //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.

  posx = document.all ? window.event.clientX : ereignis.pageX;
  posy = document.all ? window.event.clientY : ereignis.pageY;
  if(dragobjekt != null) {
    dragobjekt.style.left = (posx - dragx) + "px";
    dragobjekt.style.top = (posy - dragy) + "px";
  }
}
//-->
*/