var url = 'http://127.0.0.1/';
	
	var furnitureslider = {
		next : function() {
			var current_id = $('#placeholder').attr('rel');
			var elements = document.getElementById('viso').value;
			var port = parseFloat(document.getElementById('port').value);
			
			current_id = parseFloat(current_id.replace("photo_", "")) + 1;
			
			if(current_id <= elements) {
			
				if(current_id % 6 == 0) {
					furnitureslider.slidedown();
				}
			
				current_id = "photo_"+current_id;
				var imgsrc = $('#'+current_id).attr('rel');
				
				
				
				for(i = 1; i <= elements; i++) {
					
					document.getElementById("photo_"+i+"").style.borderColor="#262923 #262923";
					
				}
				
				document.getElementById(current_id+"").style.borderColor="#ffffff #ffffff";
				
				$('#placeholder').html('<img src="/resizer.php?img='+imgsrc+'&w=352&h=529" alt="" border="0" />');
				$('#placeholder').attr('rel', current_id);
			}
		},
		back : function() {
			var current_id = $('#placeholder').attr('rel');
			var elements = document.getElementById('viso').value;
			
			current_id = parseFloat(current_id.replace("photo_", "")) - 1;
			
			if(current_id > 0) {
				
				if(current_id % 6 == 0) {
					furnitureslider.slideup();
				}
			
				current_id = "photo_"+current_id;
				var imgsrc = $('#'+current_id).attr('rel');
				
				
				
				for(i = 1; i <= elements; i++) {
					
					document.getElementById("photo_"+i+"").style.borderColor="#262923";
					
				}
				
				document.getElementById(current_id+"").style.borderColor="#ffffff";
				
				$('#placeholder').html('<img src="/resizer.php?img='+imgsrc+'&w=352&h=529" alt="" border="0" />');
				$('#placeholder').attr('rel', current_id);
			}
		},
		slideup : function() {
			var css = $('#furniturewrap').css('top');
			var port = document.getElementById('port').value;
			
			if (css < '0px' && port > 1)
			{
				
				$('#furniturewrap').animate({'top' : '+=137px'}, 300);
					
					port = parseFloat(port) - 1;
					document.getElementById('port').value = port;
					
					
					
					if(port < 1) {
						$('#furniturewrap').animate({'top' : '0px'}, 300);
					}
			} 
			
		},
		slidedown : function() {
			var kiek = parseFloat(document.getElementById('viso').value);
			var port = parseFloat(document.getElementById('port').value);
			
			if (kiek > 12 && kiek - 9 - (port * 3) > 0)
			{
				
					$('#furniturewrap').animate({'top' : '-=137px'}, 300);
					
					//$('#top').css('display', 'block');
					
					port = port + 1;
					document.getElementById('port').value = port;
				
			}
		}
	}
	
	
	$(function() {
		
		$('#sliderup').click(function() {
			furnitureslider.slideup();
		});
		$('#sliderdown').click(function() {
			furnitureslider.slidedown();
		});
		
		$('#next_button').click(function() {
			furnitureslider.next();
		});
		
		$('#back_button').click(function() {
			furnitureslider.back();
		});
		
		$('.item img').click(function() {
			var imgsrc = $(this).attr('rel');
			var current_id = $(this).attr('id');
			var elements = document.getElementById('viso').value;
			
			for(i = 1; i <= elements; i++) {
				
				document.getElementById("photo_"+i+"").style.borderColor="#262923";
				
			}
		
			
			document.getElementById(current_id+"").style.borderColor="#ffffff";
			
			$('#placeholder').html('<img src="/resizer.php?img='+imgsrc+'&w=352&h=529" alt="" border="0" />');
			$('#placeholder').attr('rel', current_id);
		});
		
	});