/* This file is for CaseStudy.aspx screen 
    created by Lily on May 26, 2009 */

    var myRequest = getXMLHttpRequest();
          
    function getXMLHttpRequest(){
        var request = new XMLHttpRequest();
        return request;
    }
    
    window.dhtmlHistory.create();
    
    window.onload =  function() {        
        dhtmlHistory.initialize();        
        dhtmlHistory.addListener(historyChange);

     };
     
     /** Our callback to receive history change  events. */
     function historyChange(newLocation, historyData) {
       var id, isCompany,  StrCaseStudy;                    
       if (newLocation.charAt(0) =='c'){
            StrCaseStudy = newLocation.substring(2);
            var temp = new Array();
            temp = StrCaseStudy.split(":");
            //alert(temp.length);
            for (i=0; i <temp.length; i++){
                if (i==0){ id= temp[0];}
                if (i==1){ 
                    isCompany = temp[1];
                    if (isCompany.toLowerCase() === 'true'){
                            isCompany = true;
                        }
                        else {
                            isCompany = false;
                        }   
                  }
                if (i==2){ 
                    var parentID = temp[2];
                    if (document.getElementById("ctl00_LeftColumn_CompanyParentID")){
                         document.getElementById("ctl00_LeftColumn_CompanyParentID").value = parentID;
                    }
                 }
               }
                
          }      
          if (id > 0 ) {
            ToggleDisplaySub(id, isCompany);
            }
       }
    
         
    //for show and hide sub category
     function ToggleDisplaySub(id, isCompany){
        //current one
        CurrentID = parseInt(id);
        
        var Item= document.getElementsByTagName('input');
        var count = Item.length; 
        var CurrentElem = document.getElementById('sub'+CurrentID);
        //close all of the div except current one       
             for (i = 1; i < count; i++) {
                 var ID = Item[i].value;
                 if (ID > 0 && ID != CurrentID){
                    var Elem = document.getElementById('sub'+ID);
                    if (Elem){
                        Elem.style.display = 'none';
                        Elem.style.visibility = 'hidden';
                    }
                  }
               } 
             //looking for current item, open or close it
           if (CurrentElem){            
                if (CurrentElem.style.display == 'block'){
                    CurrentElem.style.display = 'none';
                    CurrentElem.style.visibility = 'hidden';

                }
                else {
                    CurrentElem.style.display = 'block';
                    CurrentElem.style.visibility = 'visible';
                }
            }
          //looking for current item parent div, open it for back button only
          else {
               var ParentElem = document.getElementById('parent'+CurrentID);
               if (ParentElem) { 
                    var parentDiv = document.getElementById('sub'+ParentElem.value);
                     if (parentDiv){
                        parentDiv.style.display = 'block';
                        parentDiv.style.visibility = 'visible';
                    }
               }
               else { // must be company's case study, for back button only
                    var CompanyDiv = document.getElementById('sub3');
                     if (CompanyDiv){
                        CompanyDiv.style.display = 'block';
                        CompanyDiv.style.visibility = 'visible';
                    }
               }
          }
               
        DisplayContent(CurrentID, isCompany);
        return false;
      }
      
          
       function DisplayContent(id, isCompany){
            changeStyleOnClick(id);
            myRequest.open("POST", 'CaseStudyContent.aspx', true);
            myRequest.onreadystatechange = handleCaseStudyResponse;
            myRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            myRequest.send ('value1=' + id +'&value2='+isCompany);                            
         }       
        
       function DisplayCompanyContent(id, isCompany){
            myRequest.open("POST", 'CaseStudyContent.aspx', true);
            myRequest.onreadystatechange = handleCaseStudyResponse;
            myRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            myRequest.send ('value1=' + id +'&value2='+isCompany);                            
        }
            
        function handleCaseStudyResponse(){  
            if (myRequest.readyState == 4){
                if (myRequest.status == 200){
                    var content = document.getElementById("ctl00_Middle_content")
                    if (content){
                        content.innerHTML = myRequest.responseText;
                        return false;
                    }                                          
                } 
                else {
                       alert("Fail to load Case Study.");
                        return false;
                    } 
                }
            }
            
                     
        function changeStyleOnClick(currentID){
            
            var Item= document.getElementsByTagName('input');
            var count = Item.length; 
            var CurrentElem = document.getElementById(currentID);
            var ParentElem = document.getElementById('parent'+currentID);
            //CurrentElem.name        
             //close all of the login except current one       
             for (i = 1; i < count; i++) {
                 var ID = Item[i].value;
                 if (ID > 0 && ID !=currentID && ID!=ParentElem.value){
                    var Elem = document.getElementById(ID);
                    if (Elem){
                        Elem.className = 'a';
                     }
                 }
                 else               
                 {
                    if (CurrentElem) {
                         if (CurrentElem.name==0){
                            CurrentElem.className = "selected";
                         }
                         else{
                            CurrentElem.className = "l2selected";
                         }
                     }
                     else {
                        var CompanyParentID = document.getElementById("ctl00_LeftColumn_CompanyParentID");
                        if (CompanyParentID){
                            var ParentElem = document.getElementById(CompanyParentID.value);
                            if (ParentElem) {
                            ParentElem.className = "l2selected";
                            }
                        }
                        
                     }
                    
                 }
             }                     
         }