preload('/templates/imgs/regions/region-1.png');
preload('/templates/imgs/regions/region-2.png');
preload('/templates/imgs/regions/region-3.png');
preload('/templates/imgs/regions/region-4.png');
preload('/templates/imgs/regions/region-5.png');
preload('/templates/imgs/regions/region-6.png');
preload('/templates/imgs/regions/region-7.png');
preload('/templates/imgs/regions/region-8.png');
preload('/templates/imgs/regions/region-9.png');
preload('/templates/imgs/regions/region-11.png');
preload('/templates/imgs/regions/region-12.png');
preload('/templates/imgs/regions/region-13.png');
preload('/templates/imgs/regions/region-14.png');
preload('/templates/imgs/regions/region-15.png');
preload('/templates/imgs/regions/region-16.png');




function siteonload() {

  stripe('nutritional-info', '#fff', '#eee');
  stripe('nutritional-info2', '#fff', '#eee');
  stripe('nutritional-info3', '#fff', '#eee');

}

function togglevis(id) {
	var resultobj= document.getElementById('r_'+id);
	
	var elements= resultobj.all ? resultobj.all : resultobj.getElementsByTagName('TABLE');
	var i,obj;
	for (i=0; i< elements.length; i++) {
		obj=elements[i];
		if (obj.nodeName.toLowerCase()=='table') {
			if     (obj.className.toLowerCase()=='show') obj.className='hide';
			else  obj.className='show';
			return;
		}
	}

}






function stripe(id) {

 // the flag we'll use to keep track of 
 // whether the current row is odd or even
 var even = false;

 // if arguments are provided to specify the colours
 // of the even & odd rows, then use the them;
 // otherwise use the following defaults:
 var evenColor = arguments[1] ? arguments[1] : "#fff";
 var oddColor = arguments[2] ? arguments[2] : "#eee";

 // obtain a reference to the desired table
 // if no such table exists, abort
 var table = document.getElementById(id);
 if (! table) { return; }

 // by definition, tables can have more than one tbody
 // element, so we'll have to get the list of child
 // &lt;tbody&gt;s 
 var tbodies = table.getElementsByTagName("tbody");

 // and iterate through them...
 for (var h = 0; h < tbodies.length; h++) {

  // find all the &lt;tr&gt; elements... 
	var trs = tbodies[h].getElementsByTagName("tr");

	// ... and iterate through them
	for (var i = 0; i < trs.length; i++) {

	 // avoid rows that have a class attribute
	  // or backgroundColor style
	 if (!hasClass(trs[i]) && ! trs[i].style.backgroundColor) {

		// get all the cells in this row...
		 var tds = trs[i].getElementsByTagName("td");

		 // and iterate through them...
		 for (var j = 0; j < tds.length; j++) {

			var mytd = tds[j];

			// avoid cells that have a class attribute
			// or backgroundColor style
		  if (! hasClass(mytd) && ! mytd.style.backgroundColor) {

			mytd.style.backgroundColor = even ? evenColor : oddColor;

			}
		 }
	  }
	  // flip from odd to even, or vice-versa
	  even =  ! even;
	}
 }
}

// this function is need to work around 
// a bug in IE related to element attributes
function hasClass(obj) {
  var result = false;
  if (obj.getAttributeNode("class") != null) {
		result = obj.getAttributeNode("class").value;
  }
  return result;
}