Error description: You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near '' at line 1Error description: You have an error in your SQL syntax; check the manual that corresponds to your MariaDB server version for the right syntax to use near 'ORDER BY `order` ASC' at line 1
<div class="right_side">
<div class="right_side_pannel" style="height:325px">

<div class="right_side_title"></div>
<hr />
<div class="right_side_white" id="show_photo" >

</div>
<hr />

<div class="right_side_normal_text" id="show_text" >
</div>


</div>
</div>


<script>

var display_images;
var display_texts;
var display_image_index;
var display_images_interval;
var display_scrolling;

$(function() {
  	
	clearInterval( display_images_interval );
	
	display_images = $( ".right_side_white img" );
	display_texts = $( ".right_side_white span" );
	display_image_index = 0;
	
	if( display_images.length > 0 ) {
		$('#show_photo').css( "background-image", "url('"+display_images[0].src+"')" ).css( "background-size", "200px 200px" );
		$('#show_text').text( display_texts[0].innerText );
	}
	
	if( display_images.length > 1 )
		start_scroll();
	
	function start_scroll() {
		$('#image_play').attr("src", "/img/buttons/PIC_Pause.png");
		display_scrolling = true;
		display_images_interval = setInterval( function(){ next_image() }, 5000 );
	}
	
	function stop_scroll() {
		$('#image_play').attr("src", "/img/buttons/PIC_Play.png");
		display_scrolling = false;
		clearInterval( display_images_interval );
	}
	
	$(".image_play").click( function() {
		if( display_scrolling )
			stop_scroll();
		else
			start_scroll();
	});
	
	$(".image_prev").click( function() {
		stop_scroll();
		previous_image();
	});
	
	$(".image_next").click( function() {
		stop_scroll();
		next_image();
	});
	
	function next_image() {
		display_image_index = (display_image_index + 1) % display_images.length;
		update_image();
	}

	function previous_image() {
		display_image_index--;
		if( display_image_index < 0 )
			display_image_index = display_images.length + display_image_index;
		update_image();
	}

	function update_image() {
		$('#show_photo').fadeOut("fast", function() {
			$('#show_photo').css( "background-image", "url('"+display_images[display_image_index].src+"')" ).css( "background-size", "200px 200px" );
			if( display_texts.length > 1)
				$('#show_text').text( display_texts[ display_image_index ].innerText );
			$(this).fadeIn();
		});
	}
	
});


</script>