// JavaScript Document
var currentmission
var currentaboutTag = "1";
var selconstructNumber = "1";
var selSecondConstNumber = '1';
var selmedicalbutton = '1';
var selhospitalbutton = '1';
var currentselmainmedical = "medicalsoft";
var selscaffoldno = '1';
var selserviceval = '1';
var selrestaurantbutton = '1';
var selfoodno = 1;
var fooddivcount = 15;

var selmenuno = 1;
var menudivcount = 3;

var selbank = '1';
var selhfibank = '1';
var cursorX = 0;
var cursorY = 0;
var selshiptab = 1;
var selElementtab = 1;
var setGETtab = 1;
var selEmeApptab = 1;
var selTradetab = 1;
var selartno = 1;
var artdivcount = 7;
var selElementno = 1;
var Elementdivcount = 8;
var selproecttab = 1;
var selOngoingProNumber = '1';
var selproposedproNumber = '1';
var selmaterialtab = '1'; //this is for trading/building materials
var selArtExhibition = '1';

function mouseovertext(val)
{
    
   document.getElementById(val).style.fontSize = '12';
   document.getElementById(val).style.fontWeight = 'bold';  
}
function mouseouttext(val)
{
   document.getElementById(val).style.fontSize = '11';
   document.getElementById(val).style.fontWeight = 'normal';
}
function missionview(val)
{
  if(currentmission == val)
  {
    noDisplay();
    currentmission = "nothing";
    
  }else
  {
  currentmission = val;
  var valname = "div" + val;  
  noDisplay();
  document.getElementById(valname).style.display="";  
  }
}
function mousedowntext(val)
{
  noSelect();
  document.getElementById(val).style.fontSize = '12';
  document.getElementById(val).style.fontWeight = 'bold';
  
}
function noDisplay()
{
  document.getElementById("divmission1").style.display="none";  
  document.getElementById("divmission2").style.display="none";  
  document.getElementById("divmission3").style.display="none";  
  document.getElementById("divmission4").style.display="none";  
}
function noSelect()
{
  for(var i = 1;i < 5;i++)
  {
    var valname = "mission" + i;
    mouseouttext(valname);
  }
   
}
function mouseoverdivision(val)
{
  //formatalltabsexp();
  if(currentaboutTag != val)
  {
        var currentval ="divtab" + val;
      document.getElementById(currentval).style.background =  "url('image/aboutus/button2.gif')";
      document.getElementById(currentval).style.fontSize = '13';
  }
  
}
function formatalltabsexp()
{
  
  for(var i = 1;i < currentaboutTag;i++)
  {
    var currentval ="divtab" + i;
    document.getElementById(currentval).style.background =  "url('image/aboutus/button1.gif')";
      document.getElementById(currentval).style.fontSize = '12';
  }
  var temp = parseInt(currentaboutTag) + 1;
  
  for(var i = temp;i < 11;i++)
  {
    var currentval ="divtab" + i;
    document.getElementById(currentval).style.background =  "url('image/aboutus/button1.gif')";
      document.getElementById(currentval).style.fontSize = '12';
  }
  
  
}
function formatalltabs()
{
  
  for(var i = 1;i < 11;i++)
  {
    var currentval ="divtab" + i;
    document.getElementById(currentval).style.background =  "url('image/aboutus/button1.gif')";    
      document.getElementById(currentval).style.fontSize = '12';
  }
  
  
}
function clickdivision(val)
{
  currentaboutTag = val;  
  //formatDivisionDivs();
  formatalltabs();
  var url = "subfile/aboutus/aboutusframe" + val + ".php";
  document.getElementById('aboutconstframe').src = url;
  /*var divname = "division" + val;
  document.getElementById(divname).style.display="";  */
  var currentval ="divtab" + val;  
  document.getElementById(currentval).style.background =  "url('image/aboutus/button3.gif')";    
  
  
}
function formatDivisionDivs()
{
  for(var i = 1;i < 11;i++)
  {
    var divname = "division" + i;
    document.getElementById(divname).style.display="none";  
  }
}
function InitialAboutusPage()
{
  //formatDivisionDivs();
  formatalltabs();
  currentaboutTag = "1";  
  document.getElementById('divtab1').style.background =  "url('image/aboutus/button3.gif')";    
  //document.getElementById('division1').style.display="";  
  
  
}
function InitialConstructionPage()
{
  onDownSecondConst('1');
  //showConstDivision('1');
  //construction project initializaiton
  selproecttab = 1;
  ondownprojecttab(selproecttab);
  onclickprojecttab(selproecttab);
  
  onInitializeprojecttab();
  
}
function mouseoutdivision(val)
{
  //formatalltabsexp();
  if(currentaboutTag != val)
  {
        var currentval ="divtab" + val;
      document.getElementById(currentval).style.background =  "url('image/aboutus/button1.gif')";
      document.getElementById(currentval).style.fontSize = '13';
  }  
}
function changebackColorOnover(val)
{
  if(selconstructNumber != val)
  {
  var selval = "construction" + val;
  document.getElementById(selval).bgColor ="#696969";
  }
  
}
function restorebackColorOnout(val)
{
  
  if(selconstructNumber != val)
  {    
     var selval = "construction" + val;
     document.getElementById(selval).bgColor ="#353535";
  }
}
function showconstructiondiv(val)
{
  var url = "subfile/construction/completeProject" + val + ".php";  
  document.getElementById('completeframe').src = url;
  /* var selval = "constructdiv" + val;
  for(var i = 1;i < 27;i++)
  {
    var temp = "constructdiv" + i;
    document.getElementById(temp).style.display="none";  
  }  
  document.getElementById(selval).style.display=""; */  
}
function setbackcoloronDown(val)
{
  selconstructNumber = val;
  for(var i = 1;i < 27;i++)
  {
    var temp = "construction" + i;
    document.getElementById(temp).bgColor ="#353535";    
  }
  var selvalue = "construction" + val;
  document.getElementById(selvalue).bgColor ="#666666";    
}
function showConstDivision(val)
{
  var url = "subfile/construction/construction" + val + ".php";
  document.getElementById('constframe').src = url;  
}
function onOverSecondConst(val)
{
  if(val != selSecondConstNumber)
  {
   var selectedtab = "divcontroltab" + val;  
   document.getElementById(selectedtab).style.background =  "url('image/construction/button2.png')";    
  }
}
function onOutSecondConst(val)
{
  if(val != selSecondConstNumber)
  {
    var selectedtab = "divcontroltab" + val;
    document.getElementById(selectedtab).style.background =  "url('image/construction/button1.png')";  
  }
}
function onDownSecondConst(val)
{
  selSecondConstNumber = val;
  for(var i = 1;i < 10;i++)
  {
    var temp = "divcontroltab" + i;
    document.getElementById(temp).style.background =  "url('image/construction/button1.png') ";    
  }
  var selectedtab = "divcontroltab" + val;
  document.getElementById(selectedtab).style.background =  "url('image/construction/button3.png' ) no-repeat center";    
}
function onOverMedical(val)
{
  if(val != selmedicalbutton)
  {
    var selbutton = "medicalbutton" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button3.gif) no-repeat center";
  }
  
}
function onOutMedical(val)
{
  if(val != selmedicalbutton)
  {
    var selbutton = "medicalbutton" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button1.gif) no-repeat center";
  }
}
function onDownMedical(val)
{
  selmedicalbutton = val;
  for(var i = 1;i < 5;i++)
  {
    onOutMedical(i);
  }  
  var selbutton = "medicalbutton" + val;
  document.getElementById(selbutton).style.background ="url(image/medical/button2.gif) no-repeat center";
}
function InitialMedicalPage()
{
      document.getElementById('hospitaldiv').style.display="none";  
    document.getElementById('medicalsoftdiv').style.display="";      
    selmedicalbutton = '1';
    onDownMedical(selmedicalbutton);
    onClickMedical(selmedicalbutton);
    document.getElementById('medicalsoft').bgColor ="#101010";
      document.getElementById('medicalhospital').bgColor ="#101010";
      document.getElementById('medicalsoft').bgColor ="#292929";
    
      currentselmainmedical  = 'medicalsoft';
    onDownMainMedical(currentselmainmedical); 
  
}
function onClickMedical(val)
{
  var url = "subfile/medical/medicalsoft" + val + ".php";
  document.getElementById('medicalsoftframe').src = url;
  /*for(var i = 1;i < 5;i++)
  {
    var temp = "medicalsoft" + i;
    document.getElementById(temp).style.display="none";       
  }
  var selectedMedicalsoft = "medicalsoft" + val;
  document.getElementById(selectedMedicalsoft).style.display="";     */
  
}
function onOverHospital(val)
{
  if(val != selhospitalbutton)
  {
    var selbutton = "hospitalbutton" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button3.gif) no-repeat center";
  }
}
function onOutHospital(val)
{
  if(val != selhospitalbutton)
  {
    var selbutton = "hospitalbutton" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button1.gif) no-repeat center";
  }
}
function onDownHospital(val)
{
  selhospitalbutton = val;
  for(var i = 1;i < 6;i++)
  {
    onOutHospital(i);
  }  
  var selbutton = "hospitalbutton" + val;
  document.getElementById(selbutton).style.background ="url(image/medical/button2.gif) no-repeat center";
}
function onClickHospital(val)
{
  var url = "subfile/medical/medicalhospital" + val + ".php";
  document.getElementById('medicalhospitalframe').src = url;
/*  for(var i = 1;i < 6;i++)
  {
    var temp = "medicalhospital" + i;
    document.getElementById(temp).style.display="none";       
  }
  var selectedMedicalsoft = "medicalhospital" + val;
  document.getElementById(selectedMedicalsoft).style.display="";    */
}
function onOverMainMedical(val)
{
  if(val != currentselmainmedical)
  {
    document.getElementById(val).style.background ="url(image/medical/button4.gif) no-repeat bottom";
  }
}
function onOutMainMedical(val)
{
  if(val != currentselmainmedical)
  {
    document.getElementById(val).style.background ="url(image/medical/button6.gif) no-repeat bottom";
  }
}
function onDownMainMedical(val)
{
  currentselmainmedical = val;
  document.getElementById('medicalsoft').style.background ="url(image/medical/button6.gif) no-repeat bottom";
  document.getElementById('medicalhospital').style.background ="url(image/medical/button6.gif) no-repeat bottom";
  document.getElementById(val).style.background ="url(image/medical/button5.gif) no-repeat bottom";
  if(val == "medicalsoft")
  {
    document.getElementById('hospitaldiv').style.display="none";  
    document.getElementById('medicalsoftdiv').style.display="";      
    selmedicalbutton = '1';
    onDownMedical(selmedicalbutton);
    onClickMedical(selmedicalbutton);    
  }else
  {
    document.getElementById('hospitaldiv').style.display="";  
    document.getElementById('medicalsoftdiv').style.display="none";  
    selhospitalbutton = '1';
    onDownHospital(selhospitalbutton);
    onClickHospital(selhospitalbutton);  
  }
  
}
function onOverScaffold(val)
{  
  if(val != selscaffoldno)
  {
    var selbutton = "scaffoldbutton" + val;
    document.getElementById(selbutton).bgColor ="#444444";
  }
  
}
function onOutScaffold(val)
{
  if(val != selscaffoldno)
  {
    var selbutton = "scaffoldbutton" + val;
    document.getElementById(selbutton).bgColor ="#101010";
  }
}
function onDownScaffold(val)
{
  
  selscaffoldno = val;
  for(var i = 1;i < 4;i++)
  {
    onOutScaffold(i);
  }  
  var selbutton = "scaffoldbutton" + val;
  document.getElementById(selbutton).bgColor ="#292929";
}
function onClickScaffold(val)
{
  for(var i = 1;i < 4;i++)
  {
    var temp = "tradetabdiv" + i;
    document.getElementById(temp).style.display="none";       
  }
  var selectedMedicalsoft = "tradetabdiv" + val;
  document.getElementById(selectedMedicalsoft).style.display="";  
}
function InitialTradingPage()
{
  selTradetab = 1;
  ondowntrade(selTradetab);
  onclicktrade(selTradetab);
  
}
function InitialServicePage()
{
  selserviceval = '1';
  onDownservice(selserviceval);  
  onClickservice(selserviceval);
  selbank = '1';
  onDownCCCLBank(selbank);
  onClickCCCLbank(selbank);
  selhfibank = '1';
  onDownHFIBank(selhfibank);
  onClickHFIBank(selhfibank);
}
function onOnverservice(val)
{
  if(val != selserviceval)
  {   
   var temp = "servicetab" + val;
    document.getElementById(temp).style.background ="url(image/service/button2.gif) no-repeat bottom";
  }
}
function onOutservice(val)
{
  
  if(val != selserviceval)
  {
    var temp = "servicetab" + val;
    document.getElementById(temp).style.background ="url(image/service/button1.gif) no-repeat bottom";
  }
}
function onDownservice(val)
{
  selserviceval = val;
  for(var i = 1;i < 4;i++)
  {
    var temp = "servicetab" + i;
    document.getElementById(temp).style.background ="url(image/service/button1.gif) no-repeat bottom";
  }
  var temp = "servicetab" + val;
  document.getElementById(temp).style.background ="url(image/service/button3.gif) no-repeat bottom";
}
function initAllsubservices()
{
  //initialize of CCCL Bank divs
  selbank = 1;
  onDownCCCLBank(selbank);
  onClickCCCLbank(selbank);
  
  
  selhfibank = '1';
  onDownHFIBank(selhfibank);
  onClickHFIBank(selhfibank);
}
function onClickservice(val)
{
  initAllsubservices();
  for(var i = 1;i < 4;i++)
  {
    var temp = "servicediv" + i;
    document.getElementById(temp).style.display="none";      
  }
      var temp = "servicediv" + val;
    document.getElementById(temp).style.display="";  
  
}
function onOverRestaurant(val)
{
  if(val != selrestaurantbutton)
  {
    var selbutton = "restaurant" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button3.gif) no-repeat center";
  }
}
function onOutRestaurant(val)
{
  if(val != selrestaurantbutton)
  {
    var selbutton = "restaurant" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button1.gif) no-repeat center";
  }
}
function onDownRestaurant(val)
{
  selrestaurantbutton = val;
  for(var i = 1;i < 6;i++)
  {
    onOutRestaurant(i);
  }  
  var selbutton = "restaurant" + val;
  document.getElementById(selbutton).style.background ="url(image/medical/button2.gif) no-repeat center";
}
function onClickRestaurant(val)
{
  var url = "subfile/entertain/restaurantframe" + val + ".php";
  document.getElementById('restaurantframe').src = url;
  
  /*  if(val == 4)
  {
    InitFoodgallery();
  }
  for(var i = 1;i < 6;i++)
  {
    var temp = "showrestaurantdiv" + i;
    document.getElementById(temp).style.display="none";       
  }
  var selectedMedicalsoft = "showrestaurantdiv" + val;
  document.getElementById(selectedMedicalsoft).style.display="";  
  if(val == '3')
  {
     selfoodno = 1;
    document.getElementById('fooddiv1').style.display="";  
    document.getElementById('fooddiv2').style.display="none";  
    
  } */
     
}
function hideAllfoods()
{
  //hidden all food divs
  for(var i = 1;i <= fooddivcount;i++)
  {
    var seldiv = "fooddiv" + i;
    document.getElementById(seldiv).style.display="none";  
  }
}
function onClickNextFood()
{
  
  //hideAllfoods();
  selfoodno = selfoodno + 1;
  if(selfoodno > fooddivcount)
  {
    selfoodno = fooddivcount;
  }
  var url = "subfoodframe" + selfoodno + ".php";  
  document.getElementById('entfoodframe').src = url;
  
  /*var seldiv = "fooddiv" + selfoodno;
  document.getElementById(seldiv).style.display="";*/
  
}
function InitFoodgallery()
{
  for(var i = 2; i <= fooddivcount;i++)
  {
    var seldiv = "fooddiv" + selfoodno;
      document.getElementById(seldiv).style.display="none";
  }
    var seldiv = "fooddiv" + 1;
      document.getElementById(seldiv).style.display="";
}
function onClickPrevFood()
{
  //hideAllfoods();
  selfoodno = selfoodno - 1;
  if(selfoodno < 1)
  {
    selfoodno = 1;
  }
  var url = "subfoodframe" + selfoodno + ".php";
  document.getElementById('entfoodframe').src = url;
  
  /*  var seldiv = "fooddiv" + selfoodno;
  document.getElementById(seldiv).style.display="";  */
}




function onClickNextMenu()
{
  
  //hideAllfoods();
  selmenuno = selmenuno + 1;
  if(selmenuno > menudivcount)
  {
    selmenuno = menudivcount;
  }
  var url = "submenuframe" + selmenuno + ".php";  
  document.getElementById('entmenuframe').src = url;
  
  /*var seldiv = "fooddiv" + selfoodno;
  document.getElementById(seldiv).style.display="";*/
  
}

function onClickPrevMenu()
{
  //hideAllfoods();
  selmenuno = selmenuno - 1;
  if(selmenuno < 1)
  {
    selmenuno = 1;
  }
  var url = "submenuframe" + selmenuno + ".php";
  document.getElementById('entmenuframe').src = url;
  
  /*  var seldiv = "fooddiv" + selfoodno;
  document.getElementById(seldiv).style.display="";  */
}






function onOverCCCLBank(val)
{
  if(val != selbank)
  {
    var selbutton = "ccclbank" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button3.gif) no-repeat center";
  }
}
function onOverHFIBank(val)
{
  if(val != selhfibank)
  {
    var selbutton = "HFIbank" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button3.gif) no-repeat center";
  }
}
function onOutCCCLBank(val)
{
  if(val != selbank)
  {
    var selbutton = "ccclbank" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button1.gif) no-repeat center";
  }
}
function onOutHFIBank(val)
{
  if(val != selhfibank)
  {
    var selbutton = "HFIbank" + val;
    document.getElementById(selbutton).style.background ="url(image/medical/button1.gif) no-repeat center";
  }
}
function onDownCCCLBank(val)
{
  selbank = val;
  for(var i = 1;i < 8;i++)
  {
    onOutCCCLBank(i);
  }  
  var selbutton = "ccclbank" + val;
  document.getElementById(selbutton).style.background ="url(image/medical/button2.gif) no-repeat center";
}
function onDownHFIBank(val)
{
  selhfibank = val;
  for(var i = 1;i < 4;i++)
  {
    onOutHFIBank(i);
  }  
  var selbutton = "HFIbank" + val;
  document.getElementById(selbutton).style.background ="url(image/medical/button2.gif) no-repeat center";
}
function onClickCCCLbank(val)
{
  for(var i = 1;i < 8;i++)
  {
    var temp = "ccclbankdiv" + i;
    document.getElementById(temp).style.display="none";       
  }
  var selectedMedicalsoft = "ccclbankdiv" + val;
  document.getElementById(selectedMedicalsoft).style.display="";    
}
function onClickHFIBank(val)
{
  for(var i = 1;i < 4;i++)
  {
    var temp = "HFIbankdiv" + i;
    document.getElementById(temp).style.display="none";       
  }
  var selectedMedicalsoft = "HFIbankdiv" + val;
  document.getElementById(selectedMedicalsoft).style.display="";  
}
function showCreateDiv(val)
{  
   
  
  var url = "subfile/index/myindex" + val + ".php";
  document.getElementById('indexmyframe').src = url;
  
  document.getElementById('divmission').style.left=window.event.clientX + (document.documentElement.scrollLeft ?
   document.documentElement.scrollLeft :
   document.body.scrollLeft);
  document.getElementById('divmission').style.top=window.event.clientY + (document.documentElement.scrollTop ?
   document.documentElement.scrollTop :
   document.body.scrollTop);
  document.getElementById('divmission').style.display="";
}
function showCreateDiv1(val)
{  
    for(var i = 1;i < 5;i++)
  {
    var seldivtemp = "divmission" + i;
    document.getElementById(seldivtemp).style.display="none";
    
  }
  
  var seldiv = "divmission" + val;
  
  document.getElementById(seldiv).style.left=window.event.clientX + (document.documentElement.scrollLeft ?
   document.documentElement.scrollLeft :
   document.body.scrollLeft);
  document.getElementById(seldiv).style.top=window.event.clientY + (document.documentElement.scrollTop ?
   document.documentElement.scrollTop :
   document.body.scrollTop);
  document.getElementById(seldiv).style.display="";
}
function exitdiv(val)
{
  var seldiv = "divmission" + val;
  document.getElementById(seldiv).style.display="none";
}
function onOverexitbuttoncolor(val)
{
  var seldiv = "divmission" + val;
  document.getElementById(seldiv).style.display="none";
}
function redirecturl()
{
   document.location.href = "technology.php";
}
function onovershiptab(val)
{
  for(var i = 1;i < 5;i++)
  {
    if(i != selshiptab)
    {
      var temp = "shiptab" + i;
      if(i == val)
      {
      document.getElementById(temp).style.background ="url(image/ship/button2.gif) no-repeat bottom";
      } else
      {
        document.getElementById(temp).style.background ="url(image/ship/button1.gif) no-repeat bottom";
      }
    }
  }
}
function ondownshiptab(val)
{
  for(var i = 1;i < 5;i++)
  {
    var temp = "shiptab" + i;
    document.getElementById(temp).style.background ="url(image/ship/button1.gif) no-repeat bottom";
  }
  var temp = "shiptab" + val;
  document.getElementById(temp).style.background ="url(image/ship/button3.gif) no-repeat bottom";
  selshiptab = val;
  
}
function InitialShipPage()
{
  selshiptab = 1;
  document.getElementById('shiptab1').style.background ="url(image/ship/button3.gif) no-repeat bottom";
}
function onclickshiptab(val)
{
  for(var i = 1; i< 5;i++)
  {
    var seldivtemp = "shiptabdiv" + i;
    document.getElementById(seldivtemp).style.display="none";
  }
  var seldivtemp = "shiptabdiv" + val;
    document.getElementById(seldivtemp).style.display="";
}
function formatalltrade()
{  
  
  for(var i = 1;i < 8;i++)
  {
    if(i != selTradetab)
    {
    var currentval ="tradetab" + i;
    document.getElementById(currentval).style.background =  "url('image/trading/button1.jpg')";
      document.getElementById(currentval).style.fontSize = '12';
    }
  }
  
}
function onovertrade(val)
{
  formatalltrade();
  if(selTradetab != val)
  {
        var currentval ="tradetab" + val;
      document.getElementById(currentval).style.background =  "url('image/trading/button2.jpg')";
      document.getElementById(currentval).style.fontSize = '13';
  }
  
}
function onouttrade(val)
{
  formatalltrade();
  if(selTradetab != val)
  {
        var currentval ="tradetab" + val;
      document.getElementById(currentval).style.background =  "url('image/trading/button1.jpg')";
      document.getElementById(currentval).style.fontSize = '13';
  }
  
}
function ondowntrade(val)
{
  selTradetab = val;
  formatalltrade();
  
  var currentval ="tradetab" + val;
    document.getElementById(currentval).style.background =  "url('image/trading/button3.jpg')";
  document.getElementById(currentval).style.fontSize = '12';
  
  
}
function onclicktrade(val)
{
  var url = "subfile/trading/tradingframe" + val + ".php";
  document.getElementById('tradingframe').src = url;
  /*for(var i = 1;i < 8;i++)
  {
    var temp = "tradetabdiv" + i;
    document.getElementById(temp).style.display="none";      
  }
  var temp = "tradetabdiv" + val;
    document.getElementById(temp).style.display="";  
    
    ondownmaterial('1');
    onclickmaterial('1'); */
}
function onoverprojecttab(val)
{
  if(val != selproecttab)
  {   
   var temp = "constprotab" + val;
    document.getElementById(temp).style.background ="url(image/construction/button2.gif) no-repeat bottom";
  }
}
function onoutprojecttab(val)
{
  if(val != selproecttab)
  {
    var temp = "constprotab" + val;
    document.getElementById(temp).style.background ="url(image/construction/button1.gif) no-repeat bottom";
  }
}
function ondownprojecttab(val)
{
  selproecttab = val;
  for(var i = 1;i < 4;i++)
  {
    var temp = "constprotab" + i;
    document.getElementById(temp).style.background ="url(image/construction/button1.gif) no-repeat bottom";
  }
  var temp = "constprotab" + val;
  document.getElementById(temp).style.background ="url(image/construction/button3.gif) no-repeat bottom";
}
function onclickprojecttab(val)
{
  onInitializeprojecttab();
  for(var i = 1;i < 4;i++)
  {
    var temp = "constprojectdiv" + i;
    document.getElementById(temp).style.display="none";      
  }
      var temp = "constprojectdiv" + val;
    document.getElementById(temp).style.display="";  
}
function onoverongoingprojecttab(val)
{
  
  
  if(selOngoingProNumber != val)
  {
  var selval = "ongoingprotab" + val;
  document.getElementById(selval).bgColor ="#696969";
  }
  
}
function onoutongoingprojecttab(val)
{
  if(selOngoingProNumber != val)
  {    
     var selval = "ongoingprotab" + val;
     document.getElementById(selval).bgColor ="#353535";
  }
}
function ondownongoingprojecttab(val)
{
  selOngoingProNumber = val;
  for(var i = 1;i < 8;i++)
  {
    var temp = "ongoingprotab" + i;
    document.getElementById(temp).bgColor ="#353535";    
  }
  var selvalue = "ongoingprotab" + val;
  document.getElementById(selvalue).bgColor ="#666666";  
}
function onclickgoingpro(val)
{
  var url = "subfile/construction/ongoingProject" + val + ".php";
  document.getElementById('ongoingframe').src = url;
}
function onoverproposedpro(val)
{
  if(selproposedproNumber != val)
  {
  var selval = "proposedpro" + val;
  document.getElementById(selval).bgColor ="#696969";
  }
}
function onoutproposedpro(val)
{
  if(selproposedproNumber != val)
  {    
     var selval = "proposedpro" + val;
     document.getElementById(selval).bgColor ="#353535";
  }
}
function ondownproposedpro(val)
{
  selproposedproNumber = val;
  for(var i = 1;i < 23;i++)
  {
    var temp = "proposedpro" + i;
    document.getElementById(temp).bgColor ="#353535";    
  }
  
  var selvalue = "proposedpro" + val;
  document.getElementById(selvalue).bgColor ="#666666";  
}
function onclickproposedpro(val)
{
  var url = "subfile/construction/proposeProject" + val + ".php";
  document.getElementById('proposeframe').src = url;
}
function onInitializeprojecttab()
{   
    
   setbackcoloronDown('1');
   showconstructiondiv('1');   
  
   ondownongoingprojecttab('1');
   onclickgoingpro('1');
   
   ondownproposedpro('1');
   onclickproposedpro('1');
   
}
function onovermaterial(val)
{
  if(val != selmaterialtab)
  {
  var temp = "buildmaterial" + val;
  document.getElementById(temp).style.background ="#404040";
  }
}
function onoutmaterial(val)
{
  if(val != selmaterialtab)
  {
  var temp = "buildmaterial" + val;
  document.getElementById(temp).style.background ="#202020";
  }
}
function onclickmaterial(val)
{
  
  var url = "buildmaterial" + val + ".php";
  document.getElementById('buildmaterialframe').src = url;
  /*for(var i = 1;i < 21;i++)
  {
    var temp = "buildmaterialdiv" + i;
     document.getElementById(temp).style.display="none";  
  }
  var temp = "buildmaterialdiv" + val;
  document.getElementById(temp).style.display="";   */
}

function ondownmaterial(val)
{
  selmaterialtab = val;
  for(var i = 1;i < 21;i++)
  {
    var temp = "buildmaterial" + i;
     document.getElementById(temp).style.background ="#202020";
  }
  var temp = "buildmaterial" + val;
  document.getElementById(temp).style.background ="#666666";
}
// Initialize
function InitialEntertainmentPage()
{
  
  selEntertainmentVal = '1';
  onDownEntertainment(selEntertainmentVal);  
  onClickEntertainment(selEntertainmentVal);
  
  
  selRetaurantSection = '1';
  onDownResraurant(selRetaurantSection);
//  onClickRestaurant(selRetaurantSection);
  
  selArtExhibition = '1';
  onDownArtExhibition(selArtExhibition);
//  onClickArtExhibition(selArtExhibition);
}


function onClickEntertainment(val)
{
  initAllSubEntertainment();
  for(var i = 1;i < 3;i++)
  {
    var temp = "entertainmentdiv" + i;
    document.getElementById(temp).style.display="none";      
  }
      var temp = "entertainmentdiv" + val;
    document.getElementById(temp).style.display="";  
}

function onOverEntertainment(val)
{
  if(val != selEntertainmentVal)
  {   
     var temp = "entertainmenttab" + val;
    document.getElementById(temp).style.background ="url(image/entertainment/button2.gif) no-repeat bottom";
  }
}
function onOutEntertainment(val)
{
  
  if(val != selEntertainmentVal)
  {
    var temp = "entertainmenttab" + val;
    document.getElementById(temp).style.background ="url(image/entertainment/button1.gif) no-repeat bottom";
  }
}

function onDownEntertainment(val)
{
  selEntertainmentVal = val;
  for(var i = 1;i < 3;i++)
  {
    var temp = "entertainmenttab" + i;
    document.getElementById(temp).style.background ="url(image/entertainment/button1.gif) no-repeat bottom";
  }
  var temp = "entertainmenttab" + val;
  document.getElementById(temp).style.background ="url(image/entertainment/button3.gif) no-repeat bottom";
}



function initAllSubEntertainment()
{
  selrestaurantbutton = '1';
  onDownRestaurant(selrestaurantbutton);
    onClickRestaurant(selrestaurantbutton);
  
  selArtExhibition = '1';
  onDownArtExhibition(selArtExhibition);
  onClickArtExhibition(selArtExhibition);
}


function onOverArtExhibition(val)
{
  
  if(val != selArtExhibition)
  {
    var selbutton = "artexhibition" + val;
    document.getElementById(selbutton).style.background ="url(image/entertainment/button3.jpg) no-repeat center";
  }
}


function onOutArtExhibition(val)
{
  if(val != selArtExhibition)
  {
    var selbutton = "artexhibition" + val;
    document.getElementById(selbutton).style.background ="url(image/entertainment/button1.jpg) no-repeat center";
  }
}

function onDownArtExhibition(val)
{
  selArtExhibition = val;
  for(var i = 1;i < 3;i++)
  {
    onOutArtExhibition(i);
  }  
  
  var selbutton = "artexhibition" + val;
  document.getElementById(selbutton).style.background ="url(image/entertainment/button2.jpg) no-repeat center";
}

function onClickArtExhibition(val)
{
  /*if(val == 2)
  {
    InitArtgallery();
  } */
  /*for(var i = 1;i < 3;i++)
  {
    var temp = "showartexhibitiondiv" + i;
    document.getElementById(temp).style.display="none";      
  }*/  
  //var selectedMedicalsoft = "showartexhibitiondiv" + val;
  //document.getElementById(selectedMedicalsoft).style.display="";  
  document.getElementById("contacts").style.display="none";  
  if(val == '2')
  {
     selartno = 1;
    //document.getElementById('artdiv1').style.display="";  
    //document.getElementById('artdiv2').style.display="none";  
    document.getElementById("contacts").style.display="";  
    
  } 
  var url = "subfile/entertain/artexhibition" + val + ".php";
  
  document.getElementById('artexhibitionframe').src = url;
     
}
function hideAllarts()
{
  //hidden all art divs
  for(var i = 1;i <= artdivcount;i++)
  {
    var seldiv = "artdiv" + i;
    document.getElementById(seldiv).style.display="none";  
  }
}
function onClickNext()
{
  
//  hideAllarts();
  selartno = selartno + 1;
  if(selartno > artdivcount)
  {
    selartno = artdivcount;
  }
  var url = "subartframe" + selartno + ".php";
  document.getElementById('subartframe').src = url;
/*  var seldiv = "artdiv" + selartno;
  document.getElementById(seldiv).style.display=""; */
  
}
function InitArtgallery()
{
  for(var i = 2; i <= artdivcount;i++)
  {
    var seldiv = "artdiv" + selartno;
      document.getElementById(seldiv).style.display="none";
  }
    var seldiv = "artdiv" + 1;
      document.getElementById(seldiv).style.display="";
}
function onClickPrev()
{
//  hideAllarts();
  selartno = selartno - 1;
  if(selartno < 1)
  {
    selartno = 1;
  }
  var url = "subartframe" + selartno + ".php";
  document.getElementById('subartframe').src = url;
  
/*  var seldiv = "artdiv" + selartno;
  document.getElementById(seldiv).style.display="";  */
}



// Here is tyechnology section

// Initialize

var selTechnologyVal = '1';


function onClickTechnology(val)
{
  for(var i = 1;i < 4;i++)
  {
    var temp = "techdiv" + i;
    document.getElementById(temp).style.display="none";      
  }
  var temp = "techdiv" + val;
  document.getElementById(temp).style.display="";  
}

function onOverTechnology(val)
{
  if(val != selTechnologyVal)
  {   
     var temp = "techtab" + val;
    document.getElementById(temp).style.background ="url(image/tech/button2.gif) no-repeat bottom";
  }
}

function onOutTechnology(val)
{
  if(val != selTechnologyVal)
  {
    var temp = "techtab" + val;
    document.getElementById(temp).style.background ="url(image/tech/button1.gif) no-repeat bottom";
  }
}

function onDownTechnology(val)
{
  selTechnologyVal = val;
  for(var i = 1;i < 4;i++)
  {
    var temp = "techtab" + i;
    document.getElementById(temp).style.background ="url(image/tech/button1.gif) no-repeat bottom";
  }
  var temp = "techtab" + val;
  document.getElementById(temp).style.background ="url(image/tech/button3.gif) no-repeat bottom";
}
function InitialTechnologyPage()
{
  onDownTechnology('1');
  onClickTechnology('1');
}

// From here starts the codes for element flash page

function formatallelementtabs()
{
  for(var i = 1;i < 4;i++)
  {
    var currentval ="elementtab" + i;
    document.getElementById(currentval).style.background =  "url('image/element/button1.gif')";    
      document.getElementById(currentval).style.fontSize = '12';
  }
}

function onClickElement(val)
{
  selElementtab=val;
  
  //formatallelementtabs();
  
  var url = "subfile/elementflash/elementframe"+val+".php";
  document.getElementById('elementframe').src = url;
  
  var currentval ="elementtab" + val;  
  document.getElementById(currentval).style.background =  "url('image/element/button3.gif')";  
  
  
}

function formatallelementapptabs()
{
  
  for(var i = 1;i < 4;i++)
  {
    var currentval ="elementAppbtn" + i;
    document.getElementById(currentval).style.background =  "url('image/element/button1.jpg')";    
      document.getElementById(currentval).style.fontSize = '12';
  }
}

function onClickElementApp(val)
{
  selEmeApptab=val;
  
  ///formatallelementapptabs();

  var url = "elementappframe" + val + ".php";
  
  document.getElementById('elementappframe').src = url;

//  var currentval ="elementAppbtn" + val;  
//  document.getElementById(currentval).style.background =  "url('../../image/element/button3.jpg')";    
  
}

function onOverElement(val)
{
  if(val != selElementtab)
  {   
   var temp = "elementtab" + val;
    document.getElementById(temp).style.background ="url(image/element/button2.gif) no-repeat bottom";
  }
}
function onOutElement(val)
{
  if(val != selElementtab)
  {
    var temp = "elementtab" + val;
    document.getElementById(temp).style.background ="url(image/element/button1.gif) no-repeat bottom";
  }
}
function onDownElement(val)
{
  selElementtab = val;
  for(var i = 1;i < 4;i++)
  {
    var temp = "elementtab" + i;
    document.getElementById(temp).style.background ="url(image/element/button1.gif) no-repeat bottom";
  }
  var temp = "elementtab" + val;
  document.getElementById(temp).style.background ="url(image/element/button3.gif) no-repeat bottom";
}
function onOverEleApp(val)
{
  if(val != selEmeApptab)
  {
    var selbutton = "elementAppbtn" + val;
    document.getElementById(selbutton).style.background ="url(../../image/element/button3.jpg) no-repeat center";
  }
}
function onOutEleApp(val)
{
  
  if(val != selEmeApptab)
  {
    var selbutton = "elementAppbtn" + val;
    document.getElementById(selbutton).style.background ="url(../../image/element/button1.jpg) no-repeat center";
  }
}
function onDownEleApp(val)
{
  
  selEmeApptab = val;
  for(var i = 1;i < 4;i++)
  {    
    onOutEleApp(i);
  }  
  var selbutton = "elementAppbtn" + val;
  document.getElementById(selbutton).style.background ="url(../../image/element/button2.jpg) no-repeat center";
}

function InitElementApp()
{
  selEmeApptab = 1;
  onDownEleApp(selEmeApptab);
  onClickElementApp(selEmeApptab);
}
function InitialElementPage()
{
  selElementtab = 1;
  onDownElement(selElementtab);
  onClickElement(selElementtab);
}

function onClickElementPrev()
{
  hideAllElements();
  selElementno = selElementno - 1;
  if(selElementno < 1)
  {
    selElementno = 1;
  }
  
  var url = "elementappframe1" + selElementno + ".php";
  document.getElementById('elementappframe1').src = url;

  var seltitlediv = "elem_app_title" + selElementno;
  document.getElementById(seltitlediv).style.display="";  
}

function onClickElementNext()
{
  hideAllElements();
  selElementno = selElementno + 1;
  if(selElementno > Elementdivcount)
  {
    selElementno = Elementdivcount;
  }
  
  var url = "elementappframe1" + selElementno + ".php";
  document.getElementById('elementappframe1').src = url;

  var seltitlediv = "elem_app_title" + selElementno;
  document.getElementById(seltitlediv).style.display="";  
}

function hideAllElements()
{
  //hidden all element divs
  for(var i = 1;i <= Elementdivcount;i++)
  {
    var seltitlediv = "elem_app_title" + i;
    document.getElementById(seltitlediv).style.display="none";
  }
}

function onOverGETtab(val)
{
  if(val != setGETtab)
  {   
   var temp = "gettab" + val;
    document.getElementById(temp).style.background ="url(image/get/general/button2.gif) no-repeat bottom";
  }
}
function onOutGETtab(val)
{
  if(val != setGETtab)
  {
    var temp = "gettab" + val;
    document.getElementById(temp).style.background ="url(image/get/general/button1.gif) no-repeat bottom";
  }
}

function onDownGETtab(val)
{
  setGETtab = val;
  for(var i = 1;i < 4;i++)
  {
    var temp = "gettab" + i;
    document.getElementById(temp).style.background ="url(image/get/general/button1.gif) no-repeat bottom";
  }
  var temp = "gettab" + val;
  document.getElementById(temp).style.background ="url(image/get/general/button3.gif) no-repeat bottom";
}


function onClickGETtab(val)
{
//  InitElementApp();
  
  var url = "subfile/get/getframe" + val + ".php";
  document.getElementById('getframe').src = url;
}
function InitialGETPage()
{
  setGETtab = 1;
  onDownGETtab(setGETtab);
  onClickGETtab(setGETtab);
}
var selGettechtab = 1;

function onOverGETtech(val)
{
  if(val != selGettechtab)
  {
    var selbutton = "gettech" + val;
    document.getElementById(selbutton).style.background ="url(../../image/element/button3.jpg) no-repeat center";
  }
}
function onOutGETtech(val)
{
  if(val != selGettechtab)
  {
    var selbutton = "gettech" + val;
    document.getElementById(selbutton).style.background ="url(../../image/element/button1.jpg) no-repeat center";
  }
}
function onDownGETtech(val)
{
  selGettechtab = val;
  for(var i = 1;i < 4;i++)
  {
    onOutGETtech(i);
  }  
  var selbutton = "gettech" + val;
  document.getElementById(selbutton).style.background ="url(../../image/element/button2.jpg) no-repeat center";
}

function InitGETtech()
{
  selGettechtab = 1;
  onDownGETtech(selGettechtab);
  onClickGETtech(selGettechtab);
}
function onClickGETtech(val)
{
  selGettechtab=val;
  
  ///formatallelementapptabs();

  var url = "getframe2" + val + ".php";
  
  document.getElementById('gettecframe').src = url;

//  var currentval ="elementAppbtn" + val;  
//  document.getElementById(currentval).style.background =  "url('../../image/element/button3.jpg')";    
  
}

function change_parent_url(url)
{
  document.location=url;
}