var stepmapexport_bild_arr = new Array();

function stepmapexport_zeigeBild(url,bildnr,bildnrstr)
{
    var arrayPageSize = getPageSize();
    var arrayPageScroll = getPageScroll();

    var medialayerobj = document.getElementById('stepmapexport_medialayer');
    medialayerobj.style.width = (arrayPageSize[0] + 'px');
    medialayerobj.style.height = (arrayPageSize[1] + 'px');
    document.getElementById('mediaranddiv').style.marginTop = (arrayPageScroll[1] + 'px');

    var mediadivobj = document.getElementById('stepmapexport_mediadiv');
	var html = "<img src='"+url+"' style='border:none;'>";	
	html += "<div style='padding:8px 0 0px;text-align:center;font-size:11px;'>"
	      + "<img src='images/pfeil_grau_zurueck2.png' onmouseup='stepmapexport_zeigeBildNr("+(bildnr-1)+")' style='float:left;cursor:pointer;width:70px;height:15px;'>"
		  + "<img src='images/pfeil_grau_vor2.png' onmouseup='stepmapexport_zeigeBildNr("+(bildnr+1)+")' style='float:right;cursor:pointer;width:70px;height:15px;'>"
		  + bildnrstr
		  + "</div>";	
    mediadivobj.innerHTML = html;

    mediadivobj.style.display = 'block';
    medialayerobj.style.display = 'block';

}

function  stepmapexport_zeigeBildNr(i)
{
    if ((stepmapexport_bild_arr[i] != "") && (i >= 0) && (i < stepmapexport_bild_arr.length))
    {
		stepmapexport_zeigeBild( stepmapexport_bild_arr[i], i, '<nobr>Bild '+(i+1)+' von '+stepmapexport_bild_arr.length+'</nobr>');
    }
}

function cancelBubble(evt)
{
    var e = (evt) ? evt : window.event;
	e.cancelBubble = true;     
}

function stepmapexport_closeMediaLayer()
{
    document.getElementById('stepmapexport_medialayer').style.display = 'none';
    document.getElementById('stepmapexport_mediadiv').innerHTML = '';
    document.getElementById('stepmapexport_mediadiv').style.display = 'none';
    mediaansichtmedium = '';
}

function stepmapexport_zeigePunktInfo(i,px,py,zufcode,absusermapsdir)
{
    var px = eval(punktData[i]["punktposx"])+15;
    var py = eval(punktData[i]["punktposy"])-20;	
    
    if ((punktData[i]["punkttitel"] != "") && (punktData[i]["punktart"] == "0"))
    {
        var textobj = document.getElementById('text'+i);
        px += textobj.offsetLeft + Math.round(textobj.offsetWidth/2);
        py += textobj.offsetTop + Math.round(textobj.offsetHeight/2);
    }
    
    document.getElementById('stepmap_punkttitel_'+zufcode).innerHTML = punktData[i]['punkttitel'];
    
    var obj = document.getElementById('stepmap_punktbeschreibung_'+zufcode);
    var s = punktData[i]['punktbeschreibung'];
    if (s != '')
    {        
        obj.innerHTML = s;
        if (s.length > 250)
        { obj.style.height = '100px'; obj.style.overflow = 'scroll'; }
        else
        { obj.style.height = ''; obj.style.overflow = 'hidden'; }
        obj.style.display = 'block';
    }
    else
        obj.style.display = 'none';
        
    var obj = document.getElementById('stepmap_punktlink_'+zufcode);
    var s = punktData[i]['punktlinkurl'];
    if (s != '')
    {        
        obj.innerHTML = '<a href="'+s+'" target="'+punktData[i]['punktlinkfenster']+'">'+punktData[i]['punktlinkhinweis']+'</a>';
        obj.style.display = 'block';
    }
    else
        obj.style.display = 'none';
                
    obj = document.getElementById('stepmap_punktbilder_'+zufcode);
    s = punktData[i]['punktbilddateien']; 
	stepmapexport_bild_arr = new Array();
    if (s != '')
    {
        var res = s.split('\n');
        if ((res) && (res.length > 0) && (res[res.length-1] == '')) res.pop();
        var html = '';
        for (var c=0;c<res.length;c++)
        {
            var res2 = res[c].match(/(.*punkt_)(.*)(\..*)$/i);
            var urlgr = absusermapsdir+'/'+res[c];
            var urlkl = absusermapsdir+'/'+res2[1]+res2[2]+'_klein'+res2[3];
			stepmapexport_bild_arr.push(urlgr);
            html += "<img src='"+urlkl+"' style='width:80px;height:80px;border:0;margin:0 6px 6px 0;cursor:pointer;' onclick='stepmapexport_zeigeBildNr("+c+")'>";
        }
        obj.innerHTML = html;
        if (c > 3) 
        { obj.style.height = '102px'; obj.style.overflow = 'scroll'; obj.style.marginBottom = '6px'; }
        else 
        { obj.style.height = ''; obj.style.overflow = ''; obj.style.marginBottom = ''; }
        obj.style.display = 'block';
    }
    else
        obj.style.display = 'none';
    obj = document.getElementById('stepmap_punktinfo_'+zufcode);
    obj.style.left = px+'px';
    obj.style.top  = py+'px';
	obj.style.display = 'block';
}

function stepmapexport_schliessePunktInfo(zufcode)
{
    document.getElementById('stepmap_punktinfo_'+zufcode).style.display = 'none';
}

document.write("<div id='stepmapexport_medialayer' onmouseup='stepmapexport_closeMediaLayer()'  style='display:none;z-index:9995;position:absolute;left:0px;top:0x;width:100%;background:url(http://www.stepmap.de/images/transgrau.png);padding-top:20px;'><table style='width:100%;' cellpadding='0' cellspacing='0'><tr><td style='width:50%;'>&nbsp;</td><td><div id='mediaranddiv' onmouseup='cancelBubble(event)' style='padding:15px;border:4px solid #525252;background:#ffffff;'><div style='width:100%;text-align:right;'><img src='http://www.stepmap.de/images/schliessen2.png' onmouseup='stepmapexport_closeMediaLayer()' style='width:76px;heigth:18px;margin-bottom:2px;cursor:pointer;'></div><div id='stepmapexport_mediadiv'></div></div></td><td style='width:50%;'>&nbsp;</td></tr></table></div>");