iSelectedProductID  = null;
iSelectedOffice     = null;

function ShowProductName(sProdutName) {
    $('#ImagineSelectedProduct').html(sProdutName);
}

function HideProductName() {
    ShowProductName(' ');
}

function ShowOfficeName(sProdutName) {
    $('#ImagineSelectedOffice').html(sProdutName);
}

function HideOfficeName() {
    ShowOfficeName(' ');
}

function SelectProduct(iProductID) {
    $('.ImagineProduct_Seat img').css("border-color", "#fff");
    $('#Product_' + iProductID + ' img').css("border-color", "#666");

    iSelectedProductID = iProductID;
    _UpdateView();
}

function SelectOffice(iProductID) {
    $('.ImagineProduct_Office img').css("border-color", "#fff");
    $('#Office_' + iProductID + ' img').css("border-color", "#666");

    iSelectedOffice = iProductID;
    _UpdateView();
}

function _UpdateView() {
    if(iSelectedProductID != null && iSelectedOffice != null) {
        $('#ImagineScenePicture').attr('src', './AvailableProducts/' + iSelectedProductID + '/Pictures/' + iSelectedOffice + '.jpg');
    }
}