$(document).ready(function() {
	function cl(obj) {
		console.log(obj)
	}
	
	
	var slides = $('.tabs-container');
	var selectors = $('.tab-selector li a');
	var li_anchors = $('.tab-selector li a');
	
	
	element_selected = {
		get: function() {
			return this.elem_selected
		},
		
		set: function(obj) {
			this.elem_selected = obj
		}
	}
	
	
	anchor_selected = {
		get: function() {
			return this.elem_selected
		},
		
		set: function(obj) {
			this.elem_selected = obj
		}
	}

	
	jQuery.each(li_anchors, function(i, val) {
		if (i == 0) {
			anchor_selected.set(val);
			$(val).addClass('tabs-selected')
		}
	})
	

	jQuery.each(slides, function(i, val) {
		if (i == 0) {
			element_selected.set(val);
		} else if (i > 0) {
			$(val).addClass('hidden');
		}
	})


	jQuery.each(selectors, function(i, val) {
		$(val).click(function(e) {
			e.preventDefault();
			
			elem_hide(element_selected.get(), anchor_selected.get());
			
			element_selected.set($(this).attr('href'));
			anchor_selected.set($(this)[0])
			
			elem_show($(val).attr('href'), $(this)[0])
		})
	})
	
	
	function elem_hide(obj, t_slide) {
		$(obj).addClass('hidden');
		$(t_slide).removeClass('tabs-selected')
	}
	
	
	function elem_show(obj, t_slide) {
		$(obj).removeClass('hidden');
		$(t_slide).addClass('tabs-selected')
	}
})