var CELL_BG_COLOR = "#E1F0FF";
var WHITE_BG_COLOR = "#FFFFFF";


function createScrolList () {
  for (var i = menuItem.length-1; i >= 0 ; i--) {
      document.write ('<option value="'+menuLink[i]+'">'+menuItem[i]+'</option>');
  }
}


function jumpToLink(which){
  if ( menuLink[which] != "" )
    window.open(menuLink[which], '', 'width=680,height=400,resizable=yes,toolbar=yes,scrollbars=yes'); return false;
}


function buildTable (menuNumber, dir) {
  var HTML = "";
  var evenCell = 0;

  HTML += "<table border='0' cellpadding='1' cellspacing='1' style='border-collapse: collapse' bordercolor='#111111' width='100%' id='AutoNumber1'>";

  if ( Title ) {
    if ( dir == 0 ){
      HTML += "<tr><td width='100%' dir='rtl' colspan='4'>";
      HTML += "<P align=right dir='rtl'><font face='Arabic Transparent'><B>";
    }
    else {
      HTML += "<tr><td width='100%' dir='ltr' colspan='4'>";
      HTML += "<P><B>";
    }
    HTML += unescape(menuItem[menuNumber]);
    HTML += "</B></font></P>";
    HTML += "</td></tr>";
  }
  if ( dir == 0 )
    HTML += "<tr><td width='100%' dir='rtl' colspan='4'>";
  else
    HTML += "<tr><td width='100%' dir='ltr' colspan='4'>";
 
  HTML += unescape(textdisplay[menuNumber]);
  HTML += "</td></tr>";
  var j;
  if ( dir == 0 ) { // Arabic Case
  for (var i=0; i<=subMenu[menuNumber].length-1; i++) {
    if ( subMenuHeaderFlag ) {
      if ( subMenuHeader[menuNumber][i] ) {
	  HTML += "<tr>";
        HTML += "<td width='100%' dir='rtl' colspan='4'>";
        HTML += "<P align=right dir='rtl'><font face='Arabic Transparent'><B>";
        HTML += unescape(subMenuHeader[menuNumber][i]);
        HTML += "</B></font></P>";
        HTML += "</td></tr>";
      }
    }
    HTML += "<tr>";
    if ( evenCell ) {
      cellColor = WHITE_BG_COLOR;
      evenCell = 0;
    }
    else {
      cellColor = CELL_BG_COLOR;
      evenCell = 1;
    }

    HTML += "<td width='40%' dir='rtl' bgcolor='"+cellColor+"'>";
    HTML += "<P align=right dir='rtl'><font face='Arabic Transparent'>";
    HTML += unescape(subMenuWriter[menuNumber][i]);
    HTML += "</font></P></td>";
    HTML += "<td width='10%' dir='rtl' bgcolor='"+cellColor+"'>";                               // New Cell
    if ( subMenuNew[menuNumber][i] )
      HTML += "<img border='0' src='../images/new.gif' width='28' height='11'>";
    HTML += "</td>";
    HTML += "<td width='44%' dir='rtl' bgcolor='"+cellColor+"'>";							// Title's Cell
//    HTML += "<A HREF=# onclick=\"javaScript:window.open('"+subMenuLink[menuNumber][i]+"?Creator="+subMenuWriter[menuNumber][i]+"\&Article="+subMenu[menuNumber][i]+"','','width=680,height=400,resizable=yes,toolbar=yes,scrollbars=yes')\">";
//    HTML += "<A HREF='"+subMenuLink[menuNumber][i]+"'>";
    HTML += "<A HREF=# onclick=\"javaScript:window.open('"+subMenuLink[menuNumber][i]+"','','width=680,height=400,resizable=yes,toolbar=yes,scrollbars=yes')\">";

    HTML += "<FONT face='Arabic Transparent'><STRONG>";
    HTML += unescape(subMenu[menuNumber][i]);	
    HTML += "</STRONG></FONT></A>";
	  
    HTML += "</td>";
    j = i+1;
    if ( subMenu[menuNumber][i] ) 								// Serial Number's Cell
	HTML += "<td width='6%' dir='rtl' bgcolor='"+cellColor+"'><font face='Arabic Transparent'>"+j+"</font></td>";
    else
	HTML += "<td width='6%' dir='rtl' bgcolor='"+cellColor+"'><font face='Arabic Transparent'></font></td>";

    HTML += "</tr>";
    if ( choiceButton ) {
	HTML += "<tr><td width='100%' dir='rtl' colspan='4'>";
	HTML += "<p align='center'><input type='button' value='Read' name='go' onClick=\"javaScript:window.open('"+menuLink[menuNumber]+"','','width=680,height=400,resizable=yes,toolbar=yes,scrollbars=yes')\"></p>";
      HTML += "</td></tr>"
    }
  }
  } else { // English Case
  for (var i=0; i<=subMenu[menuNumber].length-1; i++) {
    if ( subMenuHeaderFlag ) {
      if ( subMenuHeader[menuNumber][i] ) {
	  HTML += "<tr>";
        HTML += "<td width='100%' dir='ltr' colspan='4'><P><B>";
        HTML += unescape(subMenuHeader[menuNumber][i]);
        HTML += "</B></P>";
        HTML += "</td></tr>";
      }
    }
    if ( evenCell ) {
      cellColor = WHITE_BG_COLOR;
      evenCell = 0;
    }
    else {
      cellColor = CELL_BG_COLOR;
      evenCell = 1;
    }
    HTML += "<tr>";
    j = i+1;
    if ( subMenu[menuNumber][i] )
    	HTML += "<td width='6%' dir='ltr' bgcolor='"+cellColor+"'>"+j+"</td>";
    else
    	HTML += "<td width='6%' dir='ltr' bgcolor='"+cellColor+"'></td>";

    HTML += "<td width='44%' dir='ltr' bgcolor='"+cellColor+"'>";
    //HTML += "<A HREF=# onclick=\"javaScript:window.open('"+subMenuLink[menuNumber][i]+"?Creator="+subMenuWriter[menuNumber][i]+"\&Article="+subMenu[menuNumber][i]+"','','width=680,height=400,resizable=yes,toolbar=yes,scrollbars=yes')\">";
    HTML += "<A HREF=# onclick=\"javaScript:window.open('"+subMenuLink[menuNumber][i]+"','','width=680,height=400,resizable=yes,toolbar=yes,scrollbars=yes')\">";
    HTML += "<STRONG>";
    HTML += unescape(subMenu[menuNumber][i]);	
    HTML += "</STRONG></FONT></A></td>";
    HTML += "<td width='10%' dir='ltr' bgcolor='"+cellColor+"'>";
    if ( subMenuNew[menuNumber][i] )
      HTML += "<img border='0' src='../../images/new.gif' width='28' height='11'>";
    HTML += "</td>";
    HTML += "<td width='40%' dir='ltr' bgcolor='"+cellColor+"'>";
    HTML += unescape(subMenuWriter[menuNumber][i]);
    HTML += "</td>";	  
    if ( choiceButton ) {
	HTML += "<tr><td width='100%' colspan='4'>";
	HTML += "<p align='center'><input type='button' value='Read' name='go' onClick=\"javaScript:window.open('"+menuLink[menuNumber]+"','','width=680,height=400,resizable=yes,toolbar=yes,scrollbars=yes')\"></p>";
      HTML += "</td></tr>"
    }
  }
  }
  HTML += "</table>";
  return (HTML);
}


function displayDescription (which, dir) {
  //var menuNumber = menuItem.length - which -1;
  var menuNumber = which;
  var listHTML = buildTable(menuNumber , dir);
  if (document.all) {
    descriptions.innerHTML=listHTML;
  }
  else if (document.getElementById) {
    document.getElementById("descriptions").innerHTML=listHTML;
  }
  
  displayPhoto (menuNumber );
}
 
function displayPhoto (which) {
  if ( menuPhoto[which] != "" ) {
    var listHTML = "<p align='center'><img border='0' src='"+menuPhoto[which]+"' width='138'></p>";
    //document.write (listHTML);
    if (document.all) {
      photos.innerHTML=listHTML;
    }
    else if (document.getElementById) {
      document.getElementById("photos").innerHTML=listHTML;
    }
  } else {
    if (document.all) {
      photos.innerHTML="";
    }
    else if (document.getElementById) {
      document.getElementById("photos").innerHTML="";
    }
  }
}

function createTableList(dir, upsidedown) {
  var HTML = "";
  HTML += "<table border='0' cellpadding='2' cellspacing='5' style='border-collapse: collapse' bordercolor='#111111' width='100%' id='AutoNumber2'>";
  if ( upsidedown ) {
    for (var i = menuItem.length-1; i >= 0 ; i--) {
//	if ( i == choice )
        HTML += "<tr><td width='100%' style='border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1'><b>";
//      else
//	  HTML += "<tr><td width='100%' style='border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1'><b>";

      HTML += "<a href=# onClick=\"javascript:displayDescription('"+i+"','"+dir+"')\" style='text-decoration: none'>";
      HTML += "<font size='2' color='#000080' face='Arabic Transparent'>* ";
      HTML += unescape(menuItem[i]);
      HTML += "</a></b></font>";
      if ( newItem[i] ) {
	  if ( dir )
	  HTML += "<img border='0' src='../../images/new.gif' width='28' height='11'>";
	  else
	  HTML += "<img border='0' src='../images/new.gif' width='28' height='11'>";
	}
      HTML += "</td></tr>";
    }
  } else {
    for (var i = 0; i <= menuItem.length-1; i++) {
      HTML += "<tr><td width='100%' style='border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1'><b>";
      HTML += "<a href=# onClick=\"javascript:displayDescription('"+i+"','"+dir+"')\" style='text-decoration: none'>";
	HTML += "<font size='2' color='#000080' face='Arabic Transparent'>* ";
      HTML += unescape(menuItem[i]);
      HTML += "</a></b></font>";
      if ( newItem[i] ) {
	  if ( dir )
	  HTML += "<img border='0' src='../../images/new.gif' width='28' height='11'>";
	  else
	  HTML += "<img border='0' src='../images/new.gif' width='28' height='11'>";
	}
      HTML += "</td></tr>";
    }
  }
  
  HTML += "</table>";
  document.write ( HTML );
}