// JavaScript Document
jQuery(function($){

function Ztabs(Tid,TitleOn,Cont,M){
	var titles = $(Tid).children("h2");
	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("h2: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("<h2>new title</h2><div>new content</div>");
		Ztabs("#tabs","on","cont",28);
	});
}

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

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

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

});