//var TabTimer;
//		
$(document).ready(function(){
	$('#ContentMenu div[id]').click(function() {
		var ClickedTab = $(this);
		$('#ContentMenu div[id]').each(function(index) {
			if ($(this).attr('id') != $(ClickedTab).attr('id')) {
				$(this).removeClass("TabMenuPink");
				$(this).addClass("TabMenuGray");
				$(this).find(".PinkTabArrow").addClass("GrayTabArrow");
				$(this).find(".PinkTabArrow").removeClass("PinkTabArrow");
				$(this).find(".MenuPinkGradyan").addClass("MenuGrayGradyan");
				$(this).find(".MenuPinkGradyan").removeClass("MenuPinkGradyan");
				$($('#TabContents div')[index]).hide();
			}
			else {
				$(this).removeClass("TabMenuGray");
				$(this).addClass("TabMenuPink");
				$(this).find(".GrayTabArrow").addClass("PinkTabArrow");
				$(this).find(".GrayTabArrow").removeClass("GrayTabArrow");
				$(this).find(".MenuGrayGradyan").addClass("MenuPinkGradyan");
				$(this).find(".MenuGrayGradyan").removeClass("MenuGrayGradyan");
				$($('#TabContents div')[index]).show();
			}
		});
	});

//	TabTimer = setInterval("ChangeActiveTab()", 15000);
});

function ChangeActiveTab() {
	var ActiveTab = $('.TabMenuPink');
	var ActiveIndex;
	$('#ContentMenu div[id]').each(function(index) {
		if ($(this).attr('id') == $(ActiveTab).attr('id')) {
			ActiveIndex = index;
			if ($('#ContentMenu div[id]').length == ActiveIndex + 1){
				$($('#ContentMenu div[id]')[0]).trigger("click");
			}
			else{
				$($('#ContentMenu div[id]')[ActiveIndex+1]).trigger("click");
			}
		}
	});
}