var mypickID=0;
var buylist="";
var wishlist="";
var mylist="";
var mywishlist="";
var mystatus=""
var thumbout="no"
var clicked ="no"
var setpic = "images/blankbrown.jpg";
var zooming = "no";
var mypick="";
var mypick0= "";
var mypick1= "";
var mypick2= "";
var mypick3= "";
var mypick4= "";
var elcount=0;
var garmentlist ="";
var itemcount=0;
var mythumb="";

var tablecount=0;
var refcount=1;
var tablecount=0;
var switchthumb ="no";
var vouchercount=0;
var tangacount =0;

function makearrays(){
elcount= document.trapper.trapcount.value;
var elid= document.trapper.trap0.value;
var elsell = document.trapper.trap1.value;
var elref = document.trapper.trap2.value;
var elitem = document.trapper.trap3.value;
var eldesc1 = document.trapper.trap4.value;
var eldesc2 = document.trapper.trap5.value;
var elcol = document.trapper.trap6.value;
var elsize = document.trapper.trap7.value;
var elprice = document.trapper.trap8.value;
var elcomm = document.trapper.trap9.value;
var elcomm2 = document.trapper.trap10.value;


arrayids = new Array(elcount);
arraysells = new Array(elcount);
arrayrefs = new Array(elcount);
arrayitems = new Array(elcount);
arraydesc1s = new Array(elcount);
arraydesc2s = new Array(elcount);
arraycols = new Array(elcount);
arraysizes = new Array(elcount);
arrayprices = new Array(elcount);
arraycomms = new Array(elcount);
arraycomm2s = new Array(elcount);


arrayids= elid.split(",");
arraysells = elsell.split(",");
arrayrefs  = elref.split(",");
arrayitems = elitem.split(",");
arraydesc1s = eldesc1.split(",");
arraydesc2s = eldesc2.split(",");
arraycols = elcol.split(",");
arraysizes = elsize.split(",");
arrayprices = elprice.split(",");
arraycomms = elcomm.split(",");
arraycomm2s = elcomm2.split(",");


var rowno = "0";




for (var i=0;i<elcount;i++){
rowno = i+1;
if (arrayrefs[i].substring(0,1) == "G"){
vouchercount += 1;
}
}


for (var i=0;i<elcount;i++){
rowno = i+1;
if (arrayrefs[i].substring(0,1) == "N"){
tangacount += 1;
}
}

vouchertable = new Array(vouchercount-1)
tangatable = new Array(tangacount-1)

var k = 0;
var m = 0;

for (var j=0;j<elcount;j++){
if (arrayrefs[j].substring(0,1) == "G"){
var voucherrow = arrayids[j] + "," + arraysells[j] + "," + arrayrefs[j]   + "," + arrayitems[j] + "," + arraydesc1s[j] +  "," + arraydesc2s[j] + "," + arraycols[j] + "," + arraysizes[j] + "," + arrayprices[j] + "," + arraycomms[j] + "," + arraycomm2s[j];
thisrow = voucherrow.split(",");
vouchertable[k] = thisrow;
k += 1
}
if (arrayrefs[j].substring(0,1) == "N"){
var tangarow = arrayids[j] + "," + arraysells[j] + "," + arrayrefs[j]   + "," + arrayitems[j] + "," + arraydesc1s[j] +  "," + arraydesc2s[j] + "," + arraycols[j] + "," + arraysizes[j] + "," + arrayprices[j] + "," + arraycomms[j] + "," + arraycomm2s[j];
thisrow = tangarow.split(",");
tangatable[m] = thisrow;
m += 1
}
}

mytable = new Array(elcount);
tablecount = elcount
rowno ="0";




for (var j=0;j<elcount;j++){

//fill the row with array elements

var therow = arrayids[j] + "," + arraysells[j] + "," + arrayrefs[j]   + "," + arrayitems[j] + "," + arraydesc1s[j] +  "," + arraydesc2s[j] + "," + arraycols[j] + "," + arraysizes[j] + "," + arrayprices[j] + "," + arraycomms[j] + "," + arraycomm2s[j];

//make a row array

myrow =therow.split(",");

//Put the row i n the appropiate row

mytable[j]=myrow; 

rowno = j+1;

}
}

function findvoucher(dropvoucher){
var thisid = dropvoucher;
document.getElementById("line1").innerHTML="";
document.getElementById("line2").innerHTML="";

for (var i=0;i<elcount;i++){

if (arrayids[i]==thisid){


document.getElementById("line1").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>" + arraydesc1s[i] + "</a>"
document.getElementById("line2").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>" +  arraydesc2s[i] + "</a>" 
}
}
}

function findtanga(droptanga){
var thisid = droptanga;
document.getElementById("line3").innerHTML="";
document.getElementById("line4").innerHTML="";

for (var i=0;i<elcount;i++){

if (arrayids[i]==thisid){
document.getElementById("line3").innerHTML=arraydesc1s[i];
document.getElementById("line4").innerHTML=arraydesc2s[i];
}
}
}

function findid(accid){
var thisid = accid;
var thisstyle="";
var thiscolour="";
var thissize="";
var thisprice="";


document.getElementById("line1").innerHTML="";
document.getElementById("line2").innerHTML="";

for (var i=0;i<elcount;i++){
if (arrayids[i]==thisid){
document.getElementById("line1").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>" + arraydesc1s[i] + "</a>"
document.getElementById("line2").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>" + arraydesc2s[i] + " - £" + arrayprices[i] + "</a>"

thisstyle= arrayitems[i];
thiscolour= arraycols[i];
thissize= arraysizes[i];
thisprice = "£"+arrayprices[i];
return thisstyle + "," + thiscolour + "," + thissize + "," + thisprice 
}
}
}

function findhav(accid){
var thisid = accid;
var thisstyle="";
var thiscolour="";
var thissize="";

for (var i=0;i<elcount;i++){
if (arrayids[i]==thisid){
thisstyle= arrayitems[i];
thiscolour= arraycols[i];
thissize= arraysizes[i];
return thisstyle + "-" + thiscolour + "-" + thissize 
}
}
}

function findoldid(accid){
var thisid = accid;
var thisstyle="";
var thisdesc="";
var thisdesc2="";
var thiscolour="";
var thissize="";
var thisprice="";
var stylestring="";

for (var i=0;i<elcount;i++){

if (arrayids[i]== thisid){
thisstyle= arrayitems[i];
thisdesc= arraydesc1s[i];
thisdesc2= arraydesc2s[i];
thiscolour= arraycols[i];
thissize= arraysizes[i];
thisprice= arrayprices[i];



//thisstyle + "- " + 


if (0 < thisid && thisid < 6){
stylestring= thisdesc;
}
if (5 < thisid && thisid < 8){
stylestring= thisdesc + "- " + thissize; 
}
if (7 < thisid && thisid < 10){
stylestring= thisdesc;
}
if(9  < thisid && thisid < 172){
stylestring=  thisstyle + "- " + thisdesc2 + "- " + thiscolour + "- "  + thissize;
}
if(171 < thisid && thisid  < 182){
stylestring= thisdesc2 + "- " + "£" + thisprice;
}
if(181 < thisid && thisid  < 188){
stylestring= thisdesc + "- " + thissize;
}
if (thisid==188){
stylestring= thisdesc + "- " + thiscolour;
}
}
}
return stylestring;
}

function findnewid(accid){
var thisid = accid;
var thisstyle="";
var thisdesc="";
var thisdesc2="";
var thiscolour="";
var thissize="";
var thisprice="";
var stylestring="";

for (var i=0;i<elcount;i++){

if (arrayids[i]== thisid){
thisstyle= arrayitems[i];
thisdesc= arraydesc1s[i];
thisdesc2= arraydesc2s[i];
thiscolour= arraycols[i];
thissize= arraysizes[i];
thisprice= arrayprices[i];


if (0 < thisid && thisid < 6){
stylestring = thisdesc;
}
if (5 < thisid && thisid < 8){
stylestring= thisdesc + "- " + thissize; 
}
if (7 < thisid && thisid < 10){
stylestring=thisdesc;
}
if(9  < thisid && thisid < 172){
stylestring= thisstyle + "- " + thisdesc2 + "- " + thiscolour + "- "  + thissize;
}
if(171 < thisid && thisid  < 182){
stylestring=thisdesc2 + "- " + "£" + thisprice;
}
if(181 < thisid && thisid  < 188){
stylestring= thisdesc + "- " + thissize;
}
if (thisid==188){
stylestring= thisdesc + "- " + thiscolour;
}
}
}
return stylestring;
}



function finditems(thumb){
mythumb = thumb;


var j = 0;
var myref ="";
reftable = new Array(tablecount);
var rowno = 0;
var jay = 0;

for (var i = 0; i < tablecount ; i++){
  myref = mytable[i][2];
if (myref==mythumb){
j =j + 1;

//fill the row with array elements

var therow = mytable[i][0] + "," + mytable[i][1] + "," + mytable[i][2]   + "," + mytable[i][3] + "," + mytable[i][4] +  "," + mytable[i][5] + "," + mytable[i][6] + "," + mytable[i][7] + "," + mytable[i][8] + "," + mytable[i][9] + "," + mytable[i][10];

//make a row array

myrow =therow.split(",");

//Put the row i n the appropiate row

jay=j-1;

reftable[jay]=myrow; 

rowno = j;
}
}


refcount = jay;


myitems = new Array(j);
pickedids = new Array(j)

var k = 0;

var item1= "";
var item2= "";
var itemcounter=0;
var l=0;
var itemcount = 0

for (var i = 0; i < refcount - 1 ; i++){
 
var myref = reftable[i][2];

myitems[k] = reftable[i][3];
pickedids[k] = reftable[i][0];
k= k + 1;

item2 =reftable[i][3];
if (item2 !=item1){
item1 = item2;
l=itemcounter;
itemcounter = itemcounter + 1;
l=itemcounter;
itemcount = l;
}
}

itemlist = new Array(itemcount-1)
itemidlist = new Array(itemcount-1)
mydesc1list = new Array(itemcount-1)
mydesc2list = new Array(itemcount-1)

item1= "";
item2= "";
itemcounter=0;
l=0;


for (var i = 0; i < refcount - 1 ; i++){


myref = reftable[i][2];
item2 =reftable[i][3];


if (item2 !=item1){
item1 = item2;
itemlist[l] =item2;
itemidlist[l]=reftable[i][0];
mydesc1list[l]=reftable[i][4];
mydesc2list[l]=reftable[i][5];



 
/*
+ "Desc1 = " + mydesc1list[l] + "\n"
+ "Desc2 = " + mydesc2list[l] + "\n");
*/


l = l + 1

if (l > itemcount){
break
}
}
}

mypick0 = "" + mythumb + "," + itemlist[0] + "";



for (var i= 0;i<itemcount;i++){ 

var itemno=i+1;


mypicki = "mypick" + i;

mypicki = "'" + mythumb + ","  + itemlist[i] + "'";

var myitem = "my" + itemno;

}


if (itemcount > 0){



mypick="";

mypicked= new Array(itemcount);

for (var i= 0;i<itemcount;i++){ 

var mypicki= "" + mythumb + "," + itemlist[i] + "";

}


for (var i= 0;i<itemcount;i++){ 

var itemno=i+1;

var myitem = "my" + itemno;

var mypicki= "" + mythumb + "," + itemlist[i] + "";

//window.status = "Item is " + myitem + " - Mypick is " + mypicki;



document.getElementById("line1").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>" + reftable[i][5] + "</a>"
document.getElementById("line2").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>" +  reftable[i][6] + " - £" + reftable[i][8] + "</a>" 
}

}

else{
document.getElementById("line1").innerHTML="";
document.getElementById("line2").innerHTML="";
}
}


function findcolours(thisref,thisitem){
document.getElementById("line2").innerHTML="";
mythumb= thisref;
var mythumbitem = 0;
mythumbitem = thisitem;

var thumbitem = "";
var commais = "";
var garmentcount=0;

thumbitem = mythumbitem;


var j = 0;
for (var i = 0; i < refcount + 1 ; i++){
myref = reftable[i][2];
myitem = reftable[i][3]


if (myitem==thumbitem){
j =j + 1;
}
}

mycols = new Array(j-1);
pickedids = new Array(j-1)

var k = 0;
for (var i = 0; i < refcount + 1 ; i++){
myref = reftable[i][2];
myitem = reftable[i][3];

if (myitem==thumbitem){
mycols[k] = reftable[i][6];
pickedids[k] = reftable[i][0];
k= k + 1;
}
}

var colour1= "";
var colour2= "";
var colcounter=0;
var l=0;

for (var k = 0 ; k < j -1 ; k++){
colour2 = mycols[k];
if (colour2 !=colour1){
colour1 = colour2;
l=colcounter;
colcounter = colcounter + 1;
l=colcounter;
}
}

collist = new Array(l)

var colour1= "";
var colour2= "";
var colcounter=0;
var l=0;

for (var k = 0 ; k < j -1 ; k++){
colour2 = mycols[k]
if (colour2 !=colour1){
l=colcounter;
colour1 = colour2;
collist[l] =colour2;
colcounter = colcounter + 1;
l=colcounter;
}
}
mypick = "" + mythumb + "," + itemlist[0] + "";
document.getElementById("myres1").innerHTML="<FORM NAME = 'PICKER'>" + "\n" +
"<SELECT NAME = 'ColourPicker' onChange = 'picker_onclick()' style= 'font-family: Arial; font-size: 8pt; color: #FF9900;  background-color: #330000'>" + "\n" + 
"<OPTION>COLOUR</OPTION>" + "\n" + 
makecolour(mythumb,thumbitem) + "\n" +
"</SELECT>" + "\n" +
"</FORM>"
document.getElementById("myres2").innerHTML=""
document.getElementById("mybutton1").innerHTML=""
}

function makecolour(thisthumb,thisitem){
mythumb = thisthumb;
var thumbitem = thisitem

document.getElementById("line1").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>"  + thisitem + "</a>" 

var colouris ="" 

for (var i=0; i<= (collist.length-1) ; i++){
colouris += "<OPTION value = " + "'" + mythumb + "," + thumbitem + ","  + collist[i] + "'>" + collist[i] + "</OPTION>" + "<BR>"
}
return colouris
}

function picker_onclick(){
var pickedcolour=document.PICKER.ColourPicker.value

picked = new String(pickedcolour)

var pickedleft = picked.substring(0,picked.indexOf(","))
var pickedright = picked.substring(picked.indexOf(",") + 1,picked.length)
rightpicked = new String(pickedright)

var midpicked = rightpicked.substring(0,rightpicked.indexOf(","))

pickedright = rightpicked.substring(rightpicked.indexOf(",") + 1,rightpicked.length)

document.getElementById("line2").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>"  + pickedright + "</a>" 

//document.getElementById("myres").innerHTML="<a  style= 'font-family: Arial; font-size: 10pt; color: #FF9900'>"  + pickedleft + " " + midpicked  + " " + pickedright;
//document.getElementById("help1").innerHTML="<a  style= 'font-family: Arial; font-size: 8pt; color: #CCCCCC'>" + "Now choose " + "<a  style= 'font-family: Arial; font-size: 8pt; color: #FF9900'>" + "Size " + "<a  style= 'font-family: Arial; font-size: 8pt; color: #CCCCCC'>" + "and press " + "<a  style= 'font-family: Arial; font-size: 8pt; color: #FF9900'>" + "Buy " + "<a  style= 'font-family: Arial; font-size: 8pt; color: #CCCCCC'>"  + "or " + "<a  style= 'font-family: Arial; font-size: 8pt; color: #FF9900'>" + "Wish";
//document.getElementById("help2").innerHTML="";

document.getElementById("mybutton1").innerHTML=""

findsizes(pickedleft,midpicked,pickedright)
}

function findsizes(pickref,pickitem,pickcol,pickprice){

//var elcount= document.trapper.trapcount.value;
var sizeis=""

sizelist = new Array(mycols.length-1);

var pickedref = pickref;
var pickeditem = pickitem;
var pickedcolour = pickcol;
var pickedprice = pickprice;


sizecounter = 0;
for (var i=0 ; i < refcount ; i++){ 
if (reftable[i][3]==pickeditem && reftable[i][6]==pickedcolour){ 

sizelist[sizecounter] = arraysizes[i];
sizecounter = sizecounter + 1;
}
} 
document.getElementById("myres2").innerHTML="<FORM NAME = 'SIZEPICKER' >" + "\n" +
"<SELECT NAME = 'SizerPicker' onChange = 'sizepicker_onclick()' style= 'font-family: Arial; font-size: 8pt; color: #FF9900;  background-color: #330000'>" + "\n" + 
"<OPTION>SIZE</OPTION>" + "\n" + 
makesize(pickedref,pickeditem,pickedcolour,pickedprice) + "\n" +
"</SELECT>" + "\n" +
"</FORM>"

}

function makesize(thisthumb,thisitem,thiscolour){

//var elcount= document.form.trapper.trapcount.value;
mythumb = thisthumb
var thumbitem = thisitem
var mycolour = thiscolour
sizelist = new Array(mycols.length-1);

var sizeis ="" 


sizecounter = 0;
for (i=0 ; i < elcount ; i++){ 
if (arrayrefs[i]==mythumb && arrayitems[i]==thumbitem && arraycols[i]==mycolour){ 

sizelist[sizecounter] = arraysizes[i];

sizeis += "<OPTION value = " + "'" + mythumb + "," + thumbitem + "," + mycolour + "," + sizelist[sizecounter] + "," +  arrayids[i] +  "," + arrayprices[i] + "'>" + sizelist[sizecounter]  + "</OPTION>" + "<BR>"
sizecounter = sizecounter + 1;
}
}
return sizeis
}

function sizepicker_onclick(){

//document.getElementById("myres").innerHTML=""

var pickedsize= document.SIZEPICKER.SizerPicker.value;

sizepick = new String(pickedsize);

var pickedleft = sizepick.substring(0,sizepick.indexOf(","));
var pickedright = sizepick.substring(sizepick.indexOf(",") + 1,sizepick.length);
rightpicked = new String(pickedright);

var pickedmid = rightpicked.substring(0,rightpicked.indexOf(","));

var midright =  rightpicked.substring(rightpicked.indexOf(",") + 1,rightpicked.length);

midpicked  = new String(midright);

var pickedmid2 = midpicked.substring(0,midpicked.indexOf(","));

var midright2 = midpicked.substring(midpicked.indexOf(",") + 1,midpicked.length);

midpicked2  = new String(midright2);

var pickedmid3 = midpicked2.substring(0,midpicked2.indexOf(","));

var midright3 = midpicked2.substring(midpicked2.indexOf(",") + 1,midpicked2.length);

midpicked3  = new String(midright3);

var pickedmid4 = midpicked3.substring(0,midpicked3.indexOf(","));

pickedright = midpicked3.substring(midpicked3.indexOf(",") + 1,midpicked3.length);



mypickID= pickedmid4;

for (var i = 0; i < refcount + 1 ; i++){

var checkid;
var checksell;
var checkref;
var checkitem;
var checkdesc1;
var checkdesc2;
var checkcol;
var checksize;
var checkprice;
var checkcomm;
var checkcomm2;

if (reftable[i][0] == mypickID){ 
checkid = reftable[i][0]; 
checksell = reftable[i][1];
checkref = reftable[i][2];
checkitem = reftable[i][3];
checkdesc1 = reftable[i][4];
checkdesc2 = reftable[i][5];
checkcol = reftable[i][6];
checksize  = reftable[i][7];
checkprice  = reftable[i][8];
checkcomm  = reftable[i][9];
checkcomm2  = reftable[i][10];
}
}





var spacer = "";

spacer =" - ";

if (checksell==0 ||checksell ==5){
document.getElementById("help1").innerHTML="";
document.getElementById("help2").innerHTML="<a  style= 'font-family: Arial; font-size: 10pt; color: #FF9900'>" + checkcomm2 + "<a style= 'font-family: Arial; font-size: 10pt; color: #FFFFFF'>"  + "\n" +
"<BR>020 7835 0669";
}
else
{
//document.getElementById("myres").innerHTML="<a  style= 'font-family: Arial; font-size: 10pt; color: #FF9900'>"  + pickedleft + " " + pickedmid + " " + pickedmid2 + " " + pickedmid3 + spacer + "<a  style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>£" + pickedright;
document.getElementById("mybutton1").innerHTML="<input type = 'button' value ='Order' onClick = 'PICKER.reset() ; SIZEPICKER.reset() ; BuyHav(mypickID)' style= 'font-family: Arial; font-size: 8pt; color: #FF9900; background-color: #330000;  width: 45 ; border-style: solid; border-color: #FF9900' title = 'Click to Add to Your List'>"

document.getElementById("line1").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>" + pickedmid + "</a>"
document.getElementById("line2").innerHTML= "<a style= 'font-family: Arial; font-size: 10pt; color: #CCCCCC'>"  + pickedmid2 + " " + pickedmid3 + " - £" + pickedright + "</a>" 
}
}