function gradient(id, level)
{
        var box = document.getElementById(id);
        box.style.opacity = level;
        box.style.MozOpacity = level;
        box.style.KhtmlOpacity = level;
        box.style.filter = "alpha(opacity=" + level * 100 + ")";
        box.style.display="block";
        return;
}


function fadein(id)
{
        var level = 0;
        while(level <= 1)
        {
                setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
                level += 0.01;
        }
}



// Open the lightbox


function openbox(fadin,formtitle, products_id, products_model, products_manufacturer, vehicle, category)
{
  if(vehicle.length<15){vehicle='';}
  var box = document.getElementById('box');
  document.getElementById('filter').style.display='block';

  var btitle = document.getElementById('boxtitle');
  btitle.innerHTML = formtitle;
  document.forms["lightbox-form"].products_id.value = products_id;
  document.forms["lightbox-form"].products_model.value = products_model;
  document.forms["lightbox-form"].products_manufacturer.value = products_manufacturer;
  document.forms["lightbox-form"].vehicle.value = vehicle;
  document.forms["lightbox-form"].category.value = category;
  if(vehicle.length>0){
     var vehicle1 = document.getElementById('vehicle');
     vehicle1.innerHTML = vehicle;
     var category1 = document.getElementById('category');
     category1.innerHTML = category;
  }


  var product_model = document.getElementById('products_model');
  product_model.innerHTML = products_model;


  if(fadin)
  {
         gradient("box", 0);
         fadein("box");
  }
  else
  {
    box.style.display='block';
  }
}


// Close the lightbox

function closebox()
{
   document.getElementById('box').style.display='none';
   document.getElementById('filter').style.display='none';
}