var desc = document.getElementById('h_desc');

function mseOvr(id) {
    var img = document.getElementById(id);
    switch(id) {
        case 'btn_home':
            img.src = "images/btn_home_y.gif";
            break;
        case 'btn_plat':
            img.src = "images/btn_plat_y.gif";
            break;
        case 'btn_amen':
            img.src = "images/btn_amenities_y.gif";
            break;
        case 'btn_hs':
            img.src = "images/btn_homesite_y.gif";
            break;
        case 'btn_la':
            img.src = "images/btn_Lot_y.gif";
            break;
        case 'btn_dir':
            img.src = "images/btn_directions_y.gif";
            break;
        case 'btn_info':
            img.src = "images/btn_information_y.gif";
            break;
        case 'btn_dl':
            img.src = "images/btn_downloads_y.gif";
            break;
        case 'btn_cu':
            img.src = "images/btn_contact_y.gif";
            break;
        case 'h1':
            img.src = "images/house1_L.jpg";
            break;
        case 'h2':
            img.src = "images/house2_L.jpg";
            break;
        case 'h3':
            img.src = "images/house3_L.jpg";
            break;
        case 'h4':
            img.src = "images/house4_L.jpg";
            break;
        
    }
    
}

function mseOut(id) {
    var img = document.getElementById(id);
    switch(id) {
        case 'btn_home':
            img.src = "images/btn_home_b.gif";
            break;
        case 'btn_plat':
            img.src = "images/btn_plat_b.gif";
            break;
        case 'btn_amen':
            img.src = "images/btn_amenities_b.gif";
            break;
        case 'btn_hs':
            img.src = "images/btn_homesite_b.gif";
            break;
        case 'btn_la':
            img.src = "images/btn_Lot_b.gif";
            break;
        case 'btn_dir':
            img.src = "images/btn_directions_b.gif";
            break;
        case 'btn_info':
            img.src = "images/btn_information_b.gif";
            break;
        case 'btn_dl':
            img.src = "images/btn_downloads_b.gif";
            break;
        case 'btn_cu':
            img.src = "images/btn_contact_b.gif";
            break;
        case 'h1':
            img.src = "images/house1_d.jpg";
            break;
        case 'h2':
            img.src = "images/house2_d.jpg";
            break;
        case 'h3':
            img.src = "images/house3_d.jpg";
            break;
        case 'h4':
            img.src = "images/house4_d.jpg";
            break;
    }
}


function changeDesc(id) {
    var chat = document.getElementById('chateau_desc').style;
    var manor = document.getElementById('manor_desc').style;
    var mansion = document.getElementById('mansion_desc').style;
    var estate = document.getElementById('estate_desc').style;
    switch(id) {
        case 1:
            //alert("got here");
            chat.visibility = "visible";
            chat.display = "block";
            manor.visibility = "hidden";
            manor.display = "none";
            mansion.visibility = "hidden";
            mansion.display = "none";
            estate.visibility = "hidden";
            estate.display = "none";
            break;
        case 2:
            chat.visibility = "hidden";
            chat.display = "none";
            manor.visibility = "visible";
            manor.display = "block";
            mansion.visibility = "hidden";
            mansion.display = "none";
            estate.visibility = "hidden";
            estate.display = "none";
            break; 
        case 3:
            chat.visibility = "hidden";
            chat.display = "none";
            manor.visibility = "hidden";
            manor.display = "none";
            mansion.visibility = "visible";
            mansion.display = "block";
            estate.visibility = "hidden";
            estate.display = "none";
            break;
        case 4:
            chat.visibility = "hidden";
            chat.display = "none";
            manor.visibility = "hidden";
            manor.display = "none";
            mansion.visibility = "hidden";
            mansion.display = "none";
            estate.visibility = "visible";
            estate.display = "block";
            break;
    }
}

function showArea(id) {
    var chatOverlay = document.getElementById('chat_overlay').style;
    var manorOverlay = document.getElementById('manor_overlay').style;
    var mansionOverlay = document.getElementById('mansion_overlay').style;
    var estOverlay = document.getElementById('est_overlay').style;
    
    switch(id) {
        case 1:
            //alert("got here");
            chatOverlay.visibility = "visible";
            chatOverlay.display = "block";
            manorOverlay.visibility = "hidden";
            manorOverlay.display = "none";
            mansionOverlay.visibility = "hidden";
            mansionOverlay.display = "none";
            estOverlay.visibility = "hidden";
            estOverlay.display = "none";
            break;
        case 2:
            chatOverlay.visibility = "hidden";
            chatOverlay.display = "none";
            manorOverlay.visibility = "visible";
            manorOverlay.display = "block";
            mansionOverlay.visibility = "hidden";
            mansionOverlay.display = "none";
            estOverlay.visibility = "hidden";
            estOverlay.display = "none";
            break; 
        case 3:
            chatOverlay.visibility = "hidden";
            chatOverlay.display = "none";
            manorOverlay.visibility = "hidden";
            manorOverlay.display = "none";
            mansionOverlay.visibility = "visible";
            mansionOverlay.display = "block";
            estOverlay.visibility = "hidden";
            estOverlay.display = "none";
            break;
        case 4:
            chatOverlay.visibility = "hidden";
            chatOverlay.display = "none";
            manorOverlay.visibility = "hidden";
            manorOverlay.display = "none";
            mansionOverlay.visibility = "hidden";
            mansionOverlay.display = "none";
            estOverlay.visibility = "visible";
            estOverlay.display = "block";
            break;
    }
}