var Pic = new Array(27);   

function createImageArray() {
  Pic[0] =  'Beach.jpg';
  Pic[1] =  'Ears.jpg' ;
  Pic[2] =  'Ears_2.jpg' ;
  Pic[3] =  'Embroidery.jpg' ;
  Pic[4] =  'Feet.jpg' ;
  Pic[5] =  'Eva_2.jpg'  ;
  Pic[6] =  'Braid.jpg' ;
  Pic[7] =  'Nicole_Appleton.jpg'  ;
  Pic[8] =  'Nicole_Appleton_2.jpg'  ;
  Pic[9] =  'Saddle.jpg'  ;
  Pic[10] = 'Saddle_2.jpg'  ;
  Pic[11] = 'Water.jpg'  ;
  Pic[12] = 'Braid_2.jpg'  ;
  Pic[13] = 'HOY_2010.jpg'  ;
  Pic[14] = 'HOY_2010_2.jpg'  ;
  Pic[15] = 'Foals.jpg'  ;
  Pic[16] = 'Foals_2.jpg'  ;
  Pic[17] = 'Foals_3.jpg'  ;
  Pic[18] = 'HOY2010.jpg'  ;
  Pic[19] = 'Foals_5.jpg'  ;
  Pic[20] = 'Foals_6.jpg'  ;
  Pic[21] = 'Whoop.jpg'  ;
  Pic[22] = 'Tail.jpg'  ;
  Pic[23] = 'Kara.jpg'  ;
  Pic[24] = 'Splash.jpg'  ;
  Pic[25] = 'Bubbles.jpg'  ;
  Pic[26] = 'Benny.jpg'  ;
 }

 /* return random number */
function randInt(size){
  var rNum = Math.ceil(Math.random()*size);
  return rNum;
}

 
 function startBanner() {
	var bannerGallery = new gallery($('bannerGallery'), {
		timed: true,
		delay: 5000,
		showArrows: false,
		showCarousel: false,
		showInfopane: false,
		embedLinks: false
	});
}

function createGallery(id) {
    var banner = document.getElementById('banner');
    var divTag = document.createElement('div');
    divTag.id = id;
    banner.appendChild(divTag);
}
	
function addPicture(rootdir, gallery, picture) {
  var bannerGallery = document.getElementById(gallery);
  var newDiv = document.createElement('div');
  newDiv.classname = 'imageElement';
  if (rootdir != '') {
    rootdir = rootdir + '/';
  }
  newDiv.innerHTML = '<div class="imageElement"><a href="#" title="open image" class="open"></a><img src="' +
  					  rootdir +
					  'BannerImages/' +
                      picture +
					  '" class="full" /></div>';
  bannerGallery.appendChild(newDiv);
}

function addBanner(rootdirectory) {
	createImageArray();
	createGallery('bannerGallery');
	/* select 6 random pictures */
	var randValue
	var found
	var selectedPics = new Array(6);
	for (var i=0; i < 6; i++) {
	  randValue = randInt(Pic.length) - 1;  
      addPicture(rootdirectory, 'bannerGallery', Pic[randValue]);
	}
	window.addEvent('domready', startBanner);
}

/* function to add link in newsPane */
function addNewsLink(rootDirectory) {
    var banner = document.getElementById('newsPane');
    var divTag = document.createElement('div');
    divTag.id = 'newsLink';
    if (rootDirectory != '') {
      rootDirectory = rootDirectory + '/';
    }
	divTag.innerHTML = '<p><a href="' +
					   rootDirectory + 	
	                   '../blog/" title="" >News</a></p>';
    banner.appendChild(divTag);
}