$(function(){
	
	//alle punkte hide
	$(".pointContents").hide();
	
	//mache navi klickbar
	$(".navPoint").bind("click",navPointOnClick);
	
	//in die navPoints pfeil einsetzen
	$(".navPoint").append('<img class="tabArrow" src="img/tabopen_line.gif" alt="">');
	
	//css hover/expanded handling
	$(".navPoint").hover(navPointOnHover,navPointOnOut);

	//bind mitglieder link
	$("#linkMembers").bind("click",function(){
		$(".navPoint").eq(2).click();
		return false;
	});
	
	//zeige nur ersten punkt
	showPointContent(0);	
});



function navPointOnClick(ev){
	var objIndex = $(".navPoint").index(this);
	
	$(".pointContents").each(function(i){
		if(i==objIndex) {
			if($(this).is(":visible")) hidePointContent(i);
			else showPointContent(i)
		} 
		else hidePointContent(i);
	});
	
}

function showPointContent(index){
	$(".pointContents").eq(index).slideDown(300);
	makeNavPointHi(index);
}

function hidePointContent(index){
	$(".pointContents").eq(index).slideUp(300);
	makeNavPointLo(index);
}


function navPointOnHover(ev){
	var objIndex = $(".navPoint").index(this);
	if(!$(".pointContents").eq(objIndex).is(":visible")) makeNavPointHi(objIndex);
}

function navPointOnOut(ev){
	var objIndex = $(".navPoint").index(this);
	if(!$(".pointContents").eq(objIndex).is(":visible")) makeNavPointLo(objIndex);
}

function makeNavPointHi(index){
	$(".navPoint").eq(index).css("color","#FF0000").find(".tabArrow").attr("src","img/tabopen_arrow.gif");
}

function makeNavPointLo(index){
	$(".navPoint").eq(index).css("color","#000000").find(".tabArrow").attr("src","img/tabopen_line.gif");
}