var tags = Array();

function makeTagsField() {
   var tagsField = document.getElementById('tags');
   var value = '';
   if(tags.length > 0) {
      for(i=0; i < tags.length;i++) {
         value = value + tags[i].id + '=' + tags[i].name + ';';
      }
   }
   tagsField.value = value;
}

function addProductTag(form) {
  var box = document.getElementById('categories-box');
  var tagEl = form.subcategory;
  var tag       = tagEl.value.replace(/(^\s+)|(\s+$)/g, "");
  if(tag == '')
    return false;
    
  var rand = Math.floor(Math.random()*10000000-1);  
    
  var link              = document.createElement("a");
  var linkText  = document.createTextNode(tag);
  link.setAttribute("href","javascript:void(0)");
  link.setAttribute("id",rand);
  link.setAttribute("onClick","removeProductTag(" + rand + ")");
  link.appendChild(linkText);
  box.appendChild(link);
  
  tagEl.value = '';
  tags.push({'id': rand, 'name': tag});
  makeTagsField();
  
  return true;
}

function removeProductTag(id) {
  var tagEl = document.getElementById(id);
  if(tagEl == undefined)
    return false;
 
  var box = document.getElementById('categories-box'); 
  box.removeChild(tagEl);
  
  var newArr = Array();
  for(i=0; i < tags.length;i++) {
	 if(tags[i].id != id) {
	    newArr.push(tags[i]);
	 }
  }
  tags = newArr;
  makeTagsField();  
}

function initProductTags() {
  var tagsField = document.getElementById('tags');
  if(tagsField.value == '')
    return false;
  var str = tagsField.value.split(";");
  for(var i=0; i < str.length; i++) {
    if(str[i] != '' && str[i] != undefined) {
       var tag = str[i].split("=");
       tags.push({'id': tag[0], 'name': tag[1]}); 
    }
  }
}

function chooseImage(productId,id,filename) {
   var img = document.getElementById('main-image');
   img.src = '/files/converted/product/rectangle_370/' + filename;
   
   var editLink = document.getElementById('gallery-edit-link');
   var delLink 	= document.getElementById('gallery-del-link');
   
   editLink.href 	= '/productupload/editimage/' + productId + '/' + id;
   delLink.href		= '/productupload/delimage/' + productId + '/' + id;
}

if(document.getElementById('tags') != undefined)
  initProductTags();