$(document).ready(function(){
	var list = $("div.tabs > ul > li > a");
	$(list).click(function(){
		hidingAll();
		displayTab(this);
	})
	$('div.tabCont').remove();
	hidingAll();
	displayTab(list[0]);
	bindHint();
})

function displayTab (tab) {
	var parent = $(tab).parent().get(0);
	var list = $("div.tabs > ul > li");
	var length = list.length;
	for (var i = 0; i < length; i++) {
		if (list[i] == parent) {
			$('div.tabCont').removeClass('tabCont').addClass('hidden');
			var divs = $("div.tabbedContent > div.hidden");
			$(divs[(i-1)/2]).addClass('tabCont').removeClass('hidden');
			var prev = $(parent).prev();
			var next = $(parent).next();
			$(parent).attr('class','select');
			if (i==1) {
				$(prev).attr('class', 'selectTabsStart');
				(i == length-2) ? $(next).attr('class','selectTabsEnd') : $(next).attr('class','selectTabEnd');
			} else {
				if (i == length-2) {
					$(prev).attr('class', 'selectTabStart');
					$(next).attr('class','selectTabsEnd');
				} else {
					$(prev).attr('class', 'selectTabStart');
					$(next).attr('class','selectTabEnd');
				}
			}
		}
	}
	bindHint($("div.tabCont"));
}

function hidingAll () {
	var list = $("div.tabs > ul > li");
	var length = list.length;
	for (var i = 0; i < length; i++) {
		switch (i) {
			case 0:
			list[i].className = 'TabsStart';
			break;

			case length-1:
			list[i].className = 'TabsEnd';
			break;

			default:
			if ((i%2) == 0) {
				list[i].className = 'TabEnd';
			} else {
				list[i].className = '';
			}
			break;
		}
	}
}