window.thumbnails = new Object();
												thumbnails[7989988] = new thumbnail(7989988,'','','rnd1_16_thumb.jpg',160, 120,32,'#');
												thumbnails[7989467] = new thumbnail(7989467,'','Ben Wilson','benwilson1_thumb.jpg',160, 107,32,'#');
												thumbnails[7989549] = new thumbnail(7989549,'','','brands-hath1-2952_thumb.jpg',160, 107,32,'#');
												thumbnails[7989550] = new thumbnail(7989550,'','','brands-hath1-3401_thumb.jpg',160, 107,32,'#');
												thumbnails[7989553] = new thumbnail(7989553,'','','BSBBrandsHatch6011_thumb.jpg',160, 131,32,'#');
												thumbnails[7989554] = new thumbnail(7989554,'','','BSBBrandsHatch6281_thumb.jpg',160, 175,32,'#');
												thumbnails[7989556] = new thumbnail(7989556,'','','BSBBrandsHatch6911_thumb.jpg',160, 107,32,'#');
												thumbnails[7989557] = new thumbnail(7989557,'','','crash1_thumb.jpg',160, 107,32,'#');
												thumbnails[7989558] = new thumbnail(7989558,'','','IMG6403_thumb.jpg',160, 107,32,'#');
												thumbnails[7989559] = new thumbnail(7989559,'','','IMG83881_thumb.jpg',160, 120,32,'#');
												thumbnails[7989945] = new thumbnail(7989945,'429588','Chris Walker','rnd1_1_thumb.jpg',160, 107,32,'photo_7989945.html');
												thumbnails[7989950] = new thumbnail(7989950,'429588','Scott Smart','rnd1_2_thumb.jpg',160, 120,32,'photo_7989950.html');
												thumbnails[7989953] = new thumbnail(7989953,'429588','Michael Rutter','rnd1_3_thumb.jpg',160, 120,32,'photo_7989953.html');
												thumbnails[7989955] = new thumbnail(7989955,'429588','','rnd1_4_thumb.jpg',160, 120,32,'photo_7989955.html');
												thumbnails[7989958] = new thumbnail(7989958,'429588','','rnd1_5_thumb.jpg',160, 120,32,'photo_7989958.html');
												thumbnails[7989962] = new thumbnail(7989962,'429588','Ryuichi Kiyonari','rnd1_6_thumb.jpg',160, 120,32,'photo_7989962.html');
												thumbnails[7989965] = new thumbnail(7989965,'429588','Josh Brookes','rnd1_7_thumb.jpg',160, 120,32,'photo_7989965.html');
												thumbnails[7989971] = new thumbnail(7989971,'429588','Steve Brogan','rnd1_10_thumb.jpg',160, 120,32,'photo_7989971.html');
												thumbnails[7989975] = new thumbnail(7989975,'429588','','rnd1_11_thumb.jpg',160, 120,32,'photo_7989975.html');
												thumbnails[7989980] = new thumbnail(7989980,'429588','','rnd1_13_thumb.jpg',160, 120,32,'photo_7989980.html');
												thumbnails[7989983] = new thumbnail(7989983,'429588','','rnd1_14_thumb.jpg',160, 120,32,'photo_7989983.html');
												thumbnails[7989986] = new thumbnail(7989986,'429588','','rnd1_15_thumb.jpg',160, 120,32,'photo_7989986.html');
												thumbnails[8010348] = new thumbnail(8010348,'388215','Porsche Power','_MG_3681_bw_thumb.jpg',160, 107,32,'photo_8010348.html');
												thumbnails[8010349] = new thumbnail(8010349,'388215','Racing Away','_MG_5118_thumb.jpg',160, 107,32,'photo_8010349.html');
												thumbnails[8010350] = new thumbnail(8010350,'388215','Foggy Esses','_MG_5647_thumb.jpg',160, 107,32,'photo_8010350.html');
												thumbnails[8010351] = new thumbnail(8010351,'388215','Gary Mason','Gary-Mason_thumb.jpg',160, 107,32,'photo_8010351.html');
												thumbnails[8010352] = new thumbnail(8010352,'388215','Speedy','NigelCole-Speedy_thumb.jpg',160, 107,32,'photo_8010352.html');
												thumbnails[8010353] = new thumbnail(8010353,'388215','Shayne Byrne','sp_ShaneByrne_220707_thumb.jpg',160, 107,32,'photo_8010353.html');

/***************************************************************************
* Create the array of Gallery objects                                      *
***************************************************************************/
var galleries = new Object();
				  					galleries[429588] = new gallery(429588,'7989986,7989983,7989980,7989975,7989971,7989965,7989962,7989958,7989955,7989953','British Superbikes 2011 Round 1','gallery',[7989945,7989950,7989953,7989955,7989958,7989962,7989965,7989971,7989975,7989980,7989983,7989986],0, 0, '', 'gallery_429588.html',0,0);
				  					galleries[388215] = new gallery(388215,'8010348','Motorsport','gallery',[8010348,8010349,8010350,8010351,8010352,8010353],0, 0, '', 'gallery_388215.html',0,0);
/***************************************************************************
* Create the array of image sets                                           *
***************************************************************************/
var imageSets = new Object();
imageSets[242062] = '8010348';
imageSets[1] = '7989559,7989558,7989557,7989556,7989554,7989553,7989550,7989549,7989467';
imageSets[2] = '8010348';
imageSets[3] = '8010353,8010352,8010351,8010350,8010349,8010348,7989988,7989986,7989983,7989980,7989975,7989971,7989965,7989962,7989958,7989955,7989953,7989950,7989945,7989559,7989558,7989557,7989556,7989554,7989553,7989550,7989549,7989467';
 /***************************************************************************
* Get a server path given an ID                                            *
***************************************************************************/
function getServerPath(server_id) {
	var val = -1;
		switch (server_id) {
		case 21:
		val = 'http://www6.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 1:
		val = 'http://www1.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 2:
		val = 'http://admin.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 24:
		val = 'http://tpc15/clikpic/coleplay/images';
		break;
	}
		switch (server_id) {
		case 4:
		val = 'http://clikchurch.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 5:
		val = 'http://www2.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 22:
		val = 'http://tpc5/clikpic/coleplay/images';
		break;
	}
		switch (server_id) {
		case 23:
		val = 'http://tpc10/clikpic/coleplay/images';
		break;
	}
		switch (server_id) {
		case 25:
		val = 'http://tpc16/clikpic/coleplay/images';
		break;
	}
		switch (server_id) {
		case 40:
		val = 'http://www11.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 42:
		val = 'db2.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 15:
		val = 'http://www3.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 18:
		val = 'http://www4.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 19:
		val = 'http://www5.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 31:
		val = 'http://www7.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 32:
		val = 'http://admin2.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 33:
		val = 'http://www8.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 34:
		val = 'http://www9.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 35:
		val = 'http://admin3.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 37:
		val = 'http://admin4.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 38:
		val = 'http://admin5.clikpic.com/coleplay/images';
		break;
	}
		switch (server_id) {
		case 39:
		val = 'http://www10.clikpic.com/coleplay/images';
		break;
	}
		return val;
}

/***************************************************************************
* img = reference to image object in which to show image                   *
***************************************************************************/
function showHomeImage(img) {

	imageID = randomListVal('');
		if (!basic) {
	img.src = photos[imageID].src;
	img.width = photos[imageID].width;
	img.height = photos[imageID].height;
  img.parentNode.title = img.alt = photos[imageID].caption;
	}
	else {
		newImage = new Image(photos[imageID].width,photos[imageID].height);
		newImage.src = photos[imageID].src;
		document.images[img.name] = newImage;
				
	}
			}

function getHomeImageLink(imageID) {
  	var href='', photo = backgrounds && backgrounds[imageID];
	if(photo){
		if (photo && photo.galleries_id != '') {
  			href = photo.fnGalleryLink();
  		}
  		  		else {
  				href += 'gallery.html';
  	  		}
	}
    return href;
}
/***************************************************************************
* Show a random image on home page from featured images                    *
***************************************************************************/
function showHomeImageInline(el, image_sets_id, href) {
	
  var css = {}, imageID,
	    imageSetsId = 1;
	if(image_sets_id){
		imageSetsId = image_sets_id;
	}
	imageID = randomListVal(imageSets[imageSetsId]);
		if (href == null && 'gallery' != '') {
					href = getHomeImageLink(imageID);
	}
    
  updateImage({nextPhoto: backgrounds[imageID], img:el.find('img')[0],
                $photo:el, $title:$('#homeimageTitleContainer'), $detail:$('#homeimageDetailsContainer'),                speed:0, href:href, css:css, onAfter: function(){                  this.closest('.contentsection').doManualAlign({				    inner: 'img',				    crop: 'a'				  });                }              });
}

/***************************************************************************
* Set 'img' to be a new image given its photo() object                     *
***************************************************************************/
function updateImage (options) {
  var defaults = {nextPhoto:'',field:'',img:'',$photo:'',$title:'',$detail:'',
                    updateDocumentTitle:false,speed:0,href:false,css:false,updateHash:false,onAfter:null,onBefore:null},
      op = $.extend({},defaults,options),
      html = '', temp = '',
      photoId = op.nextPhoto.id,
      photoCaption = op.nextPhoto.caption,
      photoSrc = op.nextPhoto.src;
		
		if (!basic) {
    if (op.updateHash && clik.getIDInUrl(location.href,'photo') != op.nextPhoto.id) {
		clik.changeHash('photos_id=' + op.nextPhoto.id, true);
    }
				
    if (op.$photo.length > 0) {
      html = $('<img/>',{
        'class': 'mainphoto photo',
        src: photoSrc,
        id: 'mainPic',
        name: 'mainPic',
        width: op.nextPhoto.width,
        height: op.nextPhoto.height,
        alt: photoCaption,
        css: op.css || {}
      });
      if (op.href) {
      	if (op.href.match(/<a/)) {
      	  html = $(op.href).append(html);
      	} else {
		  html = $('<a/>', {
			href: op.href,
			title: photoCaption
		  }).append(html);
	    }
      } else {
      	html = $('<a/>', {
			title: photoCaption
		  }).append(html);
      }
      if (op.speed == 0) {        op.$photo.html(html);        if (op.onBefore) {          op.onBefore.apply(op.$photo);        }        if (op.onAfter) {          op.onAfter.apply(op.$photo);        }      } else {        op.$photo.stop(true,true).fadeReplaceWith(html,op.speed,'',function(){            if (op.onAfter) {		    op.onAfter.apply(this);          }		  clik.doColumnResize(false, $(this).add(op.$detail).add(op.$title));		  $('body').trigger('clikUpdate');		}, op.onBefore);
      }    }
    	if (op.field) {
		op.field.value = photoId;
	} else {
		op.$photo.data('image_id', photoId);
    }
	    if (op.$title.length > 0) {
  		op.$title.fadeGalleryDetails(photoCaption, op.speed);
    }
        if (op.updateDocumentTitle) {
						  document.title = 'Coleplay Photography: ' + photoCaption;
			    }
        if (op.$detail.length > 0) {
      temp = op.nextPhoto.fnGetImageDetails();
	    op.$detail.fadeGalleryDetails(temp, op.speed, function(){
	    var options = {photoinfominwidth:220};	    	      	      resizePhotoInfo(options);
        if (typeof(backgrounds) != 'undefined' && op.nextPhoto == backgrounds[op.nextPhoto.id]) {
  	      toggleAddToCartConfirm(backgrounds);
  	    } else if (typeof(photos) != 'undefined' && op.nextPhoto == photos[op.nextPhoto.id]) {
  	      toggleAddToCartConfirm(photos);
  	    }
	    });
    }
        if (!op.speed) {      clik.doColumnResize(false, op.$photo.add(op.$detail).add(op.$title));      $('body').trigger('clikUpdate');    }        
    return html;			}
	else {
				
		window.location = 'photo_' + nextPhoto.id + '.html';
	}
		
}

/***************************************************************************
* Toggle add to cart confirmation element and set up the click event for   *
* the 'Add to cart' button.                                                *
***************************************************************************/
function toggleAddToCartConfirm(array){
  if (typeof(array) !== 'object' || array == undefined) {
    array = photos;
  }
	if($('#paymentConfirm').length > 0){
		$('#paymentConfirm').hide();
		$('#paymentAddButton')
		.unbind()
		.click(function(){
						form = document.getElementById('paymentForm');
			option_id = 0;
			if(form.item_option.value){
				option_id = form.item_option.value;
			}
			if(addItemToBasket(form.item_number.value,array,form.site.value,parseInt(form.quantity.value, 10),option_id)){
				if($.browser.msie){$('#paymentConfirm').text('Item added to cart').show();}
				else{
					$('#paymentConfirm').text('Item added to cart').fadeIn();
					dspOrderDetails(form.site.value);
				}
			}
			else{
				$('#paymentConfirm').text('Item not added - check cookies are enabled in your browser.').fadeIn();
			}
		});
	}
}
/***************************************************************************
* Get payment info for image - add as 'method' to photo object             *
***************************************************************************/
photo.prototype.fnGetImageDetails = function(){
	var temp = '';
	if (this.description != '') {
		temp = temp +  '<p id="imageDescription">' + this.description + '</p>';
	}
		if (this.photo_ref != '') {
		temp = temp + '<p class="imageinfo" id="imageRef"><strong>Ref: </strong>' + this.photo_ref + '</p>';
	}
		if (this.takendate != '') {
				
		temp = temp + '<p class="imageinfo" id="imageDate"><strong>Date: </strong>' + this.takendate + '</p>';
	}
	
	if (this.location != '') {
				
		temp = temp + '<p class="imageinfo" id="imageLocation"><strong>Location: </strong>' +  this.location + '</p>';
	}
	
	if (this.photographer != '') {
				
		temp = temp + '<p class="imageinfo" id="imagePhotographer"><strong>Photographer: </strong>' + this.photographer + '</p>';
	}
					
	temp = temp + this.fnGetPaymentInfo();
				if (temp != '') {
		temp = temp + '<div class="spacer"></div>';
	}
	return temp;
};

/***************************************************************************
* Get payment info for image - add as 'method' to photo object             *
***************************************************************************/
photo.prototype.fnGetPaymentInfo = function(){
	var temp = '';
	if (this.item_price !== '') {
																		temp = temp + '<p>Buy now using PayPal:</p>';
				temp = temp + '<p class="imageinfo" id="imagePrice"><strong>' + this.purchase_instruction + '</strong> &pound;' + (this.item_price).toFixed(2) + '</p>';
		var item_name  = this.purchase_instruction;
		var amount = (this.item_price).toFixed(2);
		var item_option  = 0;
	}
	else if (this.payment_groups_id !== '') {
		temp = temp + '<p>Buy this print online:</p>';
				temp = temp + '<form id="paymentOptions" style="margin:0px;border:0px;" name="paymentOptions">';
		 									temp = temp + '<select class="paymentlink" name="payment_options_id" onchange="updateCartValue(document.forms.paymentForm,this.form.payment_options_id.options[this.form.payment_options_id.options.selectedIndex].value); if(divShowing(\'paymentConfirm\')){fadeOut(\'paymentConfirm\', 3)};">';
				
		temp = temp + getPaymentOptions(this.payment_groups_id);
		temp = temp + '</select>';
		temp = temp + '</form>';
				var item_option  = paymentGroups[this.payment_groups_id].options[0];
		if(paymentOptions[item_option]){
			var item_name  = paymentOptions[item_option].payment_option;
			var amount =  paymentOptions[item_option].price;
		}
			}
	else {
				
	}
	if (this.item_price !== '' || this.payment_groups_id !== '') {
									temp = temp + '<form id="paymentForm" style="margin:0px;border:0px;" name="paymentForm">';
	temp = temp + '	<input type="hidden" name="item_option" value="' + item_option + '">';
	temp = temp + '	<input type="hidden" name="site" value="COLEPLAY">';
		temp = temp + '	<input type="hidden" name="item_number" value="'+ this.id +'">';
			temp = temp + '	<input type="hidden" name="quantity" value="1">';
								temp = temp + '	<input value="Add to cart" id="paymentAddButton" class="button" onmouseover="this.className=\'buttonHi\'\;" onmouseout="this.className=\'button\'\;" type="Button">';
			temp = temp + '	<input value="View cart" id="paymentViewButton" class="button" onmouseover="this.className=\'buttonHi\';" onmouseout="this.className=\'button\';" type="Button" onclick="javascript:window.location=\'cart.html\'">';
	temp = temp + '</form>';
		temp = temp + '<div class="clearing">&nbsp;</div>';
	temp = temp + '<div id="confirmContainer">';
	temp = temp + '<div id="paymentConfirm">Item added to cart</div>';
	temp = temp + '</div>';
			temp = temp + '<div class="clearing">&nbsp;</div>';
	}
	return temp;};

/***************************************************************************
* Pick a photo at random from the featured images of a gallery.            *
* Gallery_id = id of gallery to choose,                                    *
* img = reference to html image in                                         *
* which to show image                                                      *
***************************************************************************/
function showGalleryImage(gallery_id, img, updateLink) {
		
	if(img){
	      if (location.hash.match('galleries_id=' + gallery_id) && (imageID = location.hash.match('.*photos_id=(.+)$'))) {
        imageID = imageID[1];
      } else {
			  imageID = randomListVal(galleries[gallery_id].featured_images);
      }
							
			if (imageID != 0) {
				img.src = thumbnails[imageID].src;
				img.width = thumbnails[imageID].width;
				img.height = thumbnails[imageID].height;
				img.alt = galleries[gallery_id].title;
        if (updateLink) {
          $(img).parent().attr({            href: thumbnails[imageID].fnGalleryLink(gallery_id),            title: galleries[gallery_id].title          });
        }
							}
										}
}

/***************************************************************************
* If we have dynamic HTML, replace the galleries link with a list that     *
* doesn't include thecurrent gallery                                       *
***************************************************************************/
function showGalleries(gallery_id) {
		
	
	if (!basic) {
		temp = '';
		for (i = 0; i < galleries.length; i++) {
						
			
			if (galleries[i].id != gallery_id) {
								
				if (temp != '') {
					temp = temp + ' | ';
				}
				temp = temp + '<a href="' + galleries[i].section_code + '_' + galleries[i].id + '.html">' + galleries[i].title + '</a>';
			}
		}
		document.all.galleryLinks.innerHTML = 'Other galleries: ' + temp;
	}
}

			

