$(document).ready(function(){

	// Slider Stuff
	
	var pos_x = new Array();
	var max_page = 0;
	
	$("#slide_right").click(function(){
		if (curpage != total_pages) {
			nextpage = curpage + 1;
			
			// Calculating slide's width
			pos_x[curpage] = document.getElementById("slide" + curpage).scrollWidth;
			pos_x[nextpage] = document.getElementById("slide" + nextpage).scrollWidth;
			
			// Next slide is right after the current
			document.getElementById("slide" + nextpage).style.left = document.getElementById("slide" + curpage).style.left;
			
			if (curpage > max_page) {
				// Create div for nextpage + 1 slide
				// Very slow by js, released in php
				//$("#slide").html( $("#slide").html() + '<div id="slide'+(nextpage+1)+'" style="float: left; position: relative; display:block;"></div>"' );
				
				// Increase slide width
				document.getElementById("slide").style.width = (nextpage + 1) * pos_x[curpage];
			}
			
			// Animation: Moving current and next pages		
			$("#slide" + curpage).animate({
				"left": "-=" + pos_x[curpage] + "px"
			}, "medium");
			$("#slide" + (curpage + 1)).animate({
				"left": "-=" + pos_x[nextpage] + "px"
			}, "medium");
			
			
			// Cursor stuff
			if ( nextpage == total_pages ) {
				document.getElementById("slide_right").style.cursor = "default";
			} else {
				document.getElementById("slide_right").style.cursor = "pointer";
			}
			
			if (curpage > 1) {
				document.getElementById("slide_left").style.cursor = "pointer";
			} else {
				document.getElementById("slide_left").style.cursor = "default";
			}
			// End of cursor stuff
			
			document.getElementById("page"+nextpage).className = "aactive";
			document.getElementById("page"+curpage).className = "";
			
			// Load nextpage + 1 slide
			// Works slow in FF3 :(
			if (curpage > max_page) {
				$.get("/ajax/show_page.php?category=" + category + "&page=" + (nextpage + 1), function(data){
					$("#slide" + (nextpage + 1)).html(data);
				});
			}
			
			if ( curpage > max_page ) {
				max_page = curpage;
			}
			
			curpage = nextpage;
		}
		

	})
	
	$("#slide_left").click(function(){
		prevpage = curpage - 1;
				
		if (curpage > 1) {

			pos_x[curpage] = document.getElementById("slide"+curpage).scrollWidth;
			pos_x[prevpage] = document.getElementById("slide"+prevpage).scrollWidth;
			
			// Animation		
			$("#slide"+curpage).animate({"left": "+="+pos_x[curpage]+"px"}, "medium");
			$("#slide"+prevpage).animate({"left": "+="+pos_x[prevpage]+"px"}, "medium");
			
			document.getElementById("page"+prevpage).className = "aactive";
			document.getElementById("page"+curpage).className = "";
			
			curpage = prevpage;
		}
		
		// Cursor stuff
		if ( curpage <= 1 ) {
			document.getElementById("slide_left").style.cursor = "default";
		} else {
			document.getElementById("slide_left").style.cursor = "pointer";
		}
		
		if ( curpage == total_pages ) {
			document.getElementById("slide_right").style.cursor = "default";
		} else {
			document.getElementById("slide_right").style.cursor = "pointer";
		}
		// End of cursor stuff
	})
	
	// Paginator stuff
    
    $("#right").click(function(){
      $(".block").animate({"left": "+=150px"}, "medium");
    });
	
	$("#right_fast").click(function(){
      $(".block").animate({"left": "+=250px"}, "medium");
    });

    $("#left").click(function(){
      $(".block").animate({"left": "-=150px"}, "medium");
    });
	
	$("#left_fast").click(function(){
      $(".block").animate({"left": "-=250px"}, "medium");
    });
	
	/* никак не вкурю как бы на js сделать while( $("#left").hover ) { а здесь крутить эту полоску со страницами } 
		так хреново реализованы в jquery что hover что onmouseover
	*/
	
	$(".a").hover(function(){
      $(".a").animate({"top": document.body.clientHeight}, "medium");
    });
	
	$(".b").onmouseover(function(){
      $(".b").animate({"top": document.body.clientHeight}, "medium");
    });
	
	$(".c").hover(function(){
      $(".c").animate({"top": document.body.clientHeight}, "medium");
    });
	
	$(".d").hover(function(){
      $(".d").animate({"top": document.body.clientHeight}, "medium");
    });
	
	/*$("#bum").click(
		function () {
			$("#bum").animate({"left": "-=300px"}, "slow");
		}
	);*/
	
	// SLIDER STUFF
	


});