<!DOCTYPE html>
<html>
   <head>
      <title>Project Master</title>
      <link rel="icon" type="image/png" href="http://www.gatewaybaltic.com/Internal/ProjectViewer2/images/favicon-gatewaybaltic.png" />
      <?php
         define('USER', 'jesse.turner@gatewaybaltic.com');
         define('TOKEN', 'reNaj8P1B4r3y9=fD8RaM0a4Lf30sdBda1d210we'); 
         require 'Solve360Service.php';
         $caller=$_GET["c"];
         $solve360Service = new Solve360Service(USER, TOKEN);
         $projects = $solve360Service->searchProjectblogs(array('layout' => '1','searchmode' => 'S4471833','searchvalue' => "$caller",'special' => 'OR'));
         $data=array();
         $data[]=$caller;
         foreach ($projects->children() as $ch) {
            $title=$ch->title;
            $statusStr=$ch->custom9401709;
            switch ($statusStr) {
               case 'Unstarted':
                  $status=0;
                  break;
               case 'Selection':
               case 'Preparation':
                  $status=1;
                  break;
               case 'Attraction':
                  $status=2;
                  break;
               case 'Finalisation':
               case 'Reports':
                  $status=3;
                  break;
               case 'Completed':
                  $status=4;
                  break;
               default:
                  $status=-1;
            }
            if (strlen($title)>0) {
               $id=$ch->id;
               $created=$ch->created;
               $data[]=array("$id","$title",$status,"$created");
            }
         }
      ?>
      <script type="text/javascript" src="library_functions.js"></script>
      <script type="text/javascript" src="globals_constants_utilities.js"></script>
      <script type="text/javascript" src="obj_solveUpdate.js"></script>
      <script type="text/javascript" src="obj_settings.js"></script>
      <script type="text/javascript" src="obj_actionList.js"></script>
      <script type="text/javascript" src="obj_project.js"></script>
      <script type="text/javascript" src="obj_company.js"></script>
      <script type="text/javascript" src="obj_subProject.js"></script>
      <script type="text/javascript" src="obj_stats+task+worker.js"></script>
      <script type="text/javascript" src="obj_activity.js"></script>
      <script type="text/javascript" src="obj_projectTag.js"></script>
      <script type="text/javascript" src="obj_contact.js"></script>
      <script type="text/javascript" src="obj_myDate.js"></script>
      <script type="text/javascript" src="processingFunctions.js"></script>
      <script type="text/javascript" src="loadingFunctions.js"></script>
      <script type="text/javascript">
         // initialise settings object
         var settings=new settingsObject();
      
         // ----------------------------------- LIST view functions -----------------------------------------
         function _selectedProjectListItem(elmt,elmtId) {
            var proj=_int(elmtId,3);
            elmt.onclick=null;
            elmt.setAttribute("class","projectListItemSelected");
            var ind=actionList.push(new action(ACTION_LOADPROJECT,proj));
            actionList[ind-1].startAction();
         }
         
         // ----------------------------------- MENU navigation functions -----------------------------------------
         function _goToMenu(menu) {
            switch (menu) {
               case menuUPDATE:
                  settings.show(settings.rootMenu);
                  break;
               case menuLIST:
               case menuOVERVIEW:
               case menuPROGRESS:
                  settings.rootMenu=menu;
                  settings.show(menu);
                  break;
            }
            switch (menu) {
               case menuLIST:
                  _el("rootMenuList").setAttribute("class","menuSelected");
                  _el("rootMenuOverview").setAttribute("class","menu");
                  _el("rootMenuProgress").setAttribute("class","menu");
                  break;
               case menuOVERVIEW:
                  _el("rootMenuList").setAttribute("class","menu");
                  _el("rootMenuOverview").setAttribute("class","menuSelected");
                  _el("rootMenuProgress").setAttribute("class","menu");
                  break;
               case menuPROGRESS:
                  _el("rootMenuList").setAttribute("class","menu");
                  _el("rootMenuOverview").setAttribute("class","menu");
                  _el("rootMenuProgress").setAttribute("class","menuSelected");
                  break;
            }
         }
      </script>
      <style type="text/css">
         /* --------------------------------- general ------------------------------ */
         body { margin:0; padding:0; font-family:arial,sans-serif; position:relative; }
         h1 { font-size:24px; }
         h2 { font-size:20px; }
         h3 { font-size:16px; }
         h4 { font-size:14px; }
         h6 { font-size:11px; font-weight:normal; }
         p,span,a { font-size:12px; }
         p.toolbar { margin:12px 0 1px 0; padding:0; }
         .close { margin:0 0 1px 0; padding:0; }
         .bold { font-weight:bold; }
         .italic { font-style:italic; }
         
         a:link { color:blue; }
         a:visited { color:blue; }
         a:hover { color:blue; }
         a:active { color:blue; }
         
         /* --------------------------------- general menu ------------------------------ */
         #menuBar { border-bottom:2px solid black; width:100%; height:100px; top:0; left:0; position:fixed; z-index:99999; background:white; margin:0; padding:0; }
         #dummy { border-bottom:1px solid white; width:100%; height:100px; position:relative; margin:0; padding:0; visibility:hidden; }
         span.menuSelected { color:blue; cursor:default; }
         span.menuDisabled { color:grey; cursor:default; }
         span.menu:hover { cursor:pointer; text-decoration:underline; }
         span.toggle:hover { cursor:pointer; text-decoration:underline; }
         
         #rootMenu { position:absolute; top:5px; left:10px; margin:0; padding:0; }
         #infoBox { position:absolute; top:10px; left:570px; width:250px; height:65px; border:1px solid black; margin:0; padding:5px; overflow-x:hidden; overflow-y:auto; }
         .mainContainer { width:100%; height:100%; background:white; margin:0; padding:0; position:relative; }
         /* --------------------------------- progress ------------------------------ */
         #progressMenu { position:absolute; top:5px; left:10px; width:100%; height:90px; }
         #progressRadioBox { margin:0; padding:0; position:absolute; top:3px; left:180px; width:150px; height:77px; overflow-y:auto; overflow-x:hidden; white-space:nowrap; background:white; }
         .projectRadioLabel { font-size:12px; position:relative; top:-2px; left:2px; }
         #progressTypeMenu { margin:0; padding:0; position:absolute; top:20px; left:0px; width:170px; height:25px; overflow:hidden; }
         
         #progressReportContainer { top:0; left:0; height:700px; margin:0 650px 0 0; padding:10px; background:white; }
         #progressDummy { float:right; width:600px; height:700px; background:grey; margin:5px 5px 0 0; padding:10px; }
         #actionListContainer { position:absolute; top:0; right:5px; width:600px; height:700px; background:white; margin:0; padding:10px; }
         #solveContainer { position:absolute; top:0; right:5px; width:600px; height:700px; background:white; margin:0; padding:10px; }
         #progressCompanyContainer { background:white; position:relative; width:280px; height:250px; margin:0; padding:0; float:left; }
         #progressContactContainer { background:white; position:relative; width:280px; height:250px; margin:0 0 0 40px; padding:0; float:left; }
         .contactDetailContainer { background:white; width:280px; height:16px; padding:0; margin:0 0 3px 0; border:1px solid grey; }
         .companyDetailContainer { background:white; width:280px; height:16px; padding:0; margin:0 0 3px 0; border:1px solid grey; }
         .contactDetailHeader { width:75px; text-align:left; padding:0 0 0 5px; margin:0; float:left; }
         .companyDetailHeader { width:75px; text-align:left; padding:0 0 0 5px; margin:0; float:left; }
         .contactDetailData { width:185px; text-align:left; padding:0 5px 0 10px; margin:0; height:100%; overflow-x:hidden; overflow-y:auto; }
         .elipsisData { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
         .companyDetailData { width:185px; text-align:left; padding:0 5px 0 10px; margin:0; height:100%; overflow-x:hidden; overflow-y:auto; }
         .doubleRowData { height:36px; margin:0 0 3px 0; }
         .doubleRowData1 { height:56px; margin:0 0 3px 0; }
         .doubleRowData2 { height:76px; margin:0 0 3px 0; }
         .doubleRowData3 { height:96px; margin:0 0 3px 0; }
         .doubleRowData4 { height:116px; margin:0 0 3px 0; }
         #companyDetailDataName { font-weight:bold; }
         #contactDetailDataName { font-weight:bold; }
         
         #progressOptionBar { clear:both; width:100%; height:40px; background:grey; padding:0; margin:0 0 5px 0; }
         #progressToolBar { cursor:default; background:white; position:relative; width:209px; height:390px; margin:0; padding:0; float:left; border-right:1px solid black; }
         #progressActivityBox { background:white; position:relative; width:390px; height:390px; margin:0; padding:0; float:left; overflow:hidden; }
         #progressActivityEntryBox { background:white; position:relative; width:390px; height:80px; margin:0; padding:0; overflow:hidden; }
         #progressActivityViewerBox { background:white; position:relative; width:390px; height:290px; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; }
         #progressActivityViewerBoxPRE { background:white; position:relative; width:390px; height:50px; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; }
         
         .entrySelectionBox { border:1px solid grey; background:white; width:199px; height:50px; overflow-x:hidden; overflow-y:auto; margin:0; padding:0; }
         .toggleButton { font-size:11px; height:20px; padding:0; border-style:outset; background:#dddddd; }
         .toggleButtonSelected { font-size:11px; height:20px; padding:0; border-style:inset; background:#bbbbbb; }
         
         .callTagsRedSelected { font-size:11px; height:20px; padding:0; border-style:inset; background:red; }
         .callTagsYellowSelected { font-size:11px; height:20px; padding:0; border-style:inset; background:yellow; }
         .callTagsGreenSelected { font-size:11px; height:20px; padding:0; border-style:inset; background:#6b9f17; }
         
         .entryForCheck { display:block; float:left; }
         .entryForCheckNL { clear:both; display:block; float:left; }
         .entryForCheckLabel { display:block; float:left; font-size:11px; position:relative; width:65px; padding:4px 0 0 2px; }
         .entryUnderRadio { clear:both; display:block; float:left; }
         .entryUnderRadioLabel { background:white; display:block; float:left; font-size:11px; position:relative; width:155px; padding:4px 0 0 2px; }
         
         #solveInputEntryImage { margin:13px 13px 0 10px; }
         .solveEntryImage { clear:both; float:left; width:20px; height:18px; background:url("images/solvePhone.png"); padding:0; margin:3px 13px 0 10px; }
         .solveEntryImageNote { clear:both; float:left; width:20px; height:18px; background:url("images/solveNote.png"); padding:0; margin:1px 13px 0 10px; }
         .solveEntryImage1 { clear:both; float:left; width:20px; height:18px; background:url("images/solvePhone1.png"); padding:0; margin:3px 13px 0 10px; }
         .solveEntryImageNote1 { clear:both; float:left; width:20px; height:18px; background:url("images/solveNote1.png"); padding:0; margin:1px 13px 0 10px; }
         .solveEntryImagePrivate { clear:both; float:left; width:20px; height:18px; background:url("images/solvePrivate.png"); padding:0; margin:1px 13px 0 10px; }
         .solveEntryBox { float:left; width:325px; height:auto; overflow-x:hidden; overflow-y:hidden; background:#ffffff; margin:0 0 10px 0; padding:2px 0 0 2px; font-size:11px; cursor:pointer; }
         .redEntry { background:#ffa0a0; }
         .yellowEntry { background:#ffff99; }
         .greenEntry { background:#c5f17a; }
         .selectedEntry { background:white; color:blue; cursor:default; }
         
         .solveEntryDateSpan { font-style:normal; font-size:11px; color:grey; }
         .solveEntryContactSpan { font-style:italic; font-size:11px; color:grey; padding-left:8px; }
         #solveEntryInputBox { display:block; float:left; width:265px; height:40px; overflow-x:hidden; overflow-y:auto; background:#efefef; margin:0 0 7px 0; padding:0; font-size:11px; resize: none; font-family:arial,sans-serif; }
         #solveEntryInputButtonsContainer { float:left; width:35px; height:40px; overflow-y:hidden; margin:0 0 7px 0; padding:0 0 0 5px; }
         .solveEntryInputButtons { display:block; font-size:10px; width:35px; height:19px; padding:0; margin:0 0 2px 0; background:#dddddd; }
         
         #dateRefresh { display:block; float:left; background:url("images/refresh.png"); width:14px; height:14px; padding:0; margin:7px 5px 0 24px; }
         #solveEntryInputDateBox { display:block; float:left; margin:1px 0 0 0; width:150px; height:20px; background:white; padding:0; cursor:default; }
         #solveEntryInputDateBoxDay { font-size:11px; margin:0; padding:0 0 0 5px; color:black; cursor:pointer; }
         #solveEntryInputDateBoxMonth { font-size:11px; margin:0; padding:0; color:black; cursor:pointer; }
         #solveEntryInputDateBoxComma { font-size:11px; margin:0 0 0 -3px; padding:0; color:black; cursor:default; }
         #solveEntryInputDateBoxHour { font-size:11px; margin:0; padding:0; color:black; cursor:pointer; }
         #solveEntryInputDateBoxColon { font-size:11px; margin:0 0 0 -3px; padding:0; color:black; cursor:default; }
         #solveEntryInputDateBoxMin { font-size:11px; margin:0 0 0 -3px; padding:0; color:black; cursor:pointer; }
         
         /* --------------------------------- summary ------------------------------ */
         #summaryMenu { position:absolute; top:5px; left:10px; width:100%; height:90px; }
         
         .overviewProjectBox { float:left; margin:10px; padding:10px; width:340px; height:160px; border:1px solid black; position:relative; overflow:hidden; cursor:pointer; }
         .overviewProjectBoxTitle { position:absolute; margin:0; padding:0; text-align:left; white-space:nowrap; } /* h2 */
         .overviewProjectBoxStatus { position:absolute; top:16px; right:10px; margin:0; padding:0; text-align:right; } /* p */
         .overviewProjectBoxTotal { position:absolute; top:55px; left:0px; width:65px; height:34px; font-size:24px; font-weight:bold; text-align:right; margin:0; padding:4px 0 0 0; }
         .overviewProjectBoxGreen { background:#6b9f17; top:55px; left:75px; position:absolute; width:36px; height:34px; font-size:28px; font-weight:bold; text-align:center; margin:0; padding:0; border:1px solid black; }
         .overviewProjectBoxYellow { background:yellow; top:55px; left:120px; position:absolute; width:36px; height:34px; font-size:28px; font-weight:bold; text-align:center; margin:0; padding:0; border:1px solid black; }
         .overviewProjectBoxRed { background:red; top:55px; left:165px; position:absolute; width:36px; height:34px; font-size:28px; font-weight:bold; text-align:center; margin:0; padding:0; border:1px solid black; }
         .overviewProjectBoxFirst { background:white; top:55px; left:225px; position:absolute; width:36px; height:34px; font-size:28px; font-weight:bold; text-align:center; margin:0; padding:0; border:1px solid black; }
         .overviewProjectBoxFollow { background:white; top:97px; left:225px; position:absolute; width:36px; height:34px; font-size:28px; font-weight:bold; text-align:center; margin:0; padding:0; border:1px solid black; }
         .overviewProjectBoxFirstLabel { margin:0; padding:0; position:absolute; top:67px; left:269px; width:100px; font-size:14px; font-weight:bold; text-align:left; }
         .overviewProjectBoxFollowLabel { margin:0; padding:0; position:absolute; top:109px; left:269px; width:100px; font-size:14px; font-weight:bold; text-align:left; }
         
         /* --------------------------------- projects ------------------------------ */
         #projectsMenu { position:absolute; top:5px; left:10px; width:100%; height:90px; }
         .projectsList { float:left; width:auto; height:auto; margin:20px; padding:10px; }
         .projectListItem:hover { cursor:pointer; text-decoration:underline; }
         .projectListItemSelected { color:blue; cursor:default; } 
         
         
         /* --------------------------------- tables ------------------------------ */
         
         td { text-align:left; vertical-align:top; border:1px solid black; padding:5px; cursor:default;
               font-family:tahoma,sans-serif; font-size:11px; }
         th { padding:0 5px; cursor:default; font-family:tahoma,sans-serif; font-size:11px; }       
         table { background-color:white; width:100%; overflow-x:hidden; overflow-y:auto; border-collapse:collapse; margin:0; padding:0; }
          
         .fixed-table-container { width:100%; height:100%; margin:0; background-color:white; position:relative;
                                    padding-top:36px; overflow-x:hidden; }
      
         .fixed-table-container-inner { overflow-x:hidden; overflow-y:auto; height:100%; padding-left:1px; }     
         .th-inner { position:absolute; top:0; line-height:18px; text-align:left; border:none; padding-left:5px; margin-left:-5px; }
         .singleRow .th-inner { border:none; padding-left:5px; }
         .complex-top .th-inner { border:none; width:100%; }         
         .complex-bottom .th-inner { top:18px; width:100%; border-bottom:1px solid black; }
         .complex-top .doubleRow .th-inner { height:18px; border:none; border-bottom:1px solid black; padding-top:18px; }
          
         .progressBeige { background:#EEECE1; }
         .progressGreen { background:#D7E4BC; }
         .progressOrange { background:#FCD5B4; }
         .progressSmall { font-size:9px; }
         
         .tableText { font-family:tahoma,sans-serif; font-size:11px; }
         
         .noBorder { border:none; }
         .arrow { font-size:16px; font-weight:bold; color:black; }
         .centred { text-align:center; }
         .rowSelectedRED { background:red; color:black; }
         .rowSelectedYELLOW { background:yellow; color:black; }
         .rowSelectedGREEN { background:#6b9f17; color:black; }
         .rowSelectedWHITE { background:white; color:black; }
         .rowUnselectedRED { background:#ff6464; color:grey; }
         .rowUnselectedYELLOW { background:#ffff99; color:grey; }
         .rowUnselectedGREEN { background:#c5f17a; color:grey; }
         .rowUnselectedWHITE { background:white; color:grey; }
         .numberSelected { color:black; }
         .numberUnselected { color:grey; }
         .cellWHITE { background:white; }
         .nameWidth { min-width:100px; }
         .contactWidth { min-width:70px; }
         .dateWidth { width:25px; }
         
      </style>
   </head>
   <body>
      <div id="menuBar">
         <div id="projectsMenu">
         </div>
         <div id="summaryMenu">
         </div>
         <div id="progressMenu">
            <div id="progressRadioBox"></div>
            <div id="progressTypeMenu">
               <span id="progressTypeMenuClient" class="menuSelected" onclick="_goToMenu(menuCLIENT)">Client</span>
               <span> | </span>
               <span id="progressTypeMenuEnhanced" class="menu" onclick="_goToMenu(menuENHANCED)">Enhanced</span>
               <span> | </span>
               <span id="progressTypeMenuFull" class="menu" onclick="_goToMenu(menuFULL)">Full</span>
               <span> | </span>
               <span id="progressTypeMenuFinal" class="menu" onclick="_goToMenu(menuFINAL)">Final</span>
            </div>
         </div>
         <div id="rootMenu">
            <span id="rootMenuList" class="menuSelected" onclick="if (this.getAttribute('class')=='menu') _goToMenu(menuLIST)">List</span>
            <span> | </span>
            <span id="rootMenuOverview" class="menuDisabled" onclick="if (this.getAttribute('class')=='menu') _goToMenu(menuOVERVIEW)">Overview</span>
            <span> | </span>
            <span id="rootMenuProgress" class="menuDisabled" onclick="if (this.getAttribute('class')=='menu') _goToMenu(menuPROGRESS)">Progress</span>
         </div>
         <div id="infoBox"></div>
      </div>
      <div id="dummy"></div>
      
      <div id="projectsContainer" class="mainContainer">
         <div id="projectsList0" class="projectsList"><p class="bold">Unstarted</p></div>
         <div id="projectsList1" class="projectsList"><p class="bold">Preparation</p></div>
         <div id="projectsList2" class="projectsList"><p class="bold">Attraction</p></div>
         <div id="projectsList3" class="projectsList"><p class="bold">Finalisation</p></div>
         <div id="projectsList4" class="projectsList"><p class="bold">Completed</p></div>
      </div>
      
      <div id="summaryContainer" class="mainContainer">
      </div>
      
      <div id="progressContainer" class="mainContainer">
         <div id="progressDummy"></div>
         <div id="progressReportContainer"></div>
         <div id="actionListContainer">
            <p>(Action list will be here)</p>
         </div>
         <div id="solveContainer">
            <div id="progressCompanyContainer">
               <div class="companyDetailContainer" id="progressCompanyContainerName">
                  <p class="companyDetailHeader">Company:</p>
                  <p class="companyDetailData" id="companyDetailDataName">test</p>
               </div>
               <div class="companyDetailContainer" id="progressCompanyContainerAddress">
                  <p class="companyDetailHeader">Address:</p>
                  <p class="companyDetailData" id="companyDetailDataAddress">test</p>
               </div>
               <div class="companyDetailContainer" id="progressCompanyContainerWebsite">
                  <p class="companyDetailHeader">Website:</p>
                  <p class="companyDetailData" id="companyDetailDataWebsite"><a target="_blank" href="" id="websiteAnchor">test</a></p>
               </div>
               <div class="companyDetailContainer" id="progressCompanyContainerPhone">
                  <p class="companyDetailHeader">Phone:</p>
                  <p class="companyDetailData" id="companyDetailDataPhone">test</p>
               </div>
               <div class="companyDetailContainer" id="progressCompanyContainerEmail">
                  <p class="companyDetailHeader">Email:</p>
                  <p class="companyDetailData" id="companyDetailDataEmail">test</p>
               </div>
               <div class="companyDetailContainer" id="progressCompanyContainerRelatedProjects">
                  <p class="companyDetailHeader">Related to:</p>
                  <p class="companyDetailData" id="companyDetailDataRelatedProjects">test</p>
               </div>
               <div class="companyDetailContainer" id="progressCompanyContainerBackground">
                  <p class="companyDetailHeader">Background:</p>
                  <p class="companyDetailData" id="companyDetailDataBackground">test</p>
               </div>
            </div>
            <div id="progressContactContainer">
               <div class="contactDetailContainer" id="progressContactContainerName">
                  <p class="contactDetailHeader">Contact:</p>
                  <p class="contactDetailData" id="contactDetailDataName">test</p>
               </div>
               <div class="contactDetailContainer" id="progressContactContainerPosition">
                  <p class="contactDetailHeader">Position:</p>
                  <p class="contactDetailData" id="contactDetailDataPosition">test</p>
               </div>
               <div class="contactDetailContainer" id="progressContactContainerEmail">
                  <p class="contactDetailHeader">Email:</p>
                  <p class="contactDetailData elipsisData" id="contactDetailDataEmail">test</p>
               </div>
               <div class="contactDetailContainer" id="progressContactContainerPhone">
                  <p class="contactDetailHeader">Phone:</p>
                  <p class="contactDetailData" id="contactDetailDataPhone">test</p>
               </div>
               <div class="contactDetailContainer" id="progressContactContainerMobile">
                  <p class="contactDetailHeader">Mobile:</p>
                  <p class="contactDetailData" id="contactDetailDataMobile">test</p>
               </div>
               <div class="contactDetailContainer" id="progressContactContainerCompany">
                  <p class="contactDetailHeader">Companies:</p>
                  <p class="contactDetailData" id="contactDetailDataCompany">test</p>
               </div>
               <div class="contactDetailContainer" id="progressContactContainerRelatedProjects">
                  <p class="contactDetailHeader">Related to:</p>
                  <p class="contactDetailData" id="contactDetailDataRelatedProjects">test</p>
               </div>
               <div class="contactDetailContainer" id="progressContactContainerBackground">
                  <p class="contactDetailHeader">Background:</p>
                  <p class="contactDetailData" id="contactDetailDataBackground">test</p>
               </div>
            </div>
            <div id="progressOptionBar">
               <p>This will be a toolbar</p>
            </div>
            <div id="progressToolBar">
               <p class="close">Entry type:</p>
               <button id="entryTypeCall" class="toggleButtonSelected" onclick="_toggleButtons('entryType',this.id,false)">Call</button>
               <button id="entryTypeNote" class="toggleButton" onclick="_toggleButtons('entryType',this.id,false)">Note</button>
               <button id="entryTypePrivate" class="toggleButton" onclick="_toggleButtons('entryType',this.id,false)">Private</button>
               <button id="entryTypeEmail" class="toggleButton" onclick="_toggleButtons('entryType',this.id,false)">Email</button>
               <br/>
               <p class="toolbar">Call codes:</p>
               <button id="callCodesNO1" class="toggleButton" onclick="_toggleButtons('callCodes',this.id,true)">No answer</button>
               <button id="callCodesNO2" class="toggleButton" onclick="_toggleButtons('callCodes',this.id,true)">Contact unavailable</button>
               <br/>
               <p class="toolbar">Call tags:</p>
               <button id="callTags1" class="toggleButton" onclick="_toggleButtons('callTags1',this.id,true)">1</button>
               <button id="callTagsRed" class="toggleButton" onclick="_toggleButtons('callTags',this.id,true)">Red</button>
               <button id="callTagsYellow" class="toggleButton" onclick="_toggleButtons('callTags',this.id,true)">Yellow</button>
               <button id="callTagsGreen" class="toggleButton" onclick="_toggleButtons('callTags',this.id,true)">Green</button>
               <button id="callTags+" class="toggleButton" onclick="_toggleButtons('callTags+',this.id,true)">+</button>
               <br/>

               <p class="toolbar">Company/Contact:</p>
               <div id="entryUnderContainer" class="entrySelectionBox"></div>

               <p class="toolbar">Project(s):</p>
               <div id="entryForContainer" class="entrySelectionBox"></div>

               <p class="toolbar">Miscellaneous:</p>
               <button id="miscTagsStart" class="toggleButton" onclick="_toggleButtons('miscTagsStart',this.id,true)">Start</button>
               <button id="miscTagsEnd" class="toggleButton" onclick="_toggleButtons('miscTagsEnd',this.id,true)">End</button>
               <button id="miscTagsUncontactable" class="toggleButton" onclick="_toggleButtons('miscTagsUncontactable',this.id,true)">Uncontactable</button>
               <br/>
            </div>
            <div id="progressActivityBox">
               <div id="progressActivityViewerBoxPRE"></div>
               <div id="progressActivityEntryBox">
                  <button id="dateRefresh" onclick="inputDate=new Date(); _displayDate();"></button>
                  <div id="solveEntryInputDateBox">
                     <span id="solveEntryInputDateBoxDay" onmouseover="this.style.fontWeight='bold'; this.style.color='blue'" onmouseout="this.style.fontWeight=''; this.style.color='black'"></span>
                     <span id="solveEntryInputDateBoxMonth" onmouseover="this.style.fontWeight='bold'; this.style.color='blue'" onmouseout="this.style.fontWeight=''; this.style.color='black'"></span>
                     <span id="solveEntryInputDateBoxComma"></span>
                     <span id="solveEntryInputDateBoxHour" onmouseover="this.style.fontWeight='bold'; this.style.color='blue'" onmouseout="this.style.fontWeight=''; this.style.color='black'"></span>
                     <span id="solveEntryInputDateBoxColon"></span>
                     <span id="solveEntryInputDateBoxMin" onmouseover="this.style.fontWeight='bold'; this.style.color='blue'" onmouseout="this.style.fontWeight=''; this.style.color='black'"></span>
                  </div>
                  <div class="solveEntryImage" id="solveInputEntryImage"></div>
                  <textarea id="solveEntryInputBox"></textarea>
                  <div id="solveEntryInputButtonsContainer">
                     <button class="solveEntryInputButtons" onclick="_saveEntry()">Save</button>
                     <button class="solveEntryInputButtons" onclick="alert(inputDate.toString());">Clear</button>
                  </div>
               </div>
               <div id="progressActivityViewerBox"></div>
            </div>
         </div>
      </div>
      <script type="text/javascript">
         // array("$id","$title",$status,"$coord","$caller","$clientEmail",$created);
         var myProjects = <?php echo json_encode($data); ?>;
         settings.initialiseList(myProjects);
         settings.show(menuLIST);
         _disable("entryTypeEmail");
      </script>
      <script type="text/javascript" src="mouseWheelScrolling.js"></script>
   </body>
</html> 