opacity = [];
 
    function addToBasket(url, argumenti, where) {
        var httpRequest;

        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            httpRequest = new XMLHttpRequest();
            if (httpRequest.overrideMimeType) {
                httpRequest.overrideMimeType('text/xml');
                // See note below about this line
            }
        } 
        else if (window.ActiveXObject) { // IE
            try {
                httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
            } 
            catch (e) {
                try {
                    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                } 
                catch (e) {}
            }
        }

        if (!httpRequest) {
            alert('Napaka XMLHTTP!');
            return false;
        }
        httpRequest.onreadystatechange = function() { alertContents(httpRequest, where); };
        httpRequest.open('GET', url+"?"+"id_izdelka="+argumenti, true);
        httpRequest.send('');

    }

    function alertContents(httpRequest, where) {

        if (httpRequest.readyState == 4) {
            if (httpRequest.status == 200) {
                document.getElementById(where).innerHTML = httpRequest.responseText;
            } else {
                alert('Napaka! Vrnjeni napačni podatki');
            }
        }

    }

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}


function showElement(element_id){

	document.getElementById(element_id).style.display = "list-item";

}

function hideElement(element_id){

	document.getElementById(element_id).style.display = "none";

}

function changeIskalnik(argumenti){

        var httpRequest;

		url = "reinitIskalnik.php";
		
        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            httpRequest = new XMLHttpRequest();
            if (httpRequest.overrideMimeType) {
                httpRequest.overrideMimeType('text/xml');
                // See note below about this line
            }
        } 
        else if (window.ActiveXObject) { // IE
            try {
                httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
            } 
            catch (e) {
                try {
                    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                } 
                catch (e) {}
            }
        }

        if (!httpRequest) {
            alert('Napaka XMLHTTP!');
            return false;
        }
        httpRequest.onreadystatechange = function() { alertContents(httpRequest, 'iskalnik'); };
        httpRequest.open('GET', url+"?"+"skupina="+argumenti, true);
        httpRequest.send('');

}

function payOptions(id){

	var placilna_polja = document.getElementById('placinla_polja');
	placilna_polja.innerHTML = "";
	
	var naprej = document.getElementById("nextS");
	
	id = Number(id);
		
	switch(id){
		
		default:
		
			naprej.disabled = true;
		
		break;
		
		case 1:
		case 2:
			naprej.disabled = false;	
		break;
		
		
		case 3:
		 	naprej.disabled = false;
			
			var msg 	  = document.createElement("div");
			    msg.className = "";
			    msg.innerHTML = "<p>Plačilo s kreditno kartico bo potekalo preko varne povezave HTTPS.</p>"
				          + "<p>Za plačevanje vas bo preusmerilo na spletno aplikacijo, ki deluje po standardu za varno plačevanje, 3-D secure.</p>";

			var varnost = document.createElement("div");
			    varnost.className = "";
			    varnost.innerHTML = "<img src=\"template/acTemplate/images/visa.jpg\" alt=\"\"> <img src=\"template/acTemplate/images/mastercard.gif\" alt=\"\">";
			
			placilna_polja.appendChild(msg);
			placilna_polja.appendChild(varnost);
			
		break;
	
		case 4:
			naprej.disabled = false;
		break;
		
	}

}

function shipOptions(id){

	var placilna_polja = document.getElementById('placinla_polja');
	placilna_polja.innerHTML = "";
	
	var naprej = document.getElementById("nextS");
	
	id = Number(id);
		
	switch(id){
		
		default:
		
			naprej.disabled = true;
		
		break;
		
		case 1:
		case 2:
			
			naprej.disabled = false;
		
			var li_povzemnik = document.createElement("li");
			li_povzemnik.className = "urejanje_li";
			li_povzemnik.innerHTML = "Prevzemnik";
			
			var li_kupec_ime = document.createElement("li");
			li_kupec_ime.className = "urejanje_li";
			li_kupec_ime.innerHTML = "<label for=\"zip\">Ime: </label><input size=\"40\" maxlength=\"64\" class=\"text_field\" name=\"ime\" value=\"" + document.getElementById("ime").value +"\"/>";
			
			var li_kupec_priimek = document.createElement("li");
			li_kupec_priimek.className = "urejanje_li";
			li_kupec_priimek.innerHTML = "<label for=\"zip\">Priimek: </label><input size=\"40\" maxlength=\"64\" class=\"text_field\" name=\"priimek\" value=\"" + document.getElementById("priimek").value +"\"/>";
			
			var li_email = document.createElement("li");
			li_email.className = "urejanje_li";
			li_email.innerHTML = "<label for=\"zip\">E-pošta: </label><input size=\"40\" maxlength=\"64\" class=\"text_field\" name=\"email\" value=\"" + document.getElementById("email").value + "\"/>";			

			var li_naslov = document.createElement("li");
			li_naslov.className = "urejanje_li";
			li_naslov.innerHTML = "<label for=\"zip\">Naslov: </label><input size=\"40\" maxlength=\"64\" class=\"text_field\" name=\"naslov\" value=\"" + document.getElementById("naslov").value +"\"/>";			
			
			var li_telefon = document.createElement("li");
			li_telefon.className = "urejanje_li";
			li_telefon.innerHTML = "<label for=\"zip\">Telefon: </label><input size=\"40\" maxlength=\"64\" class=\"text_field\" name=\"telefon\" value=\"" + document.getElementById("telefon").value +"\"/>";	
			
			var li_posta = document.createElement("li");
			li_posta.className = "urejanje_li";
			li_posta.innerHTML = "<label for=\"zip\">Pošta: </label><input size=\"40\" maxlength=\"64\" class=\"text_field\" name=\"posta\" value=\"" + document.getElementById("posta").value +"\"/>";	
			
			var li_postna_stevilka = document.createElement("li");
			li_postna_stevilka.className = "urejanje_li";
			li_postna_stevilka.innerHTML = "<label for=\"zip\">Poštna številka: </label><input size=\"40\" maxlength=\"64\" class=\"text_field\" name=\"postna_stevilka\" value=\"" + document.getElementById("postna_stevilka").value +"\"/>";	
			
			placilna_polja.appendChild(li_povzemnik);
			placilna_polja.appendChild(li_kupec_ime);
			placilna_polja.appendChild(li_kupec_priimek);
			placilna_polja.appendChild(li_email);
			placilna_polja.appendChild(li_naslov);
			placilna_polja.appendChild(li_telefon);
			placilna_polja.appendChild(li_posta);
			placilna_polja.appendChild(li_postna_stevilka);
			
		break;
		
		
		case 3:
		case 4:
			naprej.disabled = false;
		break;
		
	}

}


function doDaPrint(){
	window.print();	
}

function goPrint(id)
{

str=document.getElementById(id).innerHTML;
newwin=window.open('','printwin','left=100,top=100,width=600,height=500');
newwin.document.write('<HTML>\n<HEAD>\n');
newwin.document.write('<TITLE>Print Page</TITLE>\n');
newwin.document.write('<link href="template/acTemplate/css/print.css" rel="stylesheet" type="text/css" />');
newwin.document.write('<script>\n');
newwin.document.write('function chkstate(){\n');
newwin.document.write('if(document.readyState=="complete"){\n');
newwin.document.write('window.close()\n');
newwin.document.write('}\n');
newwin.document.write('else{\n');
newwin.document.write('setTimeout("chkstate()",2000)\n');
newwin.document.write('}\n');
newwin.document.write('}\n');
newwin.document.write('function print_win(){\n');
newwin.document.write('window.print();\n');
newwin.document.write('chkstate();\n');
newwin.document.write('}\n');
newwin.document.write('<\/script>\n');
newwin.document.write('</HEAD>\n');
newwin.document.write('<BODY onload="print_win();" style="background: #ffffff;">\n');
newwin.document.write(str);
newwin.document.write('</BODY>\n');
newwin.document.write('</HTML>\n');
newwin.document.close();
setTimeout("newwin.close();", 2000);



/*	var a = window.open('','','width=800,height=600');
	a.document.open("text/html");
	a.document.write(document.getElementById(toprint).innerHTML);
	a.document.write("<script>function doDaPrint(){window.print();} window.onload = function(){window.print();}</script>");
	//a.onload = a.print();
	//a.document.print();*/
/*	var tags = document.getElementsByTagName('div');
	var gogo = tags.length;

	for(var i=0; i<gogo; i++){

		tags[i].style.display = "none";
	}
	
	//alert(toprint);

	var 	natisni = document.getElementById(toprint);
	var tagsnatisni = natisni.getElementsByTagName('div');
	var    goprints = tagsnatisni.length;

	//alert(natisni.id);		

	natisni.style.display = "block";

	for (var j=0; j<goprints; j++){
		tagsnatisni[j].style.display = "block";
	}

	window.print();
	for(var i=0; i<gogo; i++){
		tags[i].style.display = "block";
	}*/
}

function toggleVisable(what){
	
	var stuff = document.getElementById(what);
	
	if(stuff.style.display == "none"){
	
		stuff.style.display = "block";

	}else{
		stuff.style.display = "none";
	}
	

}


function rotateMe(rotateImg, where, run, rotatetime, inst){

	run++;
	var goes = rotateImg.length;
	if(run >= goes) run = 0;

	var location = document.getElementById(where);		
		
	location.src = rotateImg[run];
	location.onload = function(){
		new FadeIn(location, rotateImg, where, run, rotatetime, inst);
	}	
	
}

function FadeIn(element, rotateImg, where, run, rotatetime, inst){

	if(opacity[inst] == null) opacity[inst] = 0;

	var reduce_opacity_by = 2;
	var rate = 30;	// 15 fps

	if (opacity[inst] < 100) {
		opacity[inst] += reduce_opacity_by;
		if (opacity[inst] > 100) opacity[inst] = 100;

		if (element.filters) {
			try {
				element.filters.item("DXImageTransform.Microsoft.Alpha").opacity = opacity[inst];
			} catch (e) {
				// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
				element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity[inst] + ')';
			}
		} else {
			element.style.opacity = opacity[inst] / 100;
		}
	}
	
	//if(over==1){
		if (opacity[inst] < 100) {
			setTimeout(function() { new FadeIn(element, rotateImg, where, run, rotatetime, inst); }, rate);
		//}
	}else{

		setTimeout(
			function() {   
				new FadeOut(element, rotateImg, where, run, rotatetime, inst);
			}
		,rotatetime);
	
	}
}

function FadeOut(element, rotateImg, where, run, rotatetime, inst){

	if(opacity[inst] == null) opacity[inst] = 0;

	var reduce_opacity_by = 2;
	var rate = 30;	// 15 fps

	if (opacity[inst] > 10) {
		opacity[inst] -= reduce_opacity_by;
		if (opacity[inst] < 10) opacity[inst] = 10;

		if (element.filters) {
			try {
				element.filters.item("DXImageTransform.Microsoft.Alpha").opacity = opacity[inst];
			} catch (e) {
				// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
				element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity[inst] + ')';
			}
		} else {
			element.style.opacity = opacity[inst] / 100;
		}
	}
	//if(over==0){
		if (opacity[inst] > 10) {
			setTimeout(function() { new FadeOut(element, rotateImg, where, run, rotatetime, inst); }, rate);
		}
		else{
			new rotateMe(rotateImg, where, run, rotatetime, inst);
		}
	//}
}

function imagegallery(num) {	
	var buttonCast	= document.getElementById("gallery_nav");
	
	if(document.getElementById("gallery"+num) != null){
		var changeTo = document.getElementById("gallery"+num).src;
	}
	
	var toChange 	= document.getElementById("velika");
	var button   	= document.getElementById("barva"+num).src="template/crocsTemplate/images/swatchesLi_img_active.png";

	var buttonMass	= buttonCast.getElementsByTagName("img");
	var buttonNum	= buttonMass.length;

	for(var i = 0; i < buttonNum; i++){
		
		if(buttonMass[i].id != "barva"+num){
			buttonMass[i].src = "template/crocsTemplate/images/swatchesLi_img.png";
		}
	}

	if(document.getElementById("gallery"+num) != null){
		if( toChange != null){
			toChange.src = changeTo.replace("5_", "4_");
		}
	}
	
	document.getElementById("barva").value = num;
//	var barva_vrednost = document.getElementById("barva").value;
//	alert(num+" nastavleno = "+barva_vrednost);
	
	
	var velikost = document.getElementById("velikost").value;

//	checkZaloga(num, velikost);
	checkZalogaNoParm();



}

function changeVelika(slika, id, pot, barva){

	document.getElementById("velika").src	= pot+id+"/4_"+slika;

	if(barva != null){
		document.getElementById("barva").value 	= barva;
		
		var buttonCast	= document.getElementById("gallery_nav");	
			
		var button   	= document.getElementById("barva"+barva).src="template/crocsTemplate/images/swatchesLi_img_active.png";

		var buttonMass	= buttonCast.getElementsByTagName("img");
		var buttonNum	= buttonMass.length;
		
		for(var i = 0; i < buttonNum; i++){
			
			if(buttonMass[i].id != "barva"+barva){
				buttonMass[i].src = "template/crocsTemplate/images/swatchesLi_img.png";
			}
		}
		var velikost = document.getElementById("velikost").value;
		//checkZaloga(barva, velikost);
		checkZalogaNoParm();
	}
}


function checkZaloga(barva, velikost){
	
	if(barva != null && velikost != null){
	
		if(document.getElementById("zaloga"+barva+"_"+velikost) != null){
			var zaloga  = document.getElementById("zaloga"+barva+"_"+velikost).value;
		}else{
			var zaloga 	= "ne";
		}
		
		document.getElementById("zaloga_display").innerHTML = "Na zalogi: <span class=\"zaloga_"+zaloga+"\">" + zaloga +"</span>";		
		
	}
}




function checkZalogaNoParm(){
	
	var barva = document.getElementById("barva").value;
	var velikost = document.getElementById("velikost").value;
	
	//alert(velikost);
	
	if(barva != "" && velikost != ""){
	
		if(document.getElementById("zaloga"+barva+"_"+velikost) != null){
			var zaloga  = document.getElementById("zaloga"+barva+"_"+velikost).value;
		}else{
			var zaloga 	= "ne";
		}
		document.getElementById("zaloga_display").innerHTML = "Na zalogi: <span class=\"zaloga_"+zaloga+"\">" + zaloga +"</span>";		
		
	} else {

		document.getElementById("zaloga_display").innerHTML = "Izberite velikost in barvo!";			
	
	}
}

function checkZalogaNoParm2(){
	
	var barva = document.getElementById("barva").value;
	var velikost = document.getElementById("velikost").value;
	var izbranaBarva = "";
	if (velikost != "") {
		for (i=0;i<SeznamBarv.length;i++) {
			//alert(SeznamBarv[i]);
			if(document.getElementById("zaloga"+SeznamBarv[i]+"_"+velikost) != null){
				var zaloga  = document.getElementById("zaloga"+SeznamBarv[i]+"_"+velikost).value;
			}else{
				var zaloga 	= "ne";
			}		
			//alert('E'+zaloga+'E');
			
			if (zaloga == "da") {
				if (izbranaBarva == "") {
					izbranaBarva = SeznamBarv[i];
				}
				document.getElementById('libarva'+SeznamBarv[i]).style.display = 'block';
			} else {
			//	alert('libarva'+SeznamBarv[i]);
			//	alert(typeof document.getElementById('libarva'+SeznamBarv[i]));
				if (typeof document.getElementById('libarva'+SeznamBarv[i]) != "undefined") {
					document.getElementById('libarva'+SeznamBarv[i]).style.display = 'none';
				}
			}			
		}
		if (izbranaBarva != "") {
			imagegallery(izbranaBarva);
		}
	}

	//alert(velikost);
	
	if(barva != "" && velikost != ""){
	
		if(document.getElementById("zaloga"+izbranaBarva+"_"+velikost) != null){
			var zaloga  = document.getElementById("zaloga"+izbranaBarva+"_"+velikost).value;
		}else{
			var zaloga 	= "ne";
		}
		document.getElementById("zaloga_display").innerHTML = "Na zalogi: <span class=\"zaloga_"+zaloga+"\">" + zaloga +"</span>";		
		
	} else {

		document.getElementById("zaloga_display").innerHTML = "Izberite velikost in barvo!";			
	
	}
}


function DodajVKosaro(){

	if(document.getElementById("barva") != null && document.getElementById("velikost") != null){
		var barva = document.getElementById("barva").value;
		var velikost = document.getElementById("velikost").value;
		
		if(barva != "" && velikost != ""){
		
			if(document.getElementById("zaloga"+barva+"_"+velikost) != null){
				if(document.getElementById("zaloga"+barva+"_"+velikost).value == "da"){
					document.addtob.submit();
				}else{
					alert("izdelek ni na zalogi!");
				}
			}else{
				alert("izdelek ni na zalogi!");
			}
			
		} else {
			alert("Izberite velikost in barvo!");
		}	
	}else{
		
		document.addtob.submit();
		
	}
}

function potrdi_nakup() {

	if(document.getElementById('strinjam_se').checked == true){ 
		//alert("submit");
		document.potrdi_narocilo.submit();
	} else {
		alert("Za potrditev nakupa se morate strinjate s pogoji poslovanja!");
	}
	//document.potrdi_narocilo.submit();
	
}

function check_code() {

	if (document.getElementById('discount_code').value.length == 0 || document.getElementById('discount_code').value == null) {
		alert("Please enter code!");
	}
	else {
		var vpisana_koda = document.getElementById('discount_code').value;
		var koda = document.getElementById('koda_povprasevanje').value = vpisana_koda;
		document.popust.submit();
	}
	
}
