jQuery(document).ready(function() {
	var long1;
	var long2;
	var long3;
	var long4;
	var longThisUl;
	var leftThisUl;
	
	// nadanie dlugosci elementowi ktory sie przesuwa
	var long1 = jQuery('.slideBookmarks:eq(0) li').size();
	var long1 = long1 * 110;
	jQuery('.slideBookmarks:eq(0) ul').width(long1);

	// obsluga klikniecia zakladki
	jQuery('#buttons > .but').click(function() {
		jQuery("#buttons > .but").removeClass("active");
		jQuery(this).addClass("active");
	});

	longThisUl = jQuery('.slideBookmarks:eq(0) li').size();
	longThisUl = longThisUl * 110;
	jQuery('.slideBookmarks:eq(0) ul').width(longThisUl);

	jQuery('.arrows > .prev').addClass("hidden");

	jQuery('#buttons > .but').click(function() {
		longThisUl = 0;
		jQuery('.arrows > .prev').addClass("hidden");
		jQuery('.arrows > .next').removeClass("hidden");
	});

	// wyswietlenie odpowiedniego box-a po kliknieci na zakladke
	jQuery('#buttons > .but:eq(0)').click(function() {
		jQuery(".slideBookmarks").removeClass("active");
		jQuery(".slideBookmarks:eq(0)").addClass("active");

		leftThisUl = jQuery(".slideBookmarks:eq(0) ul").css({left:"0"});

		longThisUl = jQuery('.slideBookmarks:eq(0) li').size();
		longThisUl = longThisUl * 110;
		jQuery('.slideBookmarks:eq(0) ul').width(longThisUl);

		var widthUl = jQuery(".slideBookmarks:eq(0) ul").width();
		if (widthUl <=450) {
			jQuery('.slideBookmarks:eq(0) .arrows > .next, .slideBookmarks:eq(0) .arrows > .prev').addClass("hidden");
		}
	});

	jQuery('#buttons > .but:eq(1)').click(function() {
		jQuery(".slideBookmarks").removeClass("active");
		jQuery(".slideBookmarks:eq(1)").addClass("active");

		leftThisUl = jQuery(".slideBookmarks:eq(1) ul").css({left:"0"});

		longThisUl = jQuery('.slideBookmarks:eq(1) li').size();
		longThisUl = longThisUl * 110;
		jQuery('.slideBookmarks:eq(1) ul').width(longThisUl);

		var widthUl = jQuery(".slideBookmarks:eq(1) ul").width();
		if (widthUl <= 450) {
			jQuery('.slideBookmarks:eq(1) .arrows > .next, .slideBookmarks:eq(1) .arrows > .prev').addClass("hidden");
		}
	});

	jQuery('#buttons > .but:eq(2)').click(function() {
		jQuery(".slideBookmarks").removeClass("active");
		jQuery(".slideBookmarks:eq(2)").addClass("active");

		leftThisUl = jQuery(".slideBookmarks:eq(2) ul").css({left:"0"});

		longThisUl = jQuery('.slideBookmarks:eq(2) li').size();
		longThisUl = longThisUl * 110;
		jQuery('.slideBookmarks:eq(2) ul').width(longThisUl);

		var widthUl = jQuery(".slideBookmarks:eq(2) ul").width();
		if (widthUl <=450) {
			jQuery('.slideBookmarks:eq(2) .arrows > .next, .slideBookmarks:eq(2) .arrows > .prev').addClass("hidden");
		}
	});

	jQuery('#buttons > .but:eq(3)').click(function() {
		jQuery(".slideBookmarks").removeClass("active");
		jQuery(".slideBookmarks:eq(3)").addClass("active");

		leftThisUl = jQuery(".slideBookmarks:eq(3) ul").css({left:"0"});

		longThisUl = jQuery('.slideBookmarks:eq(3) li').size();
		longThisUl = longThisUl * 110;
		jQuery('.slideBookmarks:eq(3) ul').width(longThisUl);

		var widthUl = jQuery(".slideBookmarks:eq(3) ul").width();
		if (widthUl <=450) {
			jQuery('.slideBookmarks:eq(3) .arrows > .next, .slideBookmarks:eq(3) .arrows > .prev').addClass("hidden");
		}
	});

	// przesuwanie po kliknieciu na przycisk
	jQuery('.arrows > .prev').click(function() {
		jQuery(this).parent().siblings().find("ul").animate({"left": "+=440px"}, "1000");

		longThisUl = longThisUl + 440;

		if(longThisUl == jQuery(this).parent().siblings().find("ul").width()) {
			//jQuery('.slideBookmarks .arrows > .prev').addClass('hidden');
			jQuery(this).addClass('hidden');
		}
		if(longThisUl >= 450) {
			//jQuery('.slideBookmarks .arrows > .next').removeClass('hidden');
			jQuery(this).siblings().removeClass('hidden');
		}
	});

	jQuery('.arrows > .next').click(function() {
		jQuery(this).parent().siblings().find("ul").animate({"left": "-=440px"}, "1000");
		jQuery('.slideBookmarks .arrows > .prev').removeClass('hidden');

		longThisUl = longThisUl - 440;
		
		if(longThisUl <= 450) {
			jQuery('.slideBookmarks .arrows > .next').addClass('hidden');
			jQuery(this).addClass('hidden');
		}
		//if(longThisUl - 440 <= 450) {
		//}
	});
});