function selectTab(elem, box) {
    tabContainer = document.getElementById('tabbar');
    menuItem = tabContainer.getElementsByTagName('a');
    boxItem = document.getElementsByTagName('div');
    boxToShow = document.getElementById(box);
    
    for(var i=0; i < menuItem.length; i++) { 					
        menuItem[i].className=""
    }
    for(var i=0; i < boxItem.length; i++) { 					
        if(boxItem[i].className.match(/(hotelDetailsBox)/)) { 
            boxItem[i].style.display="none"
        }
    }
    elem.className="active"
    boxToShow.style.display="block"
}

function showRoom(roomsNumber) {
    
    for(var i=2; i<4; i++) {
        
        id= 'room' + i;
        
        var element = document.getElementById(id);
        element.style.display = 'none';
    }
    
    for(var i=2; i<=roomsNumber; i++) {
        id= 'room' + i;
        var element = document.getElementById(id);
        element.style.display = "";
    }
}

function showRoomType() {
    var roomTypeSelect = document.forms['selectRoomType'].productId;
    
    for(i = 0; i < roomTypeSelect.options.length; i++) {
        id = roomTypeSelect.options[i].value;
        
        
        if(id != '-1')
            document.getElementById(id).style.display = 'none';
        
    }
    var element = document.getElementById(roomTypeSelect.options[roomTypeSelect.selectedIndex].value);
    element.style.display = "";
    
    var roomTypeSelect = document.forms['selectRoomType'].productId;
    
    document.forms['bookingForm'].productId.value = roomTypeSelect.value;
}


function showHideBox(idTitle, idBox, idBox2) {
    box = document.getElementById( idBox );
    box2 = document.getElementById( idBox2 );
    title = document.getElementById( idTitle );
    
    if ( box.className == 'boxClose') {
        box.className = 'boxOpen';
        box2.className = 'boxClose';
        title.className = 'titleOpen';
    }
    else {
        box.className = 'boxClose';
        box2.className = 'boxOpen';
        title.className = 'titleClose';
    }
}