// JavaScript Document

	var objectFadeState = new Array();	
	var functionFadeState = '';
		
	// ########################################################################
	function show_vending_machine(id){
	// ########################################################################
	
		// Action only if function isn't busy
		if(functionFadeState != "busy"){
			hide_machines(id);
			// In with the new
			fadeObject('in',id);
		}
		
	}
	
	// ########################################################################
	function hide_machines(id){
	// ########################################################################
		
		elements = document.getElementById('content_right').getElementsByTagName('div');
	
		// Only hide others than current	
		for (var i=0;i<elements.length;i++){
			if (elements[i].getAttribute("id")!=id){		
				changeOpac(0, elements[i].getAttribute("id"));
				document.getElementById(elements[i].getAttribute("id")).style.display = 'none';
			}
		}
	
	}
		
	// ########################################################################
	function change_mtab(num){
	// ########################################################################
		
		elements = document.getElementById('multi_tabs').getElementsByTagName('li');
		// Only hide others than current	
		for (var i=0;i<elements.length;i++){
			if (elements[i].getAttribute("id")!="mtab"+num){		
				document.getElementById(elements[i].getAttribute("id")).style.backgroundImage = "url(mttab_off.gif)";
			}else{
				document.getElementById(elements[i].getAttribute("id")).style.backgroundImage = "url(mttab_on.gif)";
			}
		}
				
		elements = document.getElementById('mt_inner_container').getElementsByTagName('div');
		
		// Only hide others than current	
		for (var i=0;i<elements.length;i++){
			if (elements[i].getAttribute("id")!="multi_tab_"+num){		
				document.getElementById(elements[i].getAttribute("id")).style.display = "none";
			}else{
				document.getElementById(elements[i].getAttribute("id")).style.display = "block";
			}
		}
		
	
	}
	
	// ########################################################################
	function stripHTML(oldString) {
	// ########################################################################

	   var newString = "";
	   var inTag = false;
	   for(var i = 0; i < oldString.length; i++) {
	   
		if(oldString.charAt(i) == '<') inTag = true;
		if(oldString.charAt(i) == '>') {
			  if(oldString.charAt(i+1)=="<")
			  {
					//dont do anything
		}
		else
		{
			inTag = false;
			i++;
		}
			}
	   
			if(!inTag) newString += oldString.charAt(i);
	
	   }
	
	   return newString;
	}
	
		
	
	// ########################################################################
	function fadeObject(direction,id){
	// ########################################################################
			
			var curOpacity = currentOpac(id);
							
			switch(direction){
			
				case "in":			
					
					// Only execute if still, or on its way in! (curOpacity == 0 OR curOpacity <100)	
					if(objectFadeState[id] != 'out'){
						// If object is hidden, then show it!
						if (document.getElementById(id).style.display = 'none'){
							document.getElementById(id).style.display = 'block';
						}
					
						// Check how faded the object is
						if (curOpacity<100){
							// Incriment the opacity (fading in)
							objectFadeState[id] = 'in';
							functionFadeState = 'busy';
							changeOpac(curOpacity+5,id)
							setTimeout (function() {fadeObject('in',id)},20);
						}else{
							objectFadeState[id] = '';	
							functionFadeState = 'ready';
						}
						
					}
					
				break;
				
				// FADING OUT.........				
				case "out":
					// Only execute if still, or on its way in!
					if(objectFadeState[id] != 'in'){
				
						if (curOpacity>0){
							// Incriment the opacity (fading in)	
							objectFadeState[id] = 'out'; 
							functionFadeState = 'busy';
							changeOpac(curOpacity-10,id)
							setTimeout (function() {fadeObject('out',id)},1);
						}else{
							// If last iteration, then hide the element.
							document.getElementById(id).style.display = 'none';
							functionFadeState = 'ready';
							objectFadeState[id] = '';
						}
						
					}
									
				break;
						
			}
			
	}	
	
	// ########################################################################
	//change the opacity for different browsers
	// ########################################################################
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";	
	}
	
	// ########################################################################
	function currentOpac(id) {
	// ########################################################################
		
		//if the element has an opacity set, get it
		if(document.getElementById(id).style.opacity > 0) {
			curOpac = document.getElementById(id).style.opacity * 100;
		}else{
			curOpac = 0;
		}
		return curOpac;
	}