// JScript File

var constDistans = 50;		

function calculate(buttonname) {
		clearbutton();
		var sss = document.getElementById(buttonname);
		sss.style.filter="alpha(opacity=60)";
		sss.style.MozOpacity=".60";
		sss.style.opacity="opacity:0.6";		
		
		if (buttonname=="home"){
			bringToFront('HomeDiv');
		}else if (buttonname=="Services"){
			bringToFront('ServicesDiv');
		}else if (buttonname=="about"){
			bringToFront('AboutDiv');
		}else if (buttonname=="products"){
			bringToFront('ProductDiv');
		}else if (buttonname=="contact"){
			bringToFront('ContactDiv');
		}		
}
function clearbutton() {
	var ssst = document.getElementById("menu");
	var divs = ssst.getElementsByTagName("div");  
	var buttonArray = new Array(); 
	var j = 0;
	for(var i = 0; i<divs.length; i++)
	{
		if (divs.item(i).className == "one")
		{
			divs.item(i).style.filter="alpha(opacity=100)";
			divs.item(i).style.MozOpacity="1";
			divs.item(i).style.opacity="opacity:1";		
			buttonArray[j] = divs.item(i);
			j = j + 1;			
		}
	}		
}

function LayoutButton() {
	var ssst = document.getElementById("menu");
	var divs = ssst.getElementsByTagName("div");  
	var j = 0;
	var leftpx;
	for(var i = 0; i<divs.length; i++)
	{
		if (divs.item(i).className == "one")
		{
			leftpx = 0 + j*(constDistans + 120);
			divs.item(i).style.left = leftpx + "px";
			j = j + 1;			
		}
	}		
}

function getAbsoluteDivs()   
{   
    var arr = new Array();   
    var all_divs = document.body.getElementsByTagName("DIV");   
    var j = 0;   
  
    for (i = 0; i < all_divs.length; i++)   
        if (all_divs.item(i).style.position=='absolute')   
        {   
            arr[j] = all_divs.item(i);   
            j++;   
        }   
  
    return all_divs;   
}   
  
function bringToFront(id)   
{   
    if (!document.getElementById ||   
        !document.getElementsByTagName)   
        return;   
  
    var obj = document.getElementById(id);   
    var divs = getAbsoluteDivs();   
    var max_index = 0;   
    var cur_index;   
  
    // Compute the maximal z-index of   
    // other absolute-positioned divs   
    for (i = 0; i < divs.length; i++)   
    {   
        var item = divs[i];   
        if (item == obj ||   
            item.style.zIndex == '')   
            continue;   
  
        cur_index = parseInt(item.style.zIndex);   
        if (max_index < cur_index)   
        {   
            max_index = cur_index;   
        }   
    }   
  
    obj.style.zIndex = max_index + 1;   
}   

function changeDivContent(type)
{
    var obj = document.getElementById('ProductTable');   
    if (type == 'Frozen')
    {
        obj.innerHTML = "<table style=\"width: 500px;\">"
							+"<tr><td colspan=\"2\" style=\"background: #9BD1FA;\">Frozen Fruits</td><td colspan=\"2\" style=\"background: #9BD1FA;\">Frozen Vegetables & Mushroom</td></tr>"
							+"<tr><td>Apple</td><td>Apricot</td><td>Asparagus</td><td>Bamboo Shoots</td></tr>"
							+"<tr><td>Banana</td><td>Blackberry</td><td>Broccoli</td><td>Black Fungus</td></tr>"
							+"<tr><td>Blackcurrant</td><td>Cherry</td><td>Cabbage</td><td>Carrot</td></tr>"
							+"<tr><td>Goji/Wolfberry</td><td>Grape</td><td>Cauliflower</td><td>Celery</td></tr>"
							+"<tr><td>Hawthorn</td><td>Lingonberry</td><td>Cherry Tomato</td><td>Chives</td></tr>"
							+"<tr><td>Lychee</td><td>Kiwi</td><td>Green Bean</td><td>Green Pea</td></tr>"
							+"<tr><td>Melon</td><td>Mongo</td><td>Mushroom</td><td>Okra</td></tr>"
							+"<tr><td>Mulberry</td><td>Papaya</td><td>Onion</td><td>Pea Pods</td></tr>"
							+"<tr><td>Pear</td><td>Pineapple</td><td>Pepper</td><td>Pumpkin</td></tr>"
							+"<tr><td>Red Raspberry</td><td>Strawberry</td><td>Shallot</td><td>Spinach</td></tr>"
							+"<tr><td>Sea Buckthorn</td><td>Watermelon</td><td>Sugar Snap Pea</td><td>Sweet Corn</td></tr>"
							+"<tr><td>Yellow Peach</td><td></td><td>Sweet Potato</td><td>Water chestnut</td></tr>"
						+"</table>";
        
    }else if (type == 'Fruit')
    {
        obj.innerHTML = "<table style=\"width: 500px;\">"
                             + "<tr><td colspan=\"2\" style=\"background: #9BD1FA;\">Fruit Purees /Juice Concentrates</td><td colspan=\"2\" style=\"background: #9BD1FA;\">Vegetable Purees/Juice Concentrates</td></tr>"
                             + "<tr><td>Apple</td><td>Apricot</td><td>Asparagus</td><td>Carrot</td></tr>"
                             + "<tr><td>Banana</td><td>Blackberry</td><td>Celery</td><td>Cucumber</td></tr>"
                             + "<tr><td>Blackcurrant</td><td>Date</td><td>Onion</td><td>Pumpkin</td></tr>"
                             + "<tr><td>Grape</td><td>Goji/Wolfberry</td><td>Spinach</td><td>Sweet Potato</td></tr>"
                             + "<tr><td>Greengage</td><td>Hawthorn</td><td>Tomato</td><td>Onion</td></tr>"
                             + "<tr><td>Kiwi</td><td>Mango</td></tr>"
                             + "<tr><td>Mulberry</td><td>Papaya</td></tr>"
                             + "<tr><td>Passion Fruit</td><td>Peach</td></tr>"
                             + "<tr><td>Pear</td><td>Pineapple</td></tr>"
                             + "<tr><td>Plum</td><td>Red Raspberry</td></tr>"
                             + "<tr><td>Strawberry</td><td>Sea Buckthorn</td></tr>"
                       + "</table>";
    }else if (type == 'Dehydrated')
    {
        obj.innerHTML = "<table style=\"width: 500px;\">"
                             + "<tr><td colspan=\"2\" style=\"background: #9BD1FA; width: 200px;\">Canned Fruits</td><td colspan=\"2\" style=\"background: #9BD1FA; width: 200px;\">Canned Vegetables</td></tr>"
                             + "<tr><td>Apple</td><td>Apricot</td><td>Artichoke</td><td>Asparagus</td></tr>"
                             + "<tr><td>Arbutus</td><td>Blackberry</td><td>Baby Corn</td><td>Bamboo Shoot</td></tr>"
                             + "<tr><td>Cherry</td><td>Grape</td><td>Bean Sprout</td><td>Cherry Tomato</td></tr>"
                             + "<tr><td>Lychee</td><td>Longan</td><td>Green Bean</td><td>Green Pea</td></tr>"
                             + "<tr><td>Loquat</td><td>Madarin Orange</td><td>Mushroom</td><td>Pepper</td></tr>"
                             + "<tr><td>Papaya</td><td>Pear</td><td>Water Chestnut</td><td>Red Kidney Bean</td></tr>"
                             + "<tr><td>Pineapple</td><td>Plum</td><td>Sweet Corn</td><td>Tomato Paste</td></tr>"
                             + "<tr><td>Red Raspberry</td><td>Strawberry</td><td>White Kidney Bean</td><td></td></tr>"
                             + "<tr><td>Yellow Peach</td><td>Fruit Cocktail</td><td></td><td></td></tr>"
													   + "<tr><td>Fruit Cup</td><td></td><td></td><td></td></tr>"
                      + "</table>";
 
    }else if (type == 'Additives') 
    {
        obj.innerHTML = "<table style=\"width: 500px;\">"
                         + "<tr><td colspan=\"2\" style=\"background: #9BD1FA; width: 300px;\">Food & Beverage Additives</td></tr>"
                         + "<tr><td>Citric Acid</td><td>Corn Starch</td></tr>"
												 + "<tr><td>High Maltose Syrups</td><td>High Fuctose Syrups</td></tr>"
												 + "<tr><td>Maltodextrin</td><td>Malic Acid</td></tr>"
												 + "<tr><td>Potassium Citrate</td><td>Potassium Sorbate</td></tr>"
												 + "<tr><td>Sodium Citrate</td><td>Sodium Benzoate</td></tr>"
												 + "<tr><td>Xanthan Gum</td><td></td></tr>"
                      + "</table>"
                      

    }
}