I am working on console app where we are getting case details, From the image: their is a section on left hand side name as
Case Navigation which a VF Page, I want to use the section to navigate into page detail section and also it should point to the particular section of case details section let say details, I have tried every thing to achive this, but their is no sucess, It would be helpful for me if someone can give me idea for the problem Thank You 

MY VF Page  Code

<apex:page standardController="Case">
    
    <apex:includeScript value="/support/console/26.0/integration.js"/>
    <apex:includeScript value="/soap/ajax/26.0/connection.js"/>
    <!-- Javascript For Navigation-->
    <script>
    
    var CaseID;
    var subTAB;
    
    function openNewSubtab() {
       
        sforce.console.getFocusedPrimaryTabObjectId(showObjectId);
        sforce.connection.sessionId = '{!$Api.Session_ID}';
        if (sforce.console.isInConsole()) { 
            sforce.console.getEnclosingPrimaryTabId(openSubtabs);
            sforce.console.getFocusedSubtabId(showTabId);
        }
    }
    
    var openSubtabs = function openSubtabs(result) {
        console.log(result.id);
        sforce.console.openSubtab(result.id,'/',false,'PR Contact 1',null);
        
    };  
    
    var showObjectId = function showObjectId(result) {
        //Display the object ID
        //alert('Object ID: ' + result.id);
        console.log(result.id);
        caseID= result.id;
    };
    
    var showTabId = function showTabId(result) {
        // Display the tab ID
        subTAB = result.id;
        console.log(result.id);
        //alert ('Tab ID: ' + result.id);
        //sforce.console.closeTab(subTAB);
        
    };
    
    </script>
    
    <apex:form >
        <apex:commandButton value="Navigate" onclick="openNewSubtab();"/>
    </apex:form>
</apex:page>