function doPopups() {
  if (!document.getElementsByTagName) return false;
  var links = document.getElementsByTagName("a");
  for (var i=0; i < links.length; i++) {
    if (links[i].className.match("addLo")) {
      links[i].onclick = function() {
        window.open(this.href,"", "location=0,status=0,scrollbars=0,resizable=1, width=214,height=120");// Small movie window
        return false;
      }
      }
      if (links[i].className.match("addHi")) {
      links[i].onclick = function() {
        window.open(this.href,"", "location=0,status=0,scrollbars=0,resizable=1, width=428,height=240");// Larger movie window
        return false;
      }
      }
      if (links[i].className.match("sketchesPopUp")) {
      links[i].onclick = function() {

        window.open(this.href,"", "location=0,status=0,scrollbars=0,resizable=1,width=800,height=600");//Sketches window
        return false;
      }
    }
  }
}

/*
	the advert and skit rotator, if js is turned off the user will have an
	empty third column
	
	the skit ids are assumed to be of the form our-skitn where n is an int starting
	from 1.
	
	the ad ids follow our-adsn where n is an int strating form 1

*/

function capsules()
{
if (document.getElementById)
	{
	
		 //id prefexes the script assumes id values of the form our-prefexn where n is an int strating form 1
		var idPrefex= new Array('our-skit', 'our-ads');
		var maxValue = new Array();
		maxValue['our-skit']=4; //the maximum value-1 for n in skit prefex
		maxValue['our-ads']=3; //the maximum value-1 for n in adds prefex
		
		var rand=1;
		
		var divs = document.getElementsByTagName("div"); //get all the divs

		for (var i=0; i < divs.length; i++) {
				if (divs[i].className.match("capsule") && divs[i].className.match("hidden") ) { //only work with div class="capsule hidden"
					
					var skit1=divs[i].getAttribute('id'); // get the divs id
						for (var j=0; j<idPrefex.length; j++)
						{
						if (skit1.indexOf(idPrefex[j])!=-1) //which of our prefexes is the id
							{
								rand=Math.round((Math.random()*maxValue[idPrefex[j]])+1);
								var idValue=idPrefex[j]+rand;	// make the new id prefexrand
							}
					}	
										
				skit1=document.getElementById(skit1); //get the element
				skit1.id=idValue;	//set the id to the element to new random id
				skit1.className="capsule plane";
				
				
		
				}
			}
	
	}
}

/*
	my attempt at a non intrusive roll over function. 
	get any image with the rollOver class. Then when 
	mouseover change the src to over-imageName.
*/
function rollOver() {


  	if (!document.getElementsByTagName) return false;
	if (!document.images) return false;
	
	function createURI(e)
		{
			var mypath=e.split('/');
			var fileName=mypath.pop();       	
			var newURI='over-'+fileName;
			newURI=mypath.join('/')+'/'+newURI;
			return newURI;
		}

  var overs = document.getElementsByTagName("img");
  for (var i=0; i < overs.length; i++) {

	if (overs[i].className.match("rollOver"))   {
      	overs[i].onmouseover = function() {
			var newURI=createURI(this.src);
			this.src=newURI;
      	}
      
		overs[i].onmouseout=function()	{
			var oldURI=this.src;
			var mypath=oldURI.split('/');
			var fileName=mypath.pop();	
			//make sure we're not already in the over state (for ie)
			if(fileName.substring(0,5)=="over-")  {
					var newURI=fileName.substring(5,fileName.length);
				}
				else
				{
					var newURI=fileName;
				}
				
			newURI=mypath.join('/')+'/'+newURI;
			this.src=newURI
			
      	}
      	//preload over images
      
				var newURI=createURI(overs[i].src);
				var fileName=new Image();
				fileName.src=newURI;
      		
      	}
  	}
}
/*
	thank you dean edwards http://dean.edwards.name
*/
if (![].pop) Array.prototype.pop = function() {
                var $item = this[this.length - 1];
                this.length--;
                return $item;
        };

function loaders() {
	doPopups();
	capsules();
	rollOver();
}

window.onload = loaders;