var steviloProduktov = 0;
var steviloAplikacij = 0;
var c = document.getElementsByTagName('DIV');


function stetje(){
	if(steviloProduktov != 0)steviloProduktov = 0;
	if(steviloAplikacij != 0)steviloAplikacij = 0;	
	for(var i = 0; i < c.length; i++){
		if(c[i].id.substring(0,6) == 'produk')steviloProduktov++;
		else if(c[i].id.substring(0,6) == 'aplika')steviloAplikacij++;
	}
}

function fotonaProdukti(i,idAplikacij,besedilo){					   
	stetje();											    //dva parametra: i predstavlja številko id-ja, idAplikacij pa številke id-jev
	for(var j = 0; j < steviloProduktov; j++){             //aplikacij s katerimi je produkt povezan (loceni z vejicam in v enojnih 
		element1 = document.getElementById('produkti'+j);  //narekovajih ( ' ))
		if(j != i)element1.className = "products";
		else element1.className = "productsOznacen";
	}
	for(var k = 0; k < steviloAplikacij; k++){
		 var a = 0;
		 element2 = document.getElementById('aplikacije'+k);
		 for(var h = 0; h < idAplikacij.split(",").length; h++){
		 	if(k == parseInt(idAplikacij.split(",")[h])){
				a++;
				break;
			}
		 }
		 if(a == 0)element2.className = "products";
		 else element2.className = "productsOznacen";
	}
	document.getElementById('div0').innerHTML = "<div class='productImg'>"+ besedilo +"</div>";     //slika mora imeti width="178" height="237" - tako je tudi pri produktih
}																								   //tukaj spremeniš pot slike!!

function fotonaAplikacije(i,idProduktov,besedilo){
	stetje();												//prva dva parametra delujeta isto kot zgoraj, tretji parameter pa je
	for(var j = 0; j < steviloAplikacij; j++){				//besedilo, ki se bo kazalo v levem okvirju - includan .inc (v .inc fajlu mora
		element3 = document.getElementById('aplikacije'+j); //biti vse v eni vrstici(primer: <h1>naslov</h1><p>tekst</p>)!!
		if(j != i)element3.className = "products";
		else element3.className = "productsOznacen";
	}
	for(var k = 0; k < steviloProduktov; k++){
		 var a = 0;
		 element4 = document.getElementById('produkti'+k);
		 for(var h = 0; h < idProduktov.split(",").length; h++){
		 	if(k == parseInt(idProduktov.split(",")[h])){
				a++;
				break;
			}
		 }
		 if(a == 0)element4.className = "products";
		 else element4.className = "productsOznacen";
	}
	document.getElementById('div0').innerHTML = "<div class='productsBesedilo'>"+ besedilo +"</div>";
}

function privzeto(){
	for(var j = 0; j < steviloProduktov; j++){
		element1 = document.getElementById('produkti'+j);
		element1.className = "products";
	}
	for(var k = 0; k < steviloAplikacij; k++){
		element2 = document.getElementById('aplikacije'+k);
		element2.className = "products";
	}
	document.getElementById('div0').innerHTML = "<h2>&nbsp;</h2>";
}

function fotona_ShowDescription(){
	fotona_ShowDiv('Description', 'Features', 'TechnicalData');
}

function fotona_ShowFeatures(){
	fotona_ShowDiv('Features', 'Description', 'TechnicalData');
}

function fotona_ShowTechnicalData(){
	fotona_ShowDiv('TechnicalData', 'Features', 'Description');
}

function fotona_ShowDiv(on_S, off1_S, off2_S){
	document.getElementById(on_S).style.display = 'block';
	document.getElementById(on_S).className = 'menuLinkOn';
	document.getElementById(off1_S).style.display = 'none';
	document.getElementById(off1_S).className = 'menuLinkOff';
	document.getElementById(off2_S).style.display = 'none';
	document.getElementById(off2_S).className = 'menuLinkOff';
}