// JavaScript Document
jQuery(function($){


function Ztabs(Tid,TitleOn,Cont,M){

	var titles = $(Tid).children("h1");
	titles.css({cursor:"hand",cursor:"pointer"});
	$(Tid).css({position:"relative"});
	titles.css({position:"absolute",top:"0",zoom:"100%"});
	$(Tid).children("div").addClass(Cont).hide();
	$(Tid).children("div:first").show();
	if(!titles.hasClass(TitleOn)){
		$(Tid).children("h1:first").addClass(TitleOn);
	}
	titles.each(function(){
		$(this).bind("click",function(){
			titles.removeClass(TitleOn);
			$(this).addClass(TitleOn);
			$(Tid).children("div").hide();
			$(this).next("div").show()
		});
	});
	for(var i = 1;i < titles.length;i ++){
		$(titles[i]).css("left",$(titles[i-1]).offset().left - $(Tid).offset().left + $(titles[i-1]).width() + M + "px")
	}
}

Ztabs("#tabs","on","cont",28); //


function Addnav(ButtId,TabId){
	$(ButtId).click(function(){
		$(TabId).append("<h1>&nbsp;</h1><div>&nbsp;</div>");
		Ztabs("#tabs","on","cont",28);
	});
}

Addnav("#addnav","#tabs");


function Remnav(ButtId,TabId){
	$(ButtId).click(function(){
		if($(TabId).children("h1").length > 1){
			$(TabId).children("div:last").remove();
			$(TabId).children("h1:last").remove();
		}
		Ztabs("#tabs","on","cont",28);
	});
}

Remnav("#remnav","#tabs");

});