function addEvent(obj, evType, fn, useCapture){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Non è stato possibile impostare un gestore di eventi");
  }
}

addEvent(window,'load',init,false);

function init(){

	if(document.getElementById('box-ricette')){
		liNoBorder();
		//liNoBorder();
	   }
	}

function liNoBorder(){
	var ric = document.getElementById('box-ricette');
	var els = ric.getElementsByTagName('LI');
	els[1].style.background = 'none'
	}

var minHeight=28;
var stato = false;
var current = 0;
var targetH = 0;
var realH = 0;

function showProdotti(){
	var level = document.getElementById('pasta');
	var cont = document.getElementById('list-prodotti');
	//alert(cont.style.visibility);
		if(cont.style.visibility=='hidden'){
			cont.style.visibility = 'visible';
			slideIn();
		}
		else {
			slideOut();
			}
	}

function slideIn(){

	var level = document.getElementById('pasta');
    var cont = document.getElementById('list-prodotti');
		if(stato==false){
			
			targetH = 0;
			realH = cont.offsetHeight; 
			//alert(realH)
			targetH = cont.offsetHeight + 28;
				if(cont.offsetHeight>370){
					targetH = 370;
					cont.style.height = "342px";
				}
				else{
					cont.style.height = (cont.offsetHeight + 28) + "px";	
				}
			current = minHeight;
		}
		current = (current + 20);
		if(current<=targetH){
			level.style.height = current + "px";
			
			stato=true;
			var wait = setTimeout('slideIn()',1);
		}
		else{
			var freccia = document.getElementById('arrow');
			level.style.height = targetH + "px";
			freccia.src = srcPastaOn;
			stato=false;
			targetH=0;
 			
			clearTimeout(wait);
			//alert('real ' + realH);
			}

	}

function slideOut(){
   
	//alert(stato);
	var level = document.getElementById('pasta');
    var cont = document.getElementById('list-prodotti');
		if(stato==false){
			targetH = 28;
			current = cont.offsetHeight;
			if(current>370){
				current=370;
				}
		}
		current = (current - 20);
		if(current>=28){
			level.style.height = current + "px";
			stato=true;
			var wait = setTimeout('slideOut()',1);
		}
		else{
			var freccia = document.getElementById('arrow');
			level.style.height = targetH + "px";
			freccia.src = srcPasta;
			stato=false;
			clearTimeout(wait);
			cont.style.visibility = 'hidden';
			targetH=0;
			current = 0;
			cont.style.height = realH+"px";
			}

	}

function handleTabs(tabClick){

var tab1 = document.getElementById('step-1');
var tab2 = document.getElementById('step-2');
var imgTab1 = document.getElementById('img-tab1');
var imgTab2 = document.getElementById('img-tab2');

if(tabClick=='ric' && tab1.style.display=='none'){
   tab1.style.display='block';
   tab2.style.display='none';
   imgTab1.src = srcCreare1;
   imgTab2.src = srcCreare2;
   
  }
  
if(tabClick=='dati' && tab2.style.display=='none'){
   tab2.style.display='block';
   tab1.style.display='none';
   imgTab1.src = srcCreare3;
   imgTab2.src = srcCreare4;
   }
}