$(document).ready(function () { 

	// init boxes
	
	$.each($('div.tabbed-box'), function (index, value) {
	
		var tabbedBox = value;
		//$(tabbedBox).hide();
		
		var tabs = $('div.tab div.title', tabbedBox);	
		$(tabs).hide();
		
		var contents = $('div.tab div.content', tabbedBox);
		$(contents).hide();
		$(contents).eq(0).show();
		
		// create tabs
		var ul = $('<ul class="tabs"></ul>');
		for (var i = 0; i < $(tabs).length; i++)
		{
			var li = $('<li><span class="l"></span>'+$(tabs[i]).html()+'<span class="r"></span></li>');
			li.click(function () {
				var index = $(this).index();
				
				$('li.active',tabbedBox).removeClass('active');
				$('li',tabbedBox).eq(index).addClass('active');
				
				$('div.tab div.content', tabbedBox).hide();
				$('div.tab div.content', tabbedBox).eq(index).show();
			});
			ul.append(li);
		}
		
		$(tabbedBox).prepend(ul);
		$('li:first', ul).addClass('active');
	});
	
	// init sliders

	$.each($('ul.slider'), function (index, value) {
	   	
	   	var slider = value;
	   	
	   	var leftBtn = $('span.l', slider);
	   	var rightBtn = $('span.r', slider);
	   	
	   	var solid = $('div.solid', slider);
	   	
	   	var initLeft = solid.position().left;
	   	
		function onLeftBtnClick() {
	   		var left = solid.position().left;
	   		
	   		var zbyva = -left+initLeft;
	   		
			leftBtn.unbind("click");
	   		
			solid.animate({ 
			    "left": "+="+Math.min(zbyva, 200)+"px"
			}, 500, function () {
			   	leftBtn.click(function () {
					onLeftBtnClick();
				});
			} );
		};   
		
		function onRightBtnClick() {
	   		var left = solid.position().left;   
	   		
	   		var zbyva = $('li:last', slider).position().left + solid.position().left + $('li:last', slider).width() - $(slider).width(); 
	   		
			rightBtn.unbind("click");
			
			solid.animate({ 
			    "left": "-="+Math.min(zbyva, 200)+"px"
			}, 500, function () {  
			   	rightBtn.click(function () {
				   onRightBtnClick();
				});
			});
		}
		   	   	
	   	leftBtn.click(function () {
			onLeftBtnClick();
		});
	   	rightBtn.click(function () {
		   onRightBtnClick();
		});
	   	
	});

});