var timerID;



function openHotelCards(){
    if(document.getElementById('bigmap')){
    var bigmap = document.getElementById('bigmap');
    var divs = bigmap.getElementsByTagName('div');
    for(var foo = 0; foo < divs.length; foo++){

    if(class_handler.has(divs[foo],'staron')){
    var as = divs[foo].getElementsByTagName('a');
    for(var i = 0; i < as.length; i++){
    splits = divs[foo].id.split('-');
    var cislo = splits[1];
    as[i].number  = cislo;
    as[i].onmouseover = showCard;
    as[i].onmouseout = wait;
    as[i].onclick = showCard;
    }
    }

    if(class_handler.has(divs[foo],'infohotel')){
    splits = divs[foo].id.split('-');
    var cislo = splits[1];

    divs[foo].number = cislo;
    divs[foo].onmouseover = showCard;
    divs[foo].onmouseout = wait;

    var h3s = divs[foo].getElementsByTagName('h3');
    for(var x = 0; x < h3s.length; x++){
    h3s[x].number = cislo;
    h3s[x].style.onmouseover = showCard;

    }

    var ps = divs[foo].getElementsByTagName('p');
    for(var y = 0; y < ps.length; y++){
    ps[y].number = cislo;
    ps[y].style.onmouseover = showCard;

    }

    var as = divs[foo].getElementsByTagName('a');
    for(var z = 0; z < as.length; z++){
    as[z].number = cislo;
    as[z].style.onmouseover = showCard;

    }

    var imgs = divs[foo].getElementsByTagName('img');
    for(var w = 0; w < imgs.length; w++){
    imgs[w].number = cislo;
    imgs[w].style.onmouseover = showCard;

    }

    }
    }
    }
}


function wait(nr){
 timerID = setTimeout('overCard()',400);
}

function showCard(){
    var bigmap = document.getElementById('bigmap');
    var divs = bigmap.getElementsByTagName('div');
    for(var foo = 0; foo < divs.length; foo++){
    if(class_handler.has(divs[foo],'infohotel')){
    splits = divs[foo].id.split('-');
    var cislo = splits[1];
    if(cislo == this.number){
    divs[foo].style.display = 'block';
    }
    else{
    divs[foo].style.display = 'none';
    }
    }
    }
    clearTimeout(timerID);
    return false;
}

function overCard(){
    var bigmap = document.getElementById('bigmap');
    var divs = bigmap.getElementsByTagName('div');
    for(var foo = 0; foo < divs.length; foo++){
    if(class_handler.has(divs[foo],'infohotel')){
    if(divs[foo].style.display == 'block'){
    divs[foo].style.display = 'none';
    }
    }
    }
    return false;
}