// JavaScript Document

MmenuChoicesText = new Array();
MmenuChoicesText[0] = 'Homepage';
MmenuChoicesText[1] = 'Artists’ Portfolios';
MmenuChoicesText[2] = 'Buy Online';
MmenuChoicesText[3] = 'Books';
MmenuChoicesText[4] = 'Cards';
MmenuChoicesText[5] = 'Printing Services';
MmenuChoicesText[6] = 'Contact Us';
MmenuChoicesLink = new Array();
MmenuChoicesLink[0] = '/index.html';
MmenuChoicesLink[1] = '/V2site/artists';
MmenuChoicesLink[2] = '/V2site/shop';
MmenuChoicesLink[3] = '/V2site/books';
MmenuChoicesLink[4] = '/V2site/cardsws';
MmenuChoicesLink[5] = '/V2site/print';
MmenuChoicesLink[6] = '/V2site/contact';

AmenuChoicesText = new Array();
AmenuChoicesText[0] = 'David Inshaw';
AmenuChoicesText[1] = 'Jo March';
AmenuChoicesText[2] = 'Paul Rudall';
AmenuChoicesText[3] = 'Kevin Safe';
AmenuChoicesText[4] = 'Annie Ovenden';
AmenuChoicesText[5] = 'Lesley Slight';
AmenuChoicesLink = new Array();
AmenuChoicesLink[0] = '/V2site/artists/DavidInshaw';
AmenuChoicesLink[1] = '/V2site/artists/JoMarch';
AmenuChoicesLink[2] = '/V2site/artists/PaulRudall';
AmenuChoicesLink[3] = '/V2site/artists/KevinSafe';
AmenuChoicesLink[4] = '/V2site/artists/AnnieOvenden';
AmenuChoicesLink[5] = '/V2site/artists/LesleySlight';

var DBArtist= new Array();
var DBPortfolio = new Array();
var DBImage = new Array();
var DBTitle = new Array();
var DBCaption = new Array();


var ProductCode = new Array();
var ProductName = new Array();
var ProductPrce = new Array();
var ProductQty = new Array();
var ProductSub = new Array();

var ImageList = new Array();	
var TitleList = new Array();	
var CaptionList = new Array();

var ImageArray = new Array();	



function CreatePageTop(ThisPage,ThisArtist,ThisExtraCode) {
document.write('<div style="width:900px;margin:0px auto 10px auto;padding:0px 0px 0px 0px;">');	
document.write('<table cellpadding="0" cellspacing="0" style="margin:0px 0px 0px 0px;">');
document.write('<tr>');
document.write('<td width="160" height="169" align="center" valign="middle" bgcolor="#565656" style="border-style:solid;border-color:#CCCCCC;border-width:0px 0px 0px 0px;">');
document.write('<img src="/V2controls/logogrey.jpg" width="134" height="167" style="margin:5px 5px 5px 5px;"></td>');	
document.write('<td width="730" align="center" valign="top" bgcolor="#565656" style="text-align:center;border-style:solid;border-color:#CCCCCC;border-width:0px 0px 0px 0px;">');	
document.write('<img src="/V2controls/heading.jpg" width="432" height="92" style="margin:22px auto 0px auto">');
document.write('<p align="center"><ul class="Mmenu">');
for (I=0; I<MmenuChoicesText.length; I++)
    {if   (ThisPage == MmenuChoicesText[I])
	      {document.write('<li class="MmenuThis"><a href="' + MmenuChoicesLink[I] + '">' + MmenuChoicesText[I] + '</a></li>');}
	 else {document.write('<li><a href="' + MmenuChoicesLink[I] + '">' + MmenuChoicesText[I] + '</a></li>');}}	 
document.write('</ul></p></td></tr>');
document.write('<tr>');
document.write('<td width="160" align="center" valign="top" bgcolor="#565656" style="border-style:solid;border-color:#AAAAAA;border-width:0px 0px 0px 0px;">');
if  ((ThisPage != "Books") && (ThisPage != "Cards")&& (ThisPage != "Buy Online")) 
    {document.write('<p class="LeftPanelHeading">Artists</p>');
     document.write('<ul class="Amenu">');
     for (I=0; I<AmenuChoicesText.length; I++)
             {if   (ThisArtist == AmenuChoicesText[I])
                   {document.write('<li class="AmenuThis"><a href="' + AmenuChoicesLink[I] + '">' + AmenuChoicesText[I] + '</a></li>');}
     		 else {document.write('<li><a href="' + AmenuChoicesLink[I] + '">' + AmenuChoicesText[I] + '</a></li>');}}	  
     document.write('</ul>');}
if  (ThisExtraCode)
    {document.write(ThisExtraCode);}
document.write('</td>');
document.write('<td width="730" align="center" valign="top" bgcolor="#565656" style="border-style:solid;border-color:#CCCCCC;border-width:0px 0px 0px 0px;">');
}


function CreatePageBottom() {
document.write('</td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td width="160" height="30" bgcolor="#565656"></td>');
document.write('<td width="730" height="30" align="center" valign="middle" bgcolor="#565656"><span class="FooterText">Tabretts Fine Art Limited, Registered in England, 1 Vineyards, Bath, BA1 5NA.</span>');
document.write('</td></tr></table></div>');
}


function CreatePortfolio(PArtist,PPortfolio,PAltExtension,PFooter) {
var PHeading = PArtist + " - " + PPortfolio;
var j=0;
var prev = "";
for (i=0;i<DBArtist.length;i++) 
    {if  ((DBArtist[i] == PArtist) && (DBPortfolio[i] == PPortfolio))
		 {
	 if   (prev == DBTitle[i])
		  {CaptionList[j-1] = CaptionList[j-1] + "<br>&nbsp;<br>" + DBCaption[i];}
	 else {CaptionList[j] = DBCaption[i];
 		   TitleList[j] = DBTitle[i];
  		   ImageList[j] = DBImage[i];
		   prev = DBTitle[i];
		   j++;}}
	}

CreatePageTop('Artists&rsquo; Portfolios',PArtist);
document.write('<div style="width:650px; padding:10px 10px 10px 10px; margin:25px auto 0px auto;border:1px solid #AAAAAA;background-color:#565656;">');
document.write('<p class="PHeading">' + PHeading + '</p>');

// DISPLAY LARGE IMAGE
document.write('<div id="ImageDiv" style="display:none;text-align:center;">');
document.write('<table style="margin: 0 auto;"><tr>');
document.write('<td width="120"><p class="maincaptionsimple"><a href="javascript:ShowPrev()"><img src="/V2controls/prev.gif" style="border:0px;"></a></p></td>');
document.write('<td width="150"><p class="maincaptionsimple"><a href="javascript:ShrinkIt()"><img src="/V2controls/close.gif" style="border:0px;"></a></p></td>');
document.write('<td width="120"><p class="maincaptionsimple"><a href="javascript:ShowNext()"><img src="/V2controls/next.gif" style="border:0px;"></a></p></td>');
document.write('<tr></table>');
document.write('<div style="height:450px;">');
document.write('<img id="BigImage" src="/V2controls/wait.gif">');
document.write('</div>');
document.write('<p class="PSingleTitle" id="TitleField">Loading Title ...</p>');
document.write('<p class="PSingleCaption" id="CaptionField">Loading Caption ...</p>');
document.write('</div>');

// DISPLAY ALL SMALL IMAGES
document.write('<div style="width:525px; padding:0px 0px 0px 0px; margin:15px 0px 0px 0px;" id="MainDiv">');
document.write('<p class="PNote">Click on an image to view a larger version</p>');
document.write('<p class="PNote">&nbsp;</p>');
for (i=0;i<ImageList.length;i++)
    {document.write('<div class="shadow"><a href="javascript:LargeIt(\'' + i + '\')"><img src="Images/' + ImageList[i] + '_S.jpg" alt="' + TitleList[i] + PAltExtension + '" border="0"></a></div>');
     document.write('<p class="PListTitle">' + TitleList[i] + '</p>');
     document.write('<p class="PListCaption">' + CaptionList[i] + '</p>');
     document.write('<div class="PDivision"></div>');}
document.write('<p class="PFootnote">'+ PFooter + '</p>');
document.write('</div>');

ThisField = 0;
document.write('</div>');
CreatePageBottom();
}

function LargeIt(Field) {
ThisField = Field;
var ElementMainDiv = document.getElementById('MainDiv');
var ElementImageDiv = document.getElementById('ImageDiv');
var ElementBigImage = document.getElementById('BigImage');
var ElementCaptionField = document.getElementById('CaptionField');
var ElementTitleField = document.getElementById('TitleField');
var ElementSpecMess = document.getElementById('SpecMess');
ElementMainDiv.style.display = "none";
ElementImageDiv.style.display = "block";
ElementBigImage.src = "/V2controls/wait.gif";
ElementCaptionField.innerHTML = "";
ElementTitleField.innerHTML = "";
ImageArray[ThisField] = new Image();
ImageArray[ThisField].onLoad = ShowIt();
ImageArray[ThisField].src = "Images/" + ImageList[ThisField] + "_L.jpg";
}

function ShowIt() {
var ElementBigImage = document.getElementById('BigImage');
var ElementCaptionField = document.getElementById('CaptionField');
var ElementTitleField = document.getElementById('TitleField');
ElementBigImage.src = "Images/" +  ImageList[ThisField] + "_L.jpg";
ElementCaptionField.innerHTML = CaptionList[ThisField];
ElementTitleField.innerHTML = TitleList[ThisField];
}


function ShrinkIt() {
var ElementMainDiv = document.getElementById('MainDiv');
var ElementImageDiv = document.getElementById('ImageDiv');
var ElementBigImage = document.getElementById('BigImage');
var ElementCaptionField = document.getElementById('CaptionField');
var ElementTitleField = document.getElementById('TitleField');
ElementMainDiv.style.display = "block";
ElementImageDiv.style.display = "none";
ElementBigImage.src = "/V2controls/wait.gif";
ElementCaptionField.innerHTML = "";
ElementTitleField.innerHTML = "";

}

function ShowNext() {
ThisField++;
if (ThisField == ImageList.length) {ThisField = 0;}
var ElementMainDiv = document.getElementById('MainDiv');
var ElementImageDiv = document.getElementById('ImageDiv');
var ElementBigImage = document.getElementById('BigImage');
var ElementCaptionField = document.getElementById('CaptionField');
var ElementTitleField = document.getElementById('TitleField');
ElementBigImage.src = "/V2controls/wait.gif";
ElementCaptionField.innerHTML = "";
ElementTitleField.innerHTML = "";
ImageArray[ThisField] = new Image();
ImageArray[ThisField].onLoad = ShowIt();
ImageArray[ThisField].src = "Images/" + ImageList[ThisField] + "_L.jpg";
}


function ShowPrev() {
ThisField--;
if (ThisField == -1) {ThisField = ImageList.length-1;}
var ElementMainDiv = document.getElementById('MainDiv');
var ElementImageDiv = document.getElementById('ImageDiv');
var ElementBigImage = document.getElementById('BigImage');
var ElementCaptionField = document.getElementById('CaptionField');
var ElementTitleField = document.getElementById('TitleField');
ElementBigImage.src = "/V2controls/wait.gif";
ElementCaptionField.innerHTML = "";
ElementTitleField.innerHTML = "";
ImageArray[ThisField] = new Image();
ImageArray[ThisField].onLoad = ShowIt();
ImageArray[ThisField].src = "Images/" + ImageList[ThisField] + "_L.jpg";
}