jQuery.fn.tabBox = function() {

	var container = this;
	
	container.find('.navigation-content li').each(function(index) {

		if (index == 0) {
			$(this).addClass('active');
			container.find('.container-element').eq(index).addClass('current-container');
		}
		container.find('.container-element').eq(index).addClass('blind-container');	

		$(this).hover( 
			function() {
				$(this).css('cursor','pointer');
			},
			function() {
				$(this).css('cursor','default');
			});
		// Lisk handler
		$(this).click( function() {
			if(index > -1) {
				var myIndex = index;
			}
			container.find('.navigation-content .active').removeClass('active');
			$(this).addClass('active');
			container.find('.current-container').removeClass('current-container');
			container.find('.container-element').eq(myIndex).addClass('current-container');
			
			
		});
		

	});
	index = -1;	
	
	
}
$(document).ready(function() {

	$('#start-wrap').tabBox();
	$('.tab-container').tabBox();

});