$(function(){
	$('.box_head').click(function(){
		idelem = $(this).attr('id');
		idelemdiv = idelem.replace('boxhead_', 'box_');
		$('#'+idelemdiv).slideToggle("normal");
		change_boximage(idelem);
	});

	$('.box_head').hover(
		function() { $(this).css('cursor', 'pointer'); },
		function() { $(this).css('cursor', 'default'); }
	);
});

function change_boximage(elem){
	src = $('#'+elem).attr('src');
	if (src.indexOf("_open") >= 0){
		src = src.replace('_open', '_close');
	} else {
		src = src.replace('_close', '_open');
	}
	src = $('#'+elem).attr('src', src);
}


document.fadeinElementById = function(id) {
    var ie      = document.all? 1:0 ;
    var el      = this.getElementById(id);
    var fade    = (typeof arguments[1] == 'number') ? arguments[1] : false;
    var fadeDir = arguments[2] ? arguments[2] : false;

    
    if (fadeDir == false) {
        fadeDir = +1;
    }
    
    if (ie) {
        document.all[id].style.display=(document.all[id].style.display == 'block') ? 'none' : 'block';
    } else {
        if (fadeDir > 0) {
            el.style.display = 'inline'; // ändern ->block
            fade = (fade !== false) ? fade + 0.1 : 0;
            if (fade > 1) {
                fade = 1;
                return;
            }
        }
        el.style.opacity = fade;
        el.style.filter  = 'Alpha(opacity=' + (fade * 100) + ')';
        setTimeout('document.fadeinElementById("' + id + '", ' + fade + ', ' + fadeDir + ');', 20);
    }

}
document.fadeoutElementById = function(id) {
    var ie      = document.all? 1:0 ;
    var el      = this.getElementById(id);
    var fade    = (typeof arguments[1] == 'number') ? arguments[1] : false;
    var fadeDir = arguments[2] ? arguments[2] : false;
 
    if (fadeDir == false) {
        fadeDir = -1;
    }
    if (ie) {
        document.all[id].style.display=(document.all[id].style.display == 'block') ? 'none' : 'block';
    } else {
        if (fadeDir < 0) {
            fade = fade ? fade - 0.1 : 1;
            if (fade < 0) {
                fade == 0;
                el.style.display = 'none';
                return;
            }
        }
        el.style.opacity = fade;
        el.style.filter  = 'Alpha(opacity=' + (fade * 100) + ')';
        setTimeout('document.fadeoutElementById("' + id + '", ' + fade + ', ' + fadeDir + ');', 20);
    }
}

document.fadeinblockElementById = function(id) {
    var ie      = document.all? 1:0 ;
    var el      = this.getElementById(id);
    var fade    = (typeof arguments[1] == 'number') ? arguments[1] : false;
    var fadeDir = arguments[2] ? arguments[2] : false;

    
    if (fadeDir == false) {
        fadeDir = +1;
    }
    
    if (ie) {
        document.all[id].style.display=(document.all[id].style.display == 'block') ? 'none' : 'block';
    } else {
        if (fadeDir > 0) {
            el.style.display = 'block';
            fade = (fade !== false) ? fade + 0.1 : 0;
            if (fade > 1) {
                fade = 1;
                return;
            }
        }
        el.style.opacity = fade;
        el.style.filter  = 'Alpha(opacity=' + (fade * 100) + ')';
        setTimeout('document.fadeinblockElementById("' + id + '", ' + fade + ', ' + fadeDir + ');', 20);
    }

}
document.fadeoutblockElementById = function(id) {
    var ie      = document.all? 1:0 ;
    var el      = this.getElementById(id);
    var fade    = (typeof arguments[1] == 'number') ? arguments[1] : false;
    var fadeDir = arguments[2] ? arguments[2] : false;
 
    if (fadeDir == false) {
        fadeDir = -1;
    }
    if (ie) {
        document.all[id].style.display=(document.all[id].style.display == 'block') ? 'none' : 'block';
    } else {
        if (fadeDir < 0) {
            fade = fade ? fade - 0.1 : 1;
            if (fade < 0) {
                fade == 0;
                el.style.display = 'none';
                return;
            }
        }
        el.style.opacity = fade;
        el.style.filter  = 'Alpha(opacity=' + (fade * 100) + ')';
        setTimeout('document.fadeoutblockElementById("' + id + '", ' + fade + ', ' + fadeDir + ');', 20);
    }
}

