function show(element) {
    element.style.display = 'block';
}
function hide(element) {
    element.style.display = 'none';
}

//WebService.GetDiveSite
function ShowDiveSiteInfo(siteId) {
    show($get("imgLoading"));
    WebService.GetDiveSite(siteId, onGetDiveSiteComplete, onGetDiveSiteError);
}

function onGetDiveSiteComplete(result) {
    hide($get("imgLoading"));
    $get("divName").innerHTML = result.Name;
    $get("divDescription").innerHTML = result.Description;
    $get("imgDiveType").src = GetDiveTypeImage(result.DiveType);
    $get("divDiveType").innerHTML = result.LocalizedDiveType;
    $get("imgDepth").src = "images/map/icons/" + Math.floor(result.MaxDepth / 5) + ".gif";
    $get("divDepth").innerHTML = result.MinDepth != result.MaxDepth ? (result.MinDepth + ' - ' + result.MaxDepth + ' m') : (result.MaxDepth + ' m');
    $get("imgVisibility").src = "images/map/icons/" + Math.floor(result.MaxVisibility / 5) + ".gif";
    $get("divVisibility").innerHTML = result.MinVisibility != result.MaxVisibility ? (result.MinVisibility + ' - ' + result.MaxVisibility + ' m') : (result.MaxVisibility + ' m');
    //lens
    if (result.Lens == '')
        hide($get("divLensContainer"));
    else
        $get("divLens").innerHTML = result.Lens;
    //light
    if (result.Light == '')
        hide($get("divLightContainer"));
    else
        $get("divLight").innerHTML = result.Light;
    //filter

    $get("divFilter").innerHTML = result.Filter == true ? 'Yes' : 'No';

    // wreck data
    if (result.DiveType == "Wreck") {
        var wreckType = result.WreckType;
        if (wreckType != null && wreckType.length > 0) {
            $get("spanWreckType").innerHTML = wreckType;
            show($get("divWreckType"));
        }
        else
            hide($get("divWreckType"));

        var wreckLength = result.WreckLength;
        if (wreckLength != null) {
            $get("imgWreckLength").src = "images/map/icons/" + Math.floor(wreckLength / 15) + ".gif";
            $get("spanWreckLength").innerHTML = wreckLength + " m";
            show($get("divWreckLength"));
        }
        else
            hide($get("divWreckLength"));
    }
    else {
        hide($get("divWreckType"));
        hide($get("divWreckLength"));
    }
}

function onGetDiveSiteError(error) {
    hide($get("imgLoading"));
}

function GetDiveTypeImage(diveType) {
    switch (diveType) {
        case 'Island':
            diveType = 'Dropoff';
            break;
        case 'Offshore reef':
            diveType = 'Reef';
            break;
    }
    return "images/map/icons/" + diveType + ".gif";
}