$(document).ready(
   function()
   {   
   	/**
   	* Handle loading element
   	*/
   	$("#loading").hide();
   	
   	$("#loading").ajaxStart(
   		function()
   		{
		   $(this).show("slow");
		  }
		 );
		
	  $("#loading").ajaxSuccess(
	  	function(evt, request, settings)
	  	{
		   $(this).hide("slow");
		  }
		 );
		$("tr.hide").fadeOut(); 
		$("tr.hide").ajaxSuccess(
	  	function(evt, request, settings)
	  	{
		    $(this).fadeIn("slow");
		  }
		 ); 
  
		 
		function showText(headline_element, text_element, feedback_title, feedback_text)
		{		  
		  headline_element.html(feedback_title);
		 	$(text_element).html(feedback_text);
		 	$(text_element + " p").replaceWith($(text_element + " p").text());
		} 
   	
   	function updateImage(element, data, big)
		{
			if(big == true)
			{
				var pic = data.project_thumb_big;
			}
			else
			{
				var pic = data.project_thumb_small;
			}
		
			element.css("background", "url(uploads/img/catalog/2/"+ pic +") no-repeat center");
			element.css("opacity", "0");
			element.attr("id", data.id);
		}
   	
   	function initialize()
   	{
   		$.getJSON(
 				"http://" + document.domain + "/index.php/,ajxshort.true,from.,dir.prev", 
 				{},
 				function(json)
 				{
 					$.each(json, function(i,item)
 					{
 						element = $(".e"+i);
 						if(i == 1)
 						{
 							var big = true;
 							
 							if(item.feedback_title && item.feedback_text)
 							{
 								showText($("#slides_text_header"), "#slides_text_content", item.feedback_title, item.feedback_text);
 							  $("#quote_left").show();
 								$("#quote_right").show();
 							}
 							else
 							{
 								showText($("#slides_text_header"), "#slides_text_content", "", "");
 								$("#quote_left").hide();
 								$("#quote_right").hide();
 							}
 							$(".rotate_href").attr("href", "projektai/#"+item.id);
 						}
 						else
 						{
 							var big = false;
 						}
 						updateImage(element, item, big);
 						element.ajaxSuccess(
				  	 function(evt, request, settings)
				  	 {
					     $(this).animate(
			   			 {
			   				opacity: 1
			   			 }, 
			   			 {
			   			  queue:false, 
			   			  duration:1000
			   			 }
			   		   );
					   }
					  );
 					});   
 				}
 			);
   	}
   	
   	initialize();
   	$(".prev").click(
   	
   		function()
   		{
   			$("tr.hide").fadeOut("slow"); 
   			var from = parseInt($(".e0").attr("id"));
   			from = from + 1;
   			$.getJSON(
   				"http://" + document.domain + "/index.php/,ajxshort.true,from." + from + ",dir.prev", 
   				{},
   				function(json)
   				{
   					$.each(json, function(i,item)
	   					{
	   						element = $(".e"+i);
		 						if(i == 1)
		 						{
		 							var big = true;
		 							
		 							if(item.feedback_title && item.feedback_text)
		 							{
		 								showText($("#slides_text_header"), "#slides_text_content", item.feedback_title, item.feedback_text);
		 							  $("#quote_left").show();
 									  $("#quote_right").show();
		 							}
		 							else
		 							{
		 								showText($("#slides_text_header"), "#slides_text_content", "", "");
		 								$("#quote_left").hide();
 										$("#quote_right").hide();
		 							}
		 							
		 							$(".rotate_href").attr("href", "projektai/#"+item.id);
		 						}
		 						else
		 						{
		 							var big = false;
		 						}
		 						updateImage(element, item, big);
		 						element.ajaxSuccess(
						  	 function(evt, request, settings)
						  	 {
							     $(this).animate(
					   			 {
					   				opacity: 1
					   			 }, 
					   			 {
					   			  queue:false, 
					   			  duration:1000
					   			 }
					   		   );
							   }
							  );
		   				}
	   				);   
   				}
   			);
   		}
   	
    );
    
   	$(".next").click(
   	
   		function()
   		{
   			$("tr.hide").fadeOut("slow"); 
   			var from = parseInt($(".e2").attr("id"));
   			from = from - 1;
   			$.getJSON(
   				"http://" + document.domain + "/index.php/,ajxshort.true,from." + from + ",dir.next", 
   				{},
   				function(json)
   				{
   					$.each(json, function(i,item)
	   					{
	   						// Reverse order
	   						var id = 2 - i;
	   						element = $(".e"+id);
		 						if(i == 1)
		 						{
		 							var big = true;
		 							
		 							if(item.feedback_title != null && item.feedback_text != null)
		 							{
		 								showText($("#slides_text_header"), "#slides_text_content", item.feedback_title, item.feedback_text);
		 							  $("#quote_left").show();
 										$("#quote_right").show();
		 							}
		 							else
		 							{
		 								showText($("#slides_text_header"), "#slides_text_content", "", "");
		 								$("#quote_left").hide();
 										$("#quote_right").hide();
		 							}
		 							$(".rotate_href").attr("href", "projektai/#"+item.id);
		 						}
		 						else
		 						{
		 							var big = false;
		 						}
		 						updateImage(element, item, big);
		 						element.ajaxSuccess(
						  	 function(evt, request, settings)
						  	 {
							     $(this).animate(
					   			 {
					   				opacity: 1
					   			 }, 
					   			 {
					   			  queue:false, 
					   			  duration:1000
					   			 }
					   		   );
							   }
							  );
		   				}
	   				);   
   				}
   			);
   		}
   	
    );
   }
);