var locs=new Array();
var pageIdx;
var win;

locs[0]=new Array(); //Campsite images and descriptions
locs[1]=new Array(); //Resort images and descriptions
locs[2]=new Array();
locs[3]=new Array();


locs[0][0]="images/fullsize/lower_pool.jpg;Lower Swimming Pool<BR>(With Slides)";
locs[0][1]="images/fullsize/top_pool.jpg;Panorama Swimming Pool";
locs[0][2]="images/fullsize/sitestaff.jpg;Inter Brava Reps and Site Office";
locs[0][3]="images/fullsize/disco.jpg;Evening Entertainment";
locs[0][4]="images/fullsize/whitearea.jpg;The Exclusive 'White Area'";
locs[0][5]="images/fullsize/crazygolf.jpg;Crazy Golf";

locs[1][0]="images/fullsize/medas_islands.jpg;View to Medas Islands";
locs[1][1]="images/fullsize/estartit_port.jpg;Estartit Port";
locs[1][2]="images/fullsize/estartit_beach.jpg;Estartit Beach";
locs[1][3]="images/fullsize/sunflowers.jpg;Sunflowers";
locs[1][4]="images/fullsize/pottery.jpg;Nearby Town";
locs[1][5]="images/fullsize/train.jpg;The Estartit 'Train'";

locs[2][0]="images/fullsize/arch.jpg;Archway";
locs[2][1]="images/fullsize/cal_beach.jpg;Beach And Boats";
locs[2][2]="images/fullsize/cal_port.jpg;Calella Port";
locs[2][3]="images/fullsize/cliff.jpg;A Cliff";
locs[2][4]="images/fullsize/pottery.jpg;Nearby Town";

locs[3][0]="images/fullsize/lasiesta_pool.jpg;Swimming Pool";
locs[3][1]="images/fullsize/tennis.jpg;Tennis";
locs[3][2]="images/fullsize/tesoros.jpg;Site Complex";
locs[3][3]="images/fullsize/volleyball.jpg;Volleyball";
locs[3][4]="images/fullsize/playarea.jpg;Childrens Play Area";
locs[3][5]="images/fullsize/cal-pool-2.jpg;Swimming Pool";

function showWindow(img){
  var iDsp, content;
  var imgIdx=parseInt(img.id.substring(2));
  var left=((window.outerWidth/2)-315);
  var top=((window.outerHeight/2)-215);
	
  if(win == null){
    win=window.open("","imageViewer","resizable=no,scrollbars=no,status=no,"+
                    "left="+left+",top="+top+",width=630,height=430");
    win.document.write("<HTML><HEAD><link href=\"siteStyle.css\" type=\"text/css\" rel=\"stylesheet\"/>"+
                       "<TITLE>Image Viewer</TITLE></HEAD><BODY bgcolor=\"#4041fe\"><div id='idsp' name='idsp'>");
    win.document.write("<TABLE align='center' style='width: 600px; height: 400px;'><TR><TD align='center'>");
    win.document.write("<IMG style='border: 1px inset black;' src='"+locs[pageIdx][imgIdx].split(";")[0]+"'></TD></TR>");
    win.document.write("<tr><td style=\"border: 1px sunken black;\"><table cellpadding=0 cellspacing=0 width=\"100%\">"+
                       "<tr><td class='tl'></td><td class='tm'>"+
                       "</td><td class='tr'></td></tr>");
    win.document.write("<TR><td class='ml'><TD align='center' bgcolor='#bfffff'><B>"+locs[pageIdx][imgIdx].split(";")[1]+
                       "</B></td><td class='mr'></td></tr>");
    win.document.write("<tr><td class='bl'></td><td class='bm'></td><td class='br'></td></tr></table>");
    win.document.write("</TD></TR></TABLE>");
    win.document.write("</DIV>");		
    win.document.write("</BODY></HTML>");
  } else {
    if(win.closed){
      win=window.open("","imageViewer","resizable=no,scrollbars=no,status=no,"+
                      "left="+left+",top="+top+",width=630,height=430");
      win.document.write("<HTML><HEAD><link href=\"siteStyle.css\" type=\"text/css\" rel=\"stylesheet\"/>"+
                         "<TITLE>Image Viewer</TITLE></HEAD><BODY bgcolor=\"#4041fe\"><div id='idsp' name='idsp'>");
      win.document.write("<TABLE align='center' style='width: 600px; height: 400px;'><TR><TD align='center'>");
      win.document.write("<IMG style='border: 1px inset black;' src='"+locs[pageIdx][imgIdx].split(";")[0]+"'></TD></TR>");
      win.document.write("<tr><td style=\"border: 1px sunken black;\"><table cellpadding=0 cellspacing=0 width=\"100%\">"+
                         "<tr><td class='tl'></td><td class='tm'>"+
                         "</td><td class='tr'></td></tr>");
      win.document.write("<TR><td class='ml'><TD align='center' bgcolor='#bfffff'><B>"+locs[pageIdx][imgIdx].split(";")[1]+
                         "</B></td><td class='mr'></td></tr>");
      win.document.write("<tr><td class='bl'></td><td class='bm'></td><td class='br'></td></tr></table>");
      win.document.write("</TD></TR></TABLE>");
      win.document.write("</DIV>");		
      win.document.write("</BODY></HTML>");
    } else {
      iDsp=win.document.getElementById('idsp');
      content="<TABLE align='center' style='width: 600px; height: 400px;'><TR><TD align='center'>";
      content=content+"<IMG style='border: 1px inset black;' src='"+locs[pageIdx][imgIdx].split(";")[0]+"'></TD></TR>";
      content=content+"<tr><td><table cellpadding=0 cellspacing=0 width=\"100%\">"+
                      "<tr><td class='tl'></td><td class='tm'>"+
                      "</td><td class='tr'></td></tr>";
      content=content+"<TR><td class='ml'><TD align='center' bgcolor='#bfffff'><B>"+locs[pageIdx][imgIdx].split(";")[1]+
                      "</B></td><td class='mr'></td></tr>";
      content=content+"<tr><td class='bl'></td><td class='bm'></td><td class='br'></td></tr></table>";
      content=content+"</TD></TR></TABLE>";
      iDsp.innerHTML=content;
    }
  }
  win.focus();
}


