var m_image_placeholder_id = 'ArtistGalleryImage';
var m_imagepath = '../Images/Artists/';
var ie=document.all;
var dom=document.getElementById;

//-------------cjp Browser detection
var AgntUsr=navigator.userAgent.toLowerCase();
var AppVer=navigator.appVersion.toLowerCase();
var DomYes=document.getElementById?1:0;
var NavYes=AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1?1:0;
var ExpYes=AgntUsr.indexOf('msie')!=-1?1:0;
var Opr=AgntUsr.indexOf('opera')!=-1?1:0;
var Opr6orless=window.opera && navigator.userAgent.search(/opera.[1-6]/i)!=-1 //DynamicDrive.com added code
if(Opr){NavYes=1;ExpYes=0;}
var DomNav=DomYes&&NavYes?1:0;
var DomExp=DomYes&&ExpYes?1:0;
var Nav4=NavYes&&!DomYes&&document.layers?1:0;
var Exp4=ExpYes&&!DomYes&&document.all?1:0;
var Exp6Plus=(AppVer.indexOf("msie 6")!= -1||AppVer.indexOf("msie 7")!= -1)?1:0
//-------------cjp Browser detection

// swaps the main image and label for a new one
function gallery_swap(index){
	var name = new String(m_lastname + m_firstname);
	var myRegexp1 = RegExp(' |[.]', 'gi');
	name=name.replace(myRegexp1, '');
	var obj = document.getElementById(m_image_placeholder_id);
	if(DomExp){
		obj.filters.blendTrans.Apply();
	}
	obj.src = m_imagepath + name + '_pic' + (index+1) + '.jpg';
	gallery_text(index);
	if(DomExp){
		obj.filters.blendTrans.Play();
	}
}

// Performs the image gallery initialisation
function gallery_start(){
	var obj = document.getElementById(m_image_placeholder_id);
	if(obj){
		obj.style.filter = "blendTrans(duration=2)";
		gallery_setup();
	}else{
		setTimeout("gallery_start()",50)
	}
}

// Performs the initial setup of the artists image gallery
function gallery_setup() {
	//thumbcontainerobj=dom? document.getElementById("domThumbs") : ie? document.all.domThumbs : document.nsThumbs;
	thumbcontainerobj = document.getElementById("domThumbs");
	
	// format the artists name for files
	var name = new String(m_lastname + m_firstname);
	var myRegexp1 = RegExp(' |[.]', 'gi');
	name=name.replace(myRegexp1, '');

	// assemble html string of thumbnail images
	thumbshtml = '';
	for (i=0; i<(m_images.length); i++) {
		thumbshtml += '<a href="javascript:gallery_swap(' + i + ');">';
		thumbshtml += '<img border="0" src="';
		thumbshtml += m_imagepath + name + '_thumb' + (i+1) + '.jpg';
		thumbshtml += '">';
		thumbshtml += '</a>&nbsp;';
		
		if (i!=0) {
			if (((i+1) % 4)==0) thumbshtml += '<br>';
		}
	}
	
/*
	// write thumbnail images to page
	if (document.layers) {
		thumbcontainerobj.document.write(thumbshtml);
		thumbcontainerobj.document.close();
	}
	if (ie||dom) {
		thumbcontainerobj.innerHTML=thumbshtml;
	}
*/
	if (DomExp||DomNav) {
		thumbcontainerobj.innerHTML=thumbshtml;
	}

	// display default image
	gallery_swap(0);
}

// sets the artists name and image label for each displayed image
function gallery_text(index){
	//imglabelobj=dom? document.getElementById("domLabel") : ie? document.all.domLabel : document.nsLabel;
	//ecardobj=dom? document.getElementById("domEcard") : ie? document.all.domEcard : document.nsEcard;
	
	imglabelobj=document.getElementById("domLabel");
	ecardobj=document.getElementById("domEcard");
	
	imglabelcontainer = '<strong>' + m_firstname + ' ' + m_lastname + '</strong> ' + m_images[index][0];
	
	// format the artists name for files
	var name = new String(m_lastname + m_firstname);
	var myRegexp1 = RegExp(' |[.]', 'gi');
	name=name.replace(myRegexp1, '');

	ecardcontainer = '<table width="100%" border="0" cellpadding="0" cellspacing="3" background="../images/pinkbuttonbg.gif">';
	ecardcontainer += '<tr><td class="nav">';
	ecardcontainer += '<a class="nav" href="../ecard/ecard.aspx?image=' + m_imagepath + name + '_pic' + (index+1) + '.jpg' + '">&#8250; Send this image as e-card</a>';
	ecardcontainer += '</td></tr></table>';
		
/*
	if (document.layers) {
		imglabelobj.document.write(imglabelcontainer);
		imglabelobj.document.close();
		if (m_images[index][1]) {
			ecardobj.document.write(ecardcontainer);
			ecardobj.document.close();
		}
		else {
			ecardobj.document.write('&nbsp;');
			ecardobj.document.close();
		}
	}
*/
	if (DomExp||DomNav){
		imglabelobj.innerHTML=imglabelcontainer;
		if (m_images[index][1]) {
			ecardobj.innerHTML=ecardcontainer;
			ecardobj.style.height='15px';
		}
		else {
			ecardobj.innerHTML='<img src="../images/spacer.gif" width="100" height="1">';
			ecardobj.style.height='1px';
		}
	}
}
gallery_start();