$(document).ready(function(){

	if($('#newsbox').length){

	var elements = $('#newsbox .mod_newslist > div');
	var elements_count = elements.length;
	var element_width = 250;

	var canvas = $('#newsbox .mod_newslist');
	var anim = $('#newsbox .mod_newslist').queue("fx");

	
	var canvas_width = element_width * elements_count;

	$('#newsbox .mod_newslist').css({width: canvas_width}); 

	//var max_left = ((Math.ceil(elements_count / 2) -1) * element_width)*-1;

	var element_spaces_ceil = Math.ceil(elements_count / 2);
	var element_spaces = elements_count / 2;
	
	if(element_spaces_ceil == element_spaces){

		var max_left = (element_spaces * element_width) * -1
		
	}else{
		var max_left = ((element_spaces_ceil-1) * element_width) * -1;
	}

	var new_left;

	$('#newsbox_right').click(function(){

		var left = $('#newsbox .mod_newslist').css('left');
			left = parseInt(left);

		if(left > max_left && anim.length <= 0){

			new_left = left - element_width;

			canvas.animate({
				left: new_left
			});

		}
		

		if(new_left == 0){
			$('#newsbox_left').addClass('newsbox_left_inactve');
		}else{
			$('#newsbox_left').removeClass('newsbox_left_inactve');
		}

		if(new_left == max_left){
			$('#newsbox_right').addClass('newsbox_right_inactve');
		}else{
			$('#newsbox_right').removeClass('newsbox_right_inactve');
		}	
		
		

	});

	$('#newsbox_left').click(function(){

		var left = canvas.css('left');
			left = parseInt(left);
		
		
		if(left < 0 && anim.length <= 0){

			new_left = left + element_width;

			$('#newsbox .mod_newslist').animate({
				left: new_left
			});

		}

		if(new_left == 0){
			$('#newsbox_left').addClass('newsbox_left_inactve');
		}else{
			$('#newsbox_left').removeClass('newsbox_left_inactve');
		}	

		if(new_left == max_left){
			$('#newsbox_right').addClass('newsbox_right_inactve');
		}else{
			$('#newsbox_right').removeClass('newsbox_right_inactve');
		}	
		
		

	});
	
		

	}

	var feedback_button = $('<a id="feedback_button" href="javascript:void(0);">Feedback</a>');
	var feedback_content = $('<div id="feedback"><h1>Feedback<h1><h2>Sagen Sie uns Ihre Meinung</h2><p>Vielen Dank, dass Sie uns Ihre Meinung mitteilen möchten.</p><form method="post" id="feedback_form" action="feedback.php"><div class="row"><span>Ihr Feedback:</span><textarea name="feedback"></textarea></div><p>Wenn Sie möchten, melden wir uns gerne bei Ihnen zu Ihrem Feedback. Tragen Sie einfach -optional- Ihre Kontaktdaten hier ein: </p><br /><div class="row"><span>Name oder Firma:</span><input type="text" name="name" /></div><div class="row"><span>E-Mail:</span><input type="text" name="email" /></div><div class="row"><span>Telefon:</span><input type="text" name="telefon" /></div><div class="row"><span>&nbsp;</span><input type="checkbox" name="kontakt" value="ja" class="checkbox" />Ja, ich möchte zu meinem Feedback kontaktiert werden.</div><div class="row"><span>&nbsp;</span><a href="javascript:;" class="button" id="feedback_close"><span>Abbrechen</span></a><a href="javascript:;" class="button" id="feedback_submit"><span>Abschicken</span></a></div></form></div>');
		
		$('body').append(feedback_button);
		$(feedback_content).dialog({
			autoOpen: false,
			modal: true,
				width: 500,
				height: 520
		});

		$(feedback_button).click(function(){
			
				$(feedback_content).dialog('open');

		});

		$('#feedback_submit').click(function(){
			
			$('#feedback_form').submit();

		});

		$('#feedback_close').click(function(){
			
				$(feedback_content).dialog('close');

		});


});