window.onload = initAll;
var ajax = false;
var xPos;
var yPos;

function initAll()
{    
    var linkovi = document.getElementById('linkovi');
    
    if(linkovi)
    {
        var allLinks = linkovi.getElementsByTagName('a');
        
        for(var i=0; i < allLinks.length; i++)
        {
            allLinks[i].onmouseover = showPrev;
            allLinks[i].onmouseout = hidePrev;
        }
    }
}

function showPrev(evt) 
{
    var url;

    if(evt)
    {
        url = evt.target; 
    } 
    else
    {
        evt = window.event;
        url = evt.srcElement;
    }
    
    xPos = evt.clientX;
    yPos = evt.clientY;
    
    if(window.XMLHttpRequest)
    {
        ajax = new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    {
        ajax = new ActiveXObject("Microsoft.XMLHTTP");
    }

    url = getImageUrlFromUrl(url.href);
    
    if(ajax)
    {
        ajax.onreadystatechange = showContents;
        ajax.open("GET", url, true);
        ajax.send(null);
    }
}

function getImageUrlFromUrl(url) 
{
    var i = url.lastIndexOf('/');
    var host = url.substring(0, i) + '/Maps/';

    if (url.indexOf('r-Peljesac') != -1) {
        return host + '1.html';
    }
    else if (url.indexOf('r-Hvar') != -1) {
        return host + '2.html';
    }
    else if (url.indexOf('r-Dubrovnik') != -1) {
        return host + '3.html';
    }
    else if (url.indexOf('r-Makarska') != -1) {
        return host + '4.html';
    }
    else if (url.indexOf('r-Split') != -1) {
        return host + '5.html';
    }
    else if (url.indexOf('r-Trogir') != -1) {
        return host + '6.html';
    }
    else if (url.indexOf('r-Primosten') != -1) {
        return host + '7.html';
    }
    else if (url.indexOf('r-Sibenik') != -1) {
        return host + '8.html';
    }
    else if (url.indexOf('r-Zadar') != -1) {
        return host + '9.html';
    }
    else if (url.indexOf('r-Korcula') != -1) {
        return host + '10.html';
    }
    else if (url.indexOf('r-Brac') != -1) {
        return host + '11.html';
    }
    else if (url.indexOf('r-Solta') != -1) {
        return host + '12.html';
    }
    else if (url.indexOf('r-Vis') != -1) {
        return host + '13.html';
    }
    else if (url.indexOf('r-Lastovo') != -1) {
        return host + '14.html';
    }
    else if (url.indexOf('r-Istra') != -1) {
        return host + '16.html';
    }
    else if (url.indexOf('r-Kvarner%20Islands') != -1) {
        return host + '17.html';
    }
    else if (url.indexOf('r-Kvarner%20Riviera') != -1) {
        return host + '18.html';
    }
    else if (url.indexOf('r-Northern') != -1) {
        return host + '19.html';
    }
    else if (url.indexOf('r-Continental') != -1) {
        return host + '22.html';
    }
}

function scrollTop()
{
    var tops = document.body.scrollTop;

    if (tops == 0)
    {
        if (window.pageYOffset)
            tops = window.pageYOffset;
        else
            tops = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
    }
    
    return tops;
}

function showContents()
{
    if(ajax.readyState == 4)
    {
        if(ajax.status == 200)
        {
            var text = ajax.responseText; 
        }
        else
        {
            var text = 'Ne postoji mapa';
        }
    }
    
    if(text)
    {     
        var prev = document.getElementById('preview');
        
        if(prev)
        {
            prev.innerHTML = text;
            prev.style.left = '344px'; //parseInt(xPos) + 10 + 'px';
            //prev.style.top = '35px'; // parseInt(yPos) + scrollTop() + 10 + 'px';
            prev.style.top = '350px'; // parseInt(yPos) + scrollTop() + 10 + 'px';
            prev.style.visibility = 'visible';
            prev.style.position = 'absolute';
        }
    }
}

function hidePrev(evt)
{
    var prev = document.getElementById('preview');
        
    if(prev)
    {
        prev.style.visibility = 'hidden';
    }
}