var no0 = "Nowhere #11307, 2009";
var no1 = "Nowhere #8910, 2008";
var no2 = "Nowhere #8704, 2008";
var no3 = "Nowhere #9104, 2008";
var no4 = "Nowhere #5004, 2005";
var no5 = "Nowhere #0003, 2006";
var no6 = "Nowhere #8207, 2008";
var no7 = "Nowhere #1611, 2005";
var no8 = "Nowhere #5907, 2006";
var no9 = "Nowhere #9012, 2008";
var no10 = "Nowhere #9211, 2008";
var no11 = "Nowhere #8711, 2008";
var no12 = "Nowhere #4609, 2005";
var no13 = "Nowhere #3809, 2005";
var no14 = "Nowhere #4702, 2005";
var no15 = "Nowhere #4107, 2005";
var no16 = "Nowhere #4103, 2005";
var no17 = "Nowhere #5011, 2005";
var no18 = "Nowhere #4712, 2005";
var no19 = "Nowhere #7211, 2007";
var no20 = "Nowhere #8005, 2008";
var no21 = "Nowhere #9904, 2008";


var ch1 = "Jenny, 2006";
var ch2 = "Troy, 2006";
var ch3 = "Steve & Lisa, 2007";
var ch4 = "Joe R., 2007"
var ch5 = "Jean T., 2007";
var ch6 = "Mike, 2006";
var ch7 = "Megan & Karl, 2007";
var ch8 = "Gene, 2007";
var ch9 = "Mary, 2006";
var ch10 = "Mike W., 2006";
var ch11 = "Anna, 2006";
var ch12 = "Kevin, 2006";
var ch13 = "Rob, 2006";
var ch14 = "Laurie & David, 2006";


function rssON(){
	document.getElementById('rss').src="http://www.ianwhitmore.com/portfolio/images/rss.gif";
}
function rssOFF(){
	document.getElementById('rss').src="http://www.ianwhitmore.com/portfolio/images/rssgray.gif";
}


function imageSwap(TRGT, DIR){
	document.getElementById('largeImage').src="http://www.ianwhitmore.com/portfolio/images/loader.gif";
	document.getElementById('largeImage').style.border="solid 1px #FFFFFF";
		
	var nImage =new Image();
	nImage.onload = function(){goSwap(TRGT, DIR)};
	nImage.src = "http://www.ianwhitmore.com/portfolio/" + DIR + "/" + TRGT + ".jpg";
	
	}


function goSwap(TRGT, DIR) {
	document.getElementById('largeImage').src="http://www.ianwhitmore.com/portfolio/" + DIR + "/" + TRGT + ".jpg";
	document.getElementById('largeImage').style.border="solid 1px #AAAAAA";
	document.getElementById("nodetail").innerHTML = this["no" + TRGT];
	document.getElementById("chdetail").innerHTML = this["ch" + TRGT];
	}
	
	

window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		alwaysHide: true,
		show: 4,
		opacity: true,
		onActive: function(toggler, element){
			//element.setStyle('margin-bottom', '20px');
			//toggler.setStyle('color', '#666');
		},
		onBackground: function(toggler, element){
			//element.setStyle('margin-bottom', '2px');
			//toggler.setStyle('color', '#999');			
		}
	
	});
	
});



/**
* A simple JavaScript image loaderimage loader
* @author Cuong Tham
* @url http://thecodecentral.com/2008/02/21/a-useful-javascript-image-loader
* @usage
* var loader = new ImageLoader('IMAGE_URL');
* //set event handler
* loader.loadEvent = function(url, image){
*   //action to perform when the image is loaded
*   document.body.appendChild(image);
* }
* loader.load();
*/

//source: http://snipplr.com/view.php?codeview&id=561
// Cross-browser implementation of element.addEventListener()
function addListener(element, type, expression, bubbling)
{
  bubbling = bubbling || false;
  if(window.addEventListener)	{ // Standard
    element.addEventListener(type, expression, bubbling);
    return true;
  } else if(window.attachEvent) { // IE
    element.attachEvent('on' + type, expression);
    return true;
  } else return false;
}

var ImageLoader = function(url){
  this.url = url;
  this.image = null;
  this.loadEvent = null;
};

ImageLoader.prototype = {
  load:function(){
    this.image = document.createElement('img');
    var url = this.url;
    var image = this.image;
    var loadEvent = this.loadEvent;
    addListener(this.image, 'load', function(e){
      if(loadEvent != null){
        loadEvent(url, image);
      }
    }, false);
    this.image.src = this.url;
  },
  getImage:function(){
    return this.image;
  }
};