var counter = 0;
var timer;
var lastOpen;
var step = 4;
var max = 200;
var opacity = 0;
var op = 0;

var opacitycounter = 0;
var myTimer =0;

function showSubmenu(id){

    if (lastOpen != id && document.getElementById('submenu'+lastOpen)){
        document.getElementById('submenu'+lastOpen).style.visibility ='hidden';
        document.getElementById('submenuul' + lastOpen).style.visibility='hidden';
    }
    if (!document.getElementById('submenu' + id) || (document.getElementById('submenuul' +id) && document.getElementById('submenuul'+id).style.visibility == 'visible')){
        return;
    }
    if (timer){
        window.clearInterval(timer);
        timer = false;
    }
    div = document.getElementById('submenu'+id);
    div.style.visibility ='visible';
    div.style.overflow = 'hidden';
    div.style.height = "0px";
    counter = 0;
    op = 0;
    table = document.getElementById('submenuul' +id);
    table.style.visibility = 'visible';
    setMyOpacity(table, 0);
    timer = window.setInterval("resizeSubMenu(div,table)", 10);
    lastOpen = id;
}

function closeSubmenu(){
    if (lastOpen && document.getElementById('submenu'+lastOpen)){
        document.getElementById('submenu' +lastOpen).style.visibility ='hidden';
        document.getElementById('submenuul' +lastOpen).style.visibility = 'hidden';
    }
}

function resizeSubMenu(div,table){
    height = parseInt(div.style.height);
    counter += step;
    op += 1.9;
    if (height <= max){
        div.style.height = height + step + "px";
        setMyOpacity(table, op);
    }
    if (counter >= max){
        window.clearInterval(timer);
        timer = false;
    };
}

function setMyOpacity(div, value){
    if (value < 100){
        div.style.opacity = value/10;
        div.style.filter = 'alpha(opacity=' + value*9/10 + ')';
        div.style.MozOpacity= value/100;
    }
}

/*
function showContent(id){
	div = document.getElementById(id);
	if (div.style.visibility == 'visible'){
		div.style.visibility = 'hidden'
		return false;
	}
	try{
		window.clearInterval(mytimer);
		} catch (e){}
	document.getElementById('content1').style.visibility ='hidden';
	document.getElementById('content2').style.visibility ='hidden';
	document.getElementById('content3').style.visibility ='hidden';
	div.style.visibility ='hidden';
	setMyOpacity(div, 0);
	div.style.display='block';
	valuetop = 610 - div.offsetHeight;
	fensterbreite = document.body.clientWidth ? document.body.clientWidth : window.innerWidth;
	valueleft = (fensterbreite / 2) - (div.offsetWidth / 2);
	div.style.left = valueleft +"px";
	div.style.top = valuetop + "px";
	div.style.visibility ='visible';
	opacitycounter = 0;
	fadeIn(div);

}

var bottomOpen;
*/

function deselectAll(){
    try{
        if ($$('li.act'))
            $$('li.act').each(function(el){
                el.className=''
                });
    }catch(e){}
}

var isRunning = false;

function switchContent(artid, sender){
    if (isRunning)
        return;
    isRunning = true;
    deselectAll();

    //if (sender.ancestors())
    //	sender.ancestors()[0].className = 'act';
    $('menuitem'+artid).className='act';
    newdiv ='contentbottom1';
    $(newdiv).style.display='none';
    new Ajax.Request('index.php',
    {
        method:'get',
        parameters:{
            id:artid,
            T:3
        },
        onSuccess: function(transport){
            var response = transport.responseText || '';
            $(newdiv).style.position='absolute';
            $('preloaddiv').innerHTML = response;
            response = response + "<div id='closecontentbottom'>^</div>";
            if (newdiv =='contentbottom1')
                $(newdiv).style.height = $$('table.contenttable')[0].offsetHeight;
            $(newdiv).innerHTML = response;

            $('closecontentbottom').observe('click', function(event){
                new Effect.Parallel([
                    new Effect.BlindUp(newdiv, {
                        sync:true
                    }),
                    new Effect.Opacity(newdiv, {
                        sync:true,
                        from:1,
                        to:0
                    })], {
                        duration: 0.8,
                        delay:0.5,
                        afterFinishInternal:function(){
                            deselectAll();
                        }
                    });
            });

        new Effect.Parallel([
            new Effect.BlindDown(newdiv, {
                sync:true
            }),
            new Effect.Opacity(newdiv, {
                sync:true,
                from:0,
                to:1
            })], {
                afterFinishInternal:function() {
                    isRunning = false;
                }
            })
    }
});
return false;
}


function fadeIn(div){
    mytimer = window.setInterval("changeOpacity(div, opacitycounter)", 10);
}

function changeOpacity(div){
    opacitycounter += 8;
    setMyOpacity(div, opacitycounter);

    if (opacitycounter > 100){
        window.clearInterval(mytimer);
    }
}


function getContent(artid, sender){
    if (isRunning)
        return false;
    deselectAll();
    changeContent(artid, 'newcontent', 'contentdiv',2);
    sender.parentNode.className='act';
    document.title = sender.innerHTML.toUpperCase();
}

function changeContent(artid, newdiv,origdiv,template){
    isRunning = true;
    $(newdiv).style.display='none';
    $('loading').style.display='block';
    zoomOut();
    new Ajax.Request('index.php',
    {
        method:'get',
        parameters:{
            id:artid,
            T:template
        },
        onComplete: function(transport){
            var response = transport.responseText || $('contentdiv').innerHTML;
            $(newdiv).style.position='absolute';
            new Effect.Parallel([
                new Effect.BlindDown(newdiv, {
                    beforeStartInternal: function() {
                        //$('preloaddiv').innerHTML = response;
                        if (newdiv =='contentbottom1')
                            $(newdiv).style.height = $$('table.contenttable')[0].offsetHeight;

                        $(newdiv).innerHTML = response;

                    },
                    afterFinishInternal: function(){

                        if (origdiv)
                            $(origdiv).innerHTML = response;
                        prepareImagesForZooming();
                        $('loading').style.display='none';
                    },
                    sync:true
                }), new Effect.Opacity(newdiv, {
                    sync:true,
                    from:0,
                    to:1
                })], {
                    afterFinishInternal:function(){
                        isRunning = false;
                    }
                });
    }
    });
try{
    event.stop();
    event.returnValue = false;
} catch(e){}
return false;
}


function prepareImagesForZooming(){
    setupZoom();

/*
	$$('#right img').each(function(el){
				el.pbsrc = el.up().href;
				el.up().href = '#';
				el.up().replace(el);
				el.observe('click', function (event){
							event.stop();
							PopEx(el, null, null, 600, null, 80, 'PopBoxImageLarge');
							PostPopProcessing();
							return false;
							}
					  )
					  });

	$$('#content-text a').each(function (el){
		if (el.href.search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) != -1){

			el.src = el.href;
			el.pbsrc = el.href;
			el.pbSrcNL = el.href;
			el.title='';
			el.alt ='';
			el.id = '';
			el.observe('click', function (event){
						event.stop();
						PopEx(getImage(el), null, null, 600, null, 140, 'PopBoxImageLarge');
						//Pop(getImage(el), 80, 'PopBoxImageLarge');
						PostPopProcessing();
					    }
			)
		}
	});
	*/
}

function getImage(el){
    image = document.createElement('img');
    image.alt = '',
    image.id ='';
    image.style.height = '0px';
    image.src = el.href;
    image.pbsrc = el.href;
    $('preloaddiv').appendChild(image);
    if (document.body.offsetWidth && image.offsetWidth > document.body.offsetWidth)
        image.style.width = document.body.offsetWidth -10 + 'px';
    return image;
}

function PostPopProcessing(obj){

    $$('img.PopBoxImageLarge').each(function (el){
        el.observe('click', function (event){
            Revert(el, 80, 'PopBoxImageSmall');
            return false;
        }
        )
    });
}

function PostRevertProcessing(obj){
//obj.style.position = 'relative';
}