var speed = 1;
var timer;
var metatest = 1;
var k = 1;
var p = 1;

function over(pkt)
{
if(metatest == 1)
{
punkt = pkt;
document.getElementById('white').style.display = 'block';
document.getElementById('link_' + punkt).style.display = 'block';

var con_width = document.getElementById('con_' + punkt).offsetWidth;
var link_width = document.getElementById('link_' + punkt).offsetWidth;
var tbl_width = document.getElementById('table').offsetWidth;

minus = link_width - con_width;
minus = minus / 2;
//minus = Math.round(minus);

var left = document.getElementById('con_' + punkt).offsetLeft;

document.getElementById('link_' + punkt).style.marginLeft = - tbl_width / 2 + left + 'px';

if(con_width > link_width)
{
document.getElementById('link_' + punkt).style.width = con_width + 'px';
}
else
{
document.getElementById('link_' + punkt).style.width = link_width + 'px';
}
///
var box_width = document.getElementById('box_' + punkt).offsetWidth;
var box_height = document.getElementById('box_' + punkt).offsetHeight;

document.getElementById('box_bg_' + punkt).style.height = box_height + 'px';
document.getElementById('box_bg_' + punkt).style.width = box_width + 'px';


opacity = document.getElementById('con_white').style.opacity;
//opacity = opacity;
speed = 1;
speed2 = 1;
if(opacity == 0 || typeof(opacity) == "undefined")
{
y = 1;
setTimeout("fade_out()", 100);
}
clearTimeout(timer);

}
}

////////////////////////////////////////////////////////////////////////////////
function test()
{
if(speed2 == 2)
{
speed = 2;
}
}
////////////////////////////////////////////////////////////////////////////////
var speed2 = 2;

function out()
{
speed2 = 2;

if(metatest == 1)
{
setTimeout("test()", 1000);
}
document.getElementById('white').style.display = 'none';

if(metatest == 1)
{
timer = setTimeout("fade_in1()", 1100);
}


p = 1;

while (p < 9) {

element = 'link_' + p;
document.getElementById(element).style.display = 'none';
p++;
}
}
////////////////////////////////////////////////////////////////////////////////

var y = 1;

function fade_out()
{
if(speed == 1)
{
q = y * 3;
z = q / 100;
document.getElementById('con_white').style.filter="alpha(opacity:" + q + ")"; 
document.getElementById('con_white').style.KHTMLOpacity=z; 
document.getElementById('con_white').style.MozOpacity=z; 
document.getElementById('con_white').style.opacity=z;

if(y < 21) 
{
setTimeout("fade_out2()", 1);
}
}
}

function fade_out2()
{
speed = 1;
y++;
y++;
if(y < 21) 
{
setTimeout("fade_out()", 1);
}
else
{
speed = 2;
}
}

////////////////////////////////////////////////////////////////////////////////
function fade_in1()
{
if(speed == 2)
{
setTimeout("fade_in()", 1);
}
}


function fade_in()
{
var opacity = document.getElementById('con_white').style.opacity
if(opacity > 0)
{
a = 1;
setTimeout("fade_in2()", 1);

}

}

function fade_in2()
{
b = 60 - (a * 3);
c = (b / 100);

document.getElementById('con_white').style.filter="alpha(opacity:" + b + ")"; 
document.getElementById('con_white').style.KHTMLOpacity=c; 
document.getElementById('con_white').style.MozOpacity=c; 
document.getElementById('con_white').style.opacity=c;

if(a < 21) 
{
setTimeout("fade_in3()", 1);
}
else
{
setTimeout("fade_ins()", 1);
}
}

function fade_in3()
{
a++;
a++;
a++;
if(a < 21) 
{
setTimeout("fade_in2()", 1);
}
else
{
setTimeout("fade_ins()", 1);
}
}

function fade_ins()
{
document.getElementById('con_white').style.filter="alpha(opacity:0)"; 
document.getElementById('con_white').style.KHTMLOpacity=0; 
document.getElementById('con_white').style.MozOpacity=0; 
document.getElementById('con_white').style.opacity=0;
}


