var isHidden = new Array(4); //http://dev.cadera-design.de/typo3conf/ext/cadera_layout/img/treeArrowClosed.png
isHidden[0] = false;
isHidden[1] = false;
isHidden[2] = false;
isHidden[3] = false; 
		
$(document).ready(function(){
    $('.sitemapLevel3').hide();
    
		$('.sitemapLevel2 a:visible').eq(0).before('<span id="tree1" class="treeClosed1">&nbsp;&nbsp;&nbsp;&nbsp;</span>');
	    $('.sitemapLevel2 a:visible').eq(1).before('<span id="tree2" class="treeClosed2">&nbsp;&nbsp;&nbsp;&nbsp;</span>');
		$('.sitemapLevel2 a:visible').eq(2).before('<span id="tree3" class="treeClosed3">&nbsp;&nbsp;&nbsp;&nbsp;</span>');
		$('.sitemapLevel2 a:visible').eq(3).before('<span id="tree4" class="treeClosed4">&nbsp;&nbsp;&nbsp;&nbsp;</span>');
		
		$('.sitemapLevel2 a:visible').eq(0).bind('click', function(event){
            if (isHidden[0] == false) {
				$('#tree1').removeClass('treeClosed1').addClass('treeOpen1');
                $(this).next().show();
                isHidden[0] = true;
                return false;
            }
            else {
				$('#tree1').removeClass('treeOpen1').addClass('treeClosed1');
				$(this).next().hide();
                isHidden[0] = false;
                return false;
            }
        });

		$('.sitemapLevel2 a:visible').eq(1).bind('click', function(event){
            if (isHidden[1] == false) {
				$('#tree2').removeClass('treeClosed2').addClass('treeOpen2');
                $(this).next().show();
                isHidden[1] = true;
                return false;
            }
            else {
				$('#tree2').removeClass('treeOpen2').addClass('treeClosed2');
				$(this).next().hide();
                isHidden[1] = false;
                return false;
            }
        });
		
		$('.sitemapLevel2 a:visible').eq(2).bind('click', function(event){
            if (isHidden[2] == false) {
				$('#tree3').removeClass('treeClosed3').addClass('treeOpen3');
                $(this).next().show();
                isHidden[2] = true;
                return false;
            }
            else {
				$('#tree3').removeClass('treeOpen3').addClass('treeClosed3');
				$(this).next().hide();
                isHidden[2] = false;
                return false;
            }
        });
		
		$('.sitemapLevel2 a:visible').eq(3).bind('click', function(event){
            if (isHidden[3] == false) {
				$('#tree4').removeClass('treeClosed4').addClass('treeOpen4');
                $(this).next().show();
                isHidden[3] = true;
                return false;
            }
            else {
				$('#tree4').removeClass('treeOpen4').addClass('treeClosed4');
				$(this).next().hide();
                isHidden[3] = false;
                return false;
            }
        });
});