function showInfo(layer, code, element) {
    
    if($('info_layer').visible()) {
        hideInfo();
    }

    new Ajax.Updater('info_layer', '/produkte/' + layer + '/p/' + code );

    setTimeout("new Effect.Appear($('info_layer'), {duration: 0.3});", 300);
    
    addClass(element, 'active');
}

function hideInfo() {
    new Effect.Fade($('info_layer'), {
        duration:0.1
    });
    removeActive('links');
}

function ShowUploadLayer() {
	
	hgesamt = document.getElementById('page').offsetHeight;

    var arrayPageSize = document.viewport.getDimensions();
    $('uploadlayer_overlay').setStyle({
        width: arrayPageSize.width + 'px',
        height: hgesamt + 'px'
    });
    
    new Effect.Appear($('uploadlayer_overlay'), {
        duration: 0.2,
        from: 0.0,
        to: 0.6
    });
    
    $('uploadlayer').setStyle({
        left: parseInt((document.viewport.getWidth()-300)/2)+'px',
        top: parseInt(200)+'px'
    });


    new Effect.Appear($('uploadlayer'), {
        duration: 0.2
    });

}

function OpenLayer(path) {
    var layer_width = 1000;

    //an den anfang der Seite springen
    self.scrollTo(0,0);

    hgesamt = document.getElementById('cms_page').offsetHeight;

    var arrayPageSize = document.viewport.getDimensions();
    $('my_overlay').setStyle({
        width: arrayPageSize.width + 'px',
        height: hgesamt + 'px'
    });
    $('my_overlay').observe('click', function() {
        CloseLayer();
    });

    new Effect.Appear($('my_overlay'), {
        duration: 0.2,
        from: 0.0,
        to: 0.6
    });

    new Ajax.Updater('pop', path);

    $('pop').setStyle({
        left: parseInt((document.viewport.getWidth()-layer_width)/2)+'px',
        top: parseInt(100)+'px'
    });


    new Effect.Appear($('pop'), {
        duration: 0.2
    });
}

function CloseLayer() {
    setTimeout("$('pop').hide()", 1000);
    new Effect.Fade($('my_overlay'), {
        duration: 0.2,
        delay:0.5
    });
}

function OpenKarte() {
    var layer_width = 1000;
    //an den anfang der Seite springen
    self.scrollTo(0,0);

    hgesamt = document.getElementById('cms_page').offsetHeight;

    var arrayPageSize = document.viewport.getDimensions();
    $('my_overlay').setStyle({
        width: arrayPageSize.width + 'px',
        height: hgesamt + 'px'
    });
    $('my_overlay').observe('click', function() {
        CloseKarte();
    });

    new Effect.Appear($('my_overlay'), {
        duration: 0.2,
        from: 0.0,
        to: 0.6
    });

    $('karte').setStyle({
        left: parseInt((document.viewport.getWidth()-layer_width)/2)+'px',
        top: parseInt(50)+'px'
    });


    new Effect.Appear($('karte'), {
        duration: 0.2
    });

    setTimeout('init_large_map();', 1000);
}

function CloseKarte() {
    new Effect.Fade($('karte'), {
        duration: 0.2
    });
    new Effect.Fade($('my_overlay'), {
        duration: 0.2
    });
}