defaultReturnPeriod = 4//CUSTOMISE THIS:::::::::Note 5
graphAreaOffsetY = -29//Note 6
isGraphDivRelative = false //Note 1
lineThicknessX = 1
lineThicknessY = 2


if(document.layers && isGraphDivRelative){
  nsAndRelative = true//leave this one.
  nsRelGraphDivToDocX = 37//Note 2
  nsRelGraphDivToDocY = 30
}
function ggPageOnload(){
  setComparisonsSelected()
  setDateRange()
}

function setComparisonsSelected(){
  if(indexParam != ''){document.chartForm.comparison1.checked = true}
  if(sectorParam != ''){document.chartForm.comparison2.checked = true}
}

function getComparisons(){
  var comparisons = '';
  if(document.chartForm.comparison1.checked == true){comparisons = '&index=100@IT'}
  if(document.chartForm.comparison2.checked == true){comparisons += '&sector=58@GRP'}
  return comparisons
}

function goToGraphURL(newURL){
  self.location.href = newURL;
}

///TOOLTIPS.
tooltipsHTMLBefore = '<table border="0" cellspacing="0" cellpadding="0" style="background-color: #24549F;border:1px solid #24549F;"><tr><td style="padding:0;"><table width="1" border="0" cellspacing="0" cellpadding="1" style="font-family: Verdana, Arial, sans-serif; font-size:10px;margin:0; background-color: #ffffff; color: #24549F"><tr><td style="color: #24549F"><nobr>'
tooltipsHTMLAfter = '<span id="tooltipsDivWidthFinder" style="position:absolute; left:0px; top:0px; width:0px; height:0px; z-index:4; visibility:visible;"></span></nobr></td></tr></table></td></tr></table>'
if(document.layers){
  tooltipsStaticHTMLBefore = '<font style="font-family: Verdana, Arial, sans-serif; font-size:12px; background-color: #ffffff; color: #000066">'
  tooltipsStaticHTMLAfter = '</font>'
} else {
  tooltipsStaticHTMLBefore = ''
  tooltipsStaticHTMLAfter = ''
}

function setDateRange(){

  selectedFrom = fromParam


  if(selectedFrom.indexOf('/') != -1){
    selFrom = selectedFrom.split('/')
    selFromDay = selFrom[0]
    selFromMonth = selFrom[1]
    selFromYear = selFrom[2]
    document.chartForm.fromDay.options.selectedIndex = parseInt(selFromDay )
    document.chartForm.fromMonth.options.selectedIndex = parseInt(selFromMonth)
    document.chartForm.fromYear.options.selectedIndex = parseInt(selFromYear - yearMinus5 + 1)//Plus one due to addition on empty option first.
  }
  selectedTo = toParam
  if(selectedTo.indexOf('/') != -1){
    selTo = selectedTo.split('/')
    selToDay = selTo[0]
    selToMonth = selTo[1]
    selToYear = selTo[2]
    document.chartForm.toDay.options.selectedIndex = parseInt(selToDay)
    document.chartForm.toMonth.options.selectedIndex = parseInt(selToMonth)
    document.chartForm.toYear.options.selectedIndex = parseInt(selToYear - yearMinus5 + 1)
  }
  
}


function getAccessibleTable(){
  createAccessibleString = '';
  //price
  mapArray=mapArrayStr.split(';')
  onclickStr = ''
  lastOne = mapArray.length - 1
  createAccessibleString += '<table id="jsTable" style="background:#ffffff;" cellpadding="0" cellspacing="0" border="0" width="500px"><tr><td style="background:#ffffff;">'
  createAccessibleString += '<caption>Total Shareholder Return Data Table</caption><table cellpadding="2" cellspacing="0" border="0" summary="TSR Chart data displayed as text" width="100%" style="background:#ffffff;">';
  createAccessibleString += '<tr><td width="50%" style="background:#ffffff;"><strong>Date</strong></td><td class="smallheader" style="background:#ffffff;"><strong>%</strong></td></tr>';
  for(i=0;i<lastOne;i++){
    mA = mapArray[i].split('~')
    mainDataItemArray = mA[5].split(':')
    createAccessibleString += '<tr><td width="50%" style="background:#ffffff;" class="data">'+mainDataItemArray[0] + '</td><td class="data" style="background:#ffffff;">' + mainDataItemArray[1] +'</td></tr>';
  }
  createAccessibleString += '</table>';

  writeToDiv('accessibleDiv',createAccessibleString)
}