var Photo = {

    activ: function(a){
    
    var recipesCount = 7, picHeight = 243, diff, el = document.getElementById('innerBox');
    
    if (document.getElementById("photo_" + a) != undefined) {
    
      if (document.getElementById("photo_" + a).className == "pic_step_sm_l" || document.getElementById("photo_" + a).className == "pic_step_sm_r"){
  			if (a % 2 != 0){
  	        	document.getElementById("photo_" + a).className = "pic_step_sm_l active";
  	       	} else{
  	       		document.getElementById("photo_" + a).className = "pic_step_sm_r active";
  	       	}
  		} else {
  			if (a % 2 != 0){
  	        	document.getElementById("photo_" + a).className = "pic_step_l active";
  	       	} else{
  	       		document.getElementById("photo_" + a).className = "pic_step_r active";
  	       	}
  		}
  		
  		diff=Math.floor(a/recipesCount);
  		
  		if (diff >= 1) {
        el.style.top = diff*(Math.floor(recipesCount/2))*picHeight*-1-30+'px';
      } else {
        el.style.top = '0px';
      }
		}
		
    },
    
    notactiv: function(a){
    	if (document.getElementById("photo_" + a).className == "pic_step_sm_l active" || document.getElementById("photo_" + a).className == "pic_step_sm_r active"){
			if (a % 2 != 0){
	        	document.getElementById("photo_" + a).className = "pic_step_sm_l";
	       	} else{
	       		document.getElementById("photo_" + a).className = "pic_step_sm_r";
	       	}	
		} else{
			if (a % 2 != 0){
	        	document.getElementById("photo_" + a).className = "pic_step_l";
	       	} else{
	       		document.getElementById("photo_" + a).className = "pic_step_r";
	       	}
		}
    }
}



var Techn = {

    activ: function(a){    
      document.getElementById("techn_num_" + a).style.color = "#fff";
      document.getElementById("techn_str_" + a).style.color = "#fff";		
    },
    
    notactiv: function(a){
      document.getElementById("techn_num_" + a).style.color = "#2D568E";
      document.getElementById("techn_str_" + a).style.color = "#2D568E";
    }
}