d=document;
upTrayFiles = new Array();
newID = 0;
selectedimage = '';
imageload = false;
traywidth=0;
trayheight=0;
trayleft=0;
traytop=0;

function submitForm(){



}

function addToList(obj){
img = obj.value;

  if(!/\w+\.(jpg|jpeg)/i.test(img)){
    alert('Please select a JPG file!');
  }
  else 
  {
    addtotray();
}
}

//called when iamge completed load

function previewimage(el) {
img = el.value;
if(!/\w+\.(jpg|jpeg)/i.test(img)){
  alert('Please select a JPG file')
}
else 
{
imageload = false;
d.getElementById("preview").style.width = '';
d.getElementById("preview").style.height = '';
//alert(el.value);
//d.getElementById("preview").src = "e:/my documents/web/zoe/images/gd_none.jpg";
alert(d.getElementById("preview").src);
d.getElementById("preview").src = "file://"+el.value;
d.getElementById("imgwarning").innerHTML = "calculating size of "+el.value+"...";
//setTimeout("updateData()",500);
alert('image starting load...');
}
}

function updateData() {
//check image is in there...
if (!imageload) {
  //if not loaded yet
  //setTimeout("updateData()",500);
}
//alert('finished doing image upload');
warning = (traywidth >=900 || trayheight >=600) ? 'This image is very big! When you upload it, the gallery will resize it smaller.\nTo save upload time you may wish to resize the image first.' : 'no image warnings';

d.getElementById("imgwidth").innerHTML = traywidth+' x '+trayheight;
d.getElementById("imgwarning").innerHTML = warning;

}



function addtotray() {
quit=0;
filename = d.getElementById("file"+upTrayFiles.length).value;
//if no file
if(filename == "") {
alert('Please select a file!')
quit = 1;
}
//if file already in upload cue
else {
fileID = filename.split('\\')[filename.split('\\').length-1];
for(i=0;i<upTrayFiles.length;i++) {
if(upTrayFiles[i] == filename) {
quit = 1;
alert('This picture is already in your up tray!')
}
}
}
if(quit !=1) {

//add the file to the up tray...
htmlforthumb = ' <div id="div_' +upTrayFiles.length+'"><div onclick="selectimage(this)" id="image_'+upTrayFiles.length+'" class="uploadimage" width="100" height="100">'+filename+'</div><br>local - <a href="javascript:removeimage('+upTrayFiles.length+')" class="imagedate">remove</a>';

htmlforinputs = '';

d.getElementById("scrollingdiv").innerHTML = d.getElementById("scrollingdiv").innerHTML + htmlforthumb + htmlforinputs + '</div>';
//add clone stuff
//hides existing upload thing...and creates new one

newFile = d.getElementById('file'+upTrayFiles.length).cloneNode(true);
newFile.id = 'file'+(upTrayFiles.length+1);
newFile.style.display = '';
newFile.name = "myfile[]";
//bewFile.onChange='';
//hide existing one
d.getElementById('file'+upTrayFiles.length).style.display = 'none';
var insertHere = d.getElementById('container');
insertHere.parentNode.insertBefore(newFile,insertHere);

//wipe exisitng elements
//d.getElementById("imgwidth").innerHTML = '';
d.getElementById("imgwarning").innerHTML = '';
//d.getElementById("preview").src = './images/noimage.gif';
//d.getElementById("file0").value = '';
upTrayFiles[upTrayFiles.length] = filename;
}
}

function removeimage(el) {

//if already on server...

//alert('removing! ' + el);
//if local...
d.getElementById('div_'+el).parentNode.removeChild(d.getElementById('div_'+el));
//remove from array
upTrayFiles[el] = '';

}