/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Cat Arriola :: http://astrodiva.journalspace.com */

/* ------- begin edit -------- */

var listName='Some Of My Favorites'; // the title of your list between single quotes
var mpic=new Array();

/* Edit link info in this order: name, image file, site title, URL
Insert each info between single quote marks, followed by a comma
(Replace '#' with the URL but leave the two quotes, i.e.
'http://www.theURL.com')
Do not edit after the URL. Add or remove lines as required */


mpic[mpic.length] = new info('SitePro News', 'image/sitepro.gif', 'Web Developers Forums', 'http://www.sitepro.com/" target="_blank"', 'm' + mpic.length);
mpic[mpic.length] = new info('Dynamic Drive', 'image/dd-logo2.gif', 'Free Dhtml and Javascripts', 'http://www.dynamicdrive.com/" target="_blank"', 'm' + mpic.length);
mpic[mpic.length] = new info('Webpro Worls', 'image/wpw-logo.gif', 'Wemaster\'s Forums', 'http://www.webproworld.com/" target="_blank"', 'm' + mpic.length);
mpic[mpic.length] = new info('Soma Fm Radio', 'image/sfm-radio.gif', 'Internet Fm Radio Station', 'http://www.somafm.com/" target="_blank"', 'm' + mpic.length);
mpic[mpic.length] = new info('Javascript Source', 'image/javascript.gif', 'Free Javascript Codes', 'http://javascript.internet.com" target="_blank"', 'm' + mpic.length);

/* ------ Do not edit below this line ------ */

var minArr=new Array();
for (i=0; i<mpic.length; i++) {
  minArr[i]=new Image();
  minArr[i].src=mpic[i].thumb;
}

function info(nam, thumb, Title, web, markID) {
  this.nam = nam;
  this.thumb = thumb;
  this.Title = Title;
  this.web = web;
  this.markID = markID;
}

function codeIt() {
  document.write('<div id="hotlist"><b>' + listName + '<\/b>');
  document.write('<hr width="100%" size="1">');
  for (j=0; j<mpic.length; j++) {
    document.write('<a target="offsite" href="');
    document.write(mpic[j].web);
    document.write('" onMouseover="preview(' + j + ',\'' + mpic[j].markID + '\')">');
    document.write(mpic[j].nam);
    document.write('<\/a><span class="arrow" id="' + mpic[j].markID + '">&nbsp;&#9668<\/span><br>');
  }
  document.write('<br>');
  document.write('<div id="preview">');
  document.write('<img class="thumbnail" alt="" name="screenshot" src="' + minArr[0].src + '" onClick="dest()">');
  document.write('<div id="caption"><\/div>');
  document.write('<P><input type="button" value="Hide preview" onClick="hide()"><\/p>');
  document.write('<\/div><\/div>');
 }

function preview(t,a) {
  unmarkAll();
  document.getElementById(a).style.visibility='visible';
  document.getElementById('preview').style.display='block';
  document.getElementById('caption').innerHTML=mpic[t].Title;
  document.images.screenshot.src=minArr[t].src;
  document.images.screenshot.title='Click to visit ' + mpic[t].nam + '\'s site';
}

function dest() {
  for (x=0; x<mpic.length; x++) {
    if (document.images.screenshot.src==minArr[x].src) {
      window.open(mpic[x].web, 'offsite');
    }
  }
}

function hide() {
  document.getElementById('preview').style.display='none';
  unmarkAll();
}

function unmarkAll() {
  for (c=0; c<mpic.length; c++) document.getElementById(mpic[c].markID).style.visibility='hidden';
}