function mcCatSliderScroll(value, element, slider) {
  element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-462));
}

function mcCatSliderLeft()
{
  var offset_width = $('categoryList').offsetWidth;
  var categories = eval(offset_width/77);
  
  if (mcCatSlider_no + 6 < categories)
  {
    //alert('offset_width=' + offset_width + '; categories=' + categories + '; mcCatSlider_no=' + mcCatSlider_no);
    var f = Math.round(100 / (categories - 6));
    for (i = mcCatSlider_no * f; i<=(mcCatSlider_no+1) * f; i++)
      mcCatSlider.setValue( i / 100 );
    mcCatSlider_no ++;
  }
}

function mcCatSliderRight()
{
  var offset_width = $('categoryList').offsetWidth;
  var categories = eval(offset_width/77);
  
  if (mcCatSlider_no > 0 && categories > 6)
  {
    //alert('offset_width=' + offset_width + '; categories=' + categories + '; mcCatSlider_no=' + mcCatSlider_no);
    var f = Math.round(100 / (categories - 6));
    for (i = mcCatSlider_no * f; i>=(mcCatSlider_no-1) * f; i--)
      mcCatSlider.setValue( i / 100 );
    mcCatSlider_no --;
  }
}

function mcProdSliderScroll(value, element, slider) {
  element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-462));
}

function mcProdSliderRight()
{
  var offset_width = $('productList').offsetWidth;
  var products = eval(offset_width/77);
  
  if (mcProdSlider_no + 6 < products)
  {
    //alert('offset_width=' + offset_width + '; products=' + products + '; mcProdSlider_no=' + mcProdSlider_no);
    var f = Math.round(100 / (products - 6));
    for (i = mcProdSlider_no * f; i<=(mcProdSlider_no+1) * f; i++)
      mcProdSlider.setValue( i / 100 );
    mcProdSlider_no ++;
  }
}

function mcProdSliderLeft()
{
  var offset_width = $('productList').offsetWidth;
  var products = eval(offset_width/77);
  
  if (mcProdSlider_no > 0 && products > 6)
  {
    //alert('offset_width=' + offset_width + '; products=' + products + '; mcProdSlider_no=' + mcProdSlider_no);
    var f = Math.round(100 / (products - 6));
    for (i = mcProdSlider_no * f; i>=(mcProdSlider_no-1) * f; i--)
      mcProdSlider.setValue( i / 100 );
    mcProdSlider_no --;
  }
}
function mouse_over(obj){
	//alert("working");
	obj.style.backgroundColor='#c39e00';
}

function mouse_out(obj){
	//alert("working");
	obj.style.backgroundColor='#ecbf00';
}

function mcGetCategory(id)
{
  //alert(document.getElementById("title"+id));
  for(i=0;i<document.getElementsByClassName("nutcat").length;i++){
	//alert(document.getElementsByClassName("nutcat")[i].onmouseover);
	document.getElementsByClassName("nutcat")[i].style.backgroundColor = "#ecbf00";
	//document.getElementsByClassName("nutcat")[i].onmouseover = "function(){this.style.backgroundColor = '#c39e00';}";
	//document.getElementsByClassName("nutcat")[i].addEventListener("mouseover", mouse_over, false);
	//document.getElementsByClassName("nutcat")[i].addEventListener("mouseout", mouse_out, false);
  }

  document.getElementById("title"+id).onmouseover="";
  document.getElementById("title"+id).onmouseout="";
  document.getElementById("title"+id).style.backgroundColor = "#c39e00";

  while (mcProdSlider_no>0) mcProdSliderLeft();
  var url = 'nutrition_calculator_ajax.php?action=getProdList&id='+id;
  new Ajax.Request(url, {
    method: 'get',
    onSuccess: function (retObj) {
      $('productListContainer').innerHTML = retObj.responseText;
      mcSetDragable();
    },
    onError: function() {
      alert('Something go wrong, please reload page and continue !');
    }    
  });
}

function mcGetProduct(id)
{
  var url = 'nutrition_calculator_ajax.php?action=getProduct&id='+id;
  new Ajax.Request(url, {
    method: 'get',
    onSuccess: function (retObj) {
      $('productContainer').innerHTML = retObj.responseText;
    },
    onError: function() {
      alert('Something go wrong, please reload page and continue !');
    }    
  });
}

function mcSetDragable()
{
  var id = 0;
  $('productListContainer').getElementsBySelector('DIV').each(function (el) {
    if( el.id.substring(0,8) == 'product_' ) {
      new Draggable(el, {
        superghosting: true,
        revert: true
      });
      id = el.id.substring(8);
     //alert('l:'+el.left+'-id:'+id);
    }
  });
  if (id>0) mcGetProduct(id);
}
onloads.push(mcSetDragable);

function mcSetDroppables()
{
  Droppables.add('trayContainter', {
    hoverclass: 'hoverActive',
    onDrop: mcAddItem
  });
  $('trayContainter').cleared = false;
}
onloads.push(mcSetDroppables);

function mcAddItem(draggable, droparea)
{
	proStr=$('pro_str').value;
  var url = 'nutrition_calculator_ajax.php?action=addProduct&id='+draggable.id+"&proStr="+proStr;
  
  new Ajax.Request(url, {
    method: 'get',
    onSuccess: function (retObj) {
		str=retObj.responseText;
		strArr=str.split("~");
         $('trayContainter').innerHTML = strArr[0];
	     $('pro_str').value=strArr[1];
    },
    onError: function() {
      alert('Something go wrong, please reload page and continue !');
    }    
  });

  window.setTimeout('mcGetTrayTable();',1000);
}

function mcClearTray()
{
  var url = 'nutrition_calculator_ajax.php?action=clearTray';
  $('pro_str').value="";
  $('trayContainter').innerHTML ="";
  new Ajax.Request(url, {
    method: 'get',
    onSuccess: function (retObj) {
      $('trayContainter').innerHTML = retObj.responseText;
    },
    onError: function() {
      alert('Something go wrong, please reload page and continue !');
    }    
  });

  //new Effect.Fade($('trayContainer'),{duration:.3});
  //new Effect.Fade($('calculatorContainer'),{duration:.9});
  
  window.setTimeout('mcGetTrayTable();',1000);
}

function mcGetTrayTable()
{
	proStr=$('pro_str').value;
  var url = 'nutrition_calculator_ajax.php?action=trayTable&proStr='+proStr;
  new Ajax.Request(url, {
    method: 'get',
    onSuccess: function (retObj) {
      $('calculatorContainer').innerHTML = retObj.responseText;
    },
    onError: function() {
      alert('Something go wrong, please reload page and continue !');
    }    
  });
}

function over_opacity(obj){
	//alert("Hiiii");
	if(obj.className != "category1"){
		obj.style.opacity=.5;
		obj.style.filter = "alpha(opacity=50)";
	}
}
function out_opacity(obj){
	if(obj.className != "category1"){
		obj.style.opacity=1;
		obj.style.filter = "alpha(opacity=100)";
	}
}
function selected(obj){
	for(i=0;i<document.getElementsByClassName("category1").length;i++){
		//alert(document.getElementsByClassName("nutcat")[i].onmouseover);
		document.getElementsByClassName("category1")[i].style.opacity=1;
		document.getElementsByClassName("category1")[i].style.filter = "alpha(opacity=100)";
		document.getElementsByClassName("category1")[i].className="category";
	}
	obj.style.opacity=.5;
	obj.className = "category1";
	//obj.onmouseover="";
	//obj.onmouseout="";
}