$(document).ready(function(){
	var temp = $("ul#details").attr("class").indexOf("detailbox");
	var sBoxNum = $("ul#details").attr("class").slice(temp + 9);
	if (sBoxNum == "") sBoxNum = "0";
        var iNextBoxNum = parseInt(sBoxNum) + 1;
	//close all tabs
	$("ul#details > li.section .sectionContent").not(".first .sectionContent").hide();
	//open tab with class name: "detailbox" + iBoxNum

	$("ul#details > li.section .sectionContent").not(".first .sectionContent").slice(sBoxNum, iNextBoxNum).show().parent().removeClass('closed');
    $("ul#details > li.section > h2 > span > a").click(function(event){
        event.stopPropagation();
    });

    $("ul#details > li.section > h2 > span").click(function(event){
        $(this).parents('li.section').toggleClass('closed');
        $(this).parent().nextAll(".sectionContent").slideToggle("slow");
    });

    $("ul#tabTeaserList > li").removeClass("active").hover(function(){
            $(this).addClass("active").siblings("li").removeClass("active");
        },
        function(){
            $(this).removeClass("active");
        }
    );
});