$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    $("<img>").attr("src", arguments[i]);
  }
}
    $.preloadImages("zoom.png", "glossyback.gif", "cart_add.png", "action_check.gif", "fancy_progress.png" );

$(document).ready(function() {

    $("#loader").ajaxStart(function(){
  		    $.fn.fancybox.showLoading();
	}).ajaxStop(function(){
			$("#fancy_loading").hide();
	});

    $('#myForm1').submit( function() { //zbog explorera kad se stisne enter da ne salje formu
         return false;
     });

});

function pokreniHistoryLoad() {
	$('#filter_store').attr('value', "");  //makni spremljene filtere
    var data = $("#myForm1").formSerialize(); //prikupi podatke iz postoje祠forme
    var dataMoj = "ispisi.cgi?" + data;  //dodaj joڠupit na postoje積
    $.historyLoad(dataMoj);
}

function processJson(data) {
	    $.scrollTo('153px', 800 );  
       if ( data.mode == "lij_meni" || data.mode == "trazi" || data.mode == "akcija") { //ako je stisnut lijevo meni onda izbrii upit
          $('#rijec').attr('value', "");
          if (data.mode == "lij_meni" || data.mode == "akcija" || data.mode == "gl_meni") { $('#filter_store').attr('value', "");}
          if (data.mode != "akcija") { $(".mastLink").attr("class", "mastLink"); } //makni underline na akcijama
          if (data.kategorija == "") { $("#prva").empty(); }
          if (data.path[0] != "") {
           if(data.path[1].id) {
            if ((data.kat_pr_men != data.path[1].id) || data.kat_pr_men == 0) {
              var KatId = data.path[1].id + ".html";
              $(".glossymenu").fadeOut('slow');
              $("#prva").load(KatId);

              var kgm = 0;
              if (data.path[1].id == 2) { var kgm = 0;}
              if (data.path[1].id == 3) { var kgm = 1;}
              if (data.path[1].id == 4) { var kgm = 2;}
              if (data.path[1].id == 8) { var kgm = 3;}
              if (data.path[1].id == 136) { var kgm = 4;}
              if (data.path[1].id == 157) { var kgm = 5;}
			  if (data.path[1].id == 222) { var kgm = 6;}

           var br_gl_kat = 7;
           for (var i = 0; i < br_gl_kat; i++) {
             var idTab = "#channelTab_" + i;
             var idTabValue = "channelTab";
             if (i == 0) { var idTabValue = idTabValue + " first";}
             if (i == 6) { var idTabValue = idTabValue + " last";}
             $(idTab).removeClass();
             $(idTab).addClass(idTabValue);
           }
           var idTab = "#channelTab_" + kgm; //za tabove gore
           $(idTab).addClass("channelTab on");  //oznai aktivni tab


            }
          }
         }
       }

       if (data.mode != "akcija") { $('#druga').empty(); }

       if (data.filter != "") {
           $('#druga').append($( [
           '<div class="sbhead">',
           '<h1>',
           '<img src="icn_refine_your_search.gif" title="Filtrirajte rezultate"/>',
           '<span>Filtrirajte rezultate</span>',
           '</h1>',
           '</div>',
           '<div class="sbcontent">',
           '<div class="alert refalert"><img src="icn_attention.gif" alt="" id="img"/><div>Proizvodi u izabranoj kategoriji su izlistani dolje. Ako &#382;elite smanjiti izbor, odaberite zna&#269;ajke proizvoda koje trebate:</div></div>',
           '<table class="reftbl">',
           '<tbody id="filter"></tbody></table>',
           '</div>',
           '<div class="sbfoot">',
           '<span>&nbsp;</span>',
           '</div>'
          ].join('') ));

         var odabrani = 0;  var vrijednosti2 = "";  var CFGI = ""; var br = 0;
         for (var i = 0; i < data.filter.length; i++) {
           var vrijednosti = "";  var neodabrani = 0;
           for (var k = 0; k < data.filter[i].vrije.length; k++) {
            if(data.filter[i].unit) { var unit = data.filter[i].unit; } else { var unit = ""; }
             if (data.filter[i].odabrano) { //ako je filter odabran
              if (data.filter[i].vrije[k].odab) {
			    if (data.filter[i].CFGI == 97) { //ako je filter za kategorije
				  var naziv_filtera1 = prikupi_naziv_iz_dropdowna_trazi(data.filter[i].vrije[k].ime);
				} else {
			      var naziv_filtera1 = hrv_slova(data.filter[i].vrije[k].ime); //promjeni u UTF-8 hrv slova
				}
				if (data.filter[i].vrije[k].ime == 999) { var unit = ""; naziv_filtera1 = 'Do&#382;ivotno';} //za dozivotno da ispisuje zadnje i bez mjerne jedinice
				if (data.filter[i].vrije[k].ime == 0) { var unit = ""; naziv_filtera1 = 'bez jamstva';} //za 0 da ispisuje zadnje i bez mjerne jedinice
                if (odabrani == 0) { var zarez2 = ""; } else { var zarez2 = " "; }
                var vrijednosti2 = vrijednosti2 + zarez2 + '<li><span id="fil' + i + '"><label for="' + i + '">' + naziv_filtera1 + unit + '</label><input id="' + i + '" CHECKED type="checkbox" value="' + data.filter[i].red_br + '|' + data.filter[i].vrije[k].ime + '" name="filter_boxes"/></span></li>';
                odabrani++;
              }
             } else {
			    if (data.filter[i].CFGI == 97) { //ako je filter za kategorije
				  var naziv_filtera2 = prikupi_naziv_iz_dropdowna_trazi(data.filter[i].vrije[k].ime);
				} else {
			      var naziv_filtera2 = hrv_slova(data.filter[i].vrije[k].ime); //promjeni u UTF-8 hrv slova
				}			 
			   if (data.filter[i].vrije[k].ime == 999) { var unit = ""; naziv_filtera2 = 'Do&#382;ivotno';} //za dozivotno da ispisuje zadnje i bez mjerne jedinice
			   if (data.filter[i].vrije[k].ime == 0) { var unit = ""; naziv_filtera2 = 'bez jamstva';} //za 0 da ispisuje zadnje i bez mjerne jedinice
			   if (data.filter[i].vrije[k].ime == "Akcijski artikli") { naziv_filtera2 = '<b>Akcijski artikli</b>';}
               if (neodabrani == 0) { var zarez = ""; } else { var zarez = ", "; }
               var vrijednosti = vrijednosti + zarez + '<li><a id="' + i + '"' + ' name="' + data.filter[i].red_br + '|' + data.filter[i].vrije[k].ime + '" rel="filter">' + naziv_filtera2 + unit + '</a>' + '<span class="qlinks"> (' + data.filter[i].vrije[k].kom + ')</span></li>';
               neodabrani++;
             }
           }

           //if (data.filter[i].CFGI != CFGI && CFGI != "") { var br = "<br>"; } else { var br = ""; }
           if (vrijednosti) {
            if (br % 2) { var cls = ""; } else { var cls = " class=lb"; }
			$('#filter').append($( [     //ispisi neodabrane
             '<tr id="filt' + i + '"><th>' + data.filter[i].naziv + ':</th><td ' + cls + ' ><ul>' + vrijednosti + '</ul></td></tr>'
             ].join('') ));
             br++;
           }
           var CFGI = data.filter[i].CFGI;
         }

          if (vrijednosti2) {
			$('#filter').append($( [    //ispisi odabrane
		     '<tr><th id="odabrani_filteri">Odabrano:</th><td><ul>' + vrijednosti2 + '</ul></td></tr>'	
            ].join('') ));
          }
       }

	   if (data.brand != null) {  //zbog perla ne pase mu da je varijabla null
	     var brand_link = '&brand=' + data.brand;
	   } else {
	     var brand_link = '';
	   }
	   
       $("a[\@rel='filter']").click(function() {
	      if (data.opaska) { var opaska = data.opaska; } else { var opaska = ''; } //zbog null za perl
		  var rijec = $('input#rijec').val();
		  var kategorija = $('select#kategorija').val();
		  var items_per_page = $('input#items_per_page').val();
		  var iz_forme = '&rijec=' + rijec + '&opaska=' + opaska + '&items_per_page=' + items_per_page + '&kategorija=' + kategorija + '&gdje=' + data.gdje + brand_link; 
          var filter = this.name;
         // alert(filter);
          var div_id = 'tr#filt' + this.id;
          $(div_id).fadeOut('slow');
          var filter_store = $('#filter_store').val();
           if (filter_store == "") { var spojnik = ""; } else { var spojnik = "::"; }
              filter_store = filter_store + spojnik + filter;
          $('#filter_store').empty();
          $('#filter_store').attr('value', filter_store);      //spremi kliknute filtere u input hidden
            var hash = 'ispisi.cgi?mode=filter' + iz_forme + '&filter_store=' + filter_store;
            $.historyLoad(hash);
           // var filter_store = $('#filter_store').val();
           // alert(filter_store);
             return false;
       });
       $("input[@name=filter_boxes]").click(function() {
          if (data.opaska) { var opaska = data.opaska; } else { var opaska = ''; } //zbog null za perl
		  var rijec = $('input#rijec').val();
		  var kategorija = $('select#kategorija').val();
		  var items_per_page = $('input#items_per_page').val();
		  var iz_forme2 = '&rijec=' + rijec + '&opaska=' + opaska + '&items_per_page=' + items_per_page + '&kategorija=' + kategorija + '&gdje=' + data.gdje + brand_link; 
 
             var filter = this.value;
             var span_id = 'span#fil' + this.id;
             $(span_id).fadeOut('slow');
             var filter_store = $('#filter_store').val();
             var mySplitResult = filter_store.split('::');
             var filter_novi = "";
             for ( var i in mySplitResult ) {
                if( mySplitResult[i] != filter) {
                   if (filter_novi == "") { var spojnik = ""; } else { var spojnik = "::"; }
                   filter_novi = filter_novi + spojnik + mySplitResult[i];
                }
             }
             $('#filter_store').empty();
             $('#filter_store').attr('value', filter_novi);
             var hash = 'ispisi.cgi?mode=filter' + iz_forme2 + '&filter_store=' + filter_novi;
             $.historyLoad(hash);
       });
	   
	   if (data.first) {
	    var ood = data.first + 1;
		var doo = ood + data.items_per_page; 
		if (doo > data.ukupno) {
		  var doo = data.ukupno; 
		}  
	   } else {
	    var ood = 1;
		if (data.ukupno > data.items_per_page) {
		   var doo = data.items_per_page;
		} else {
		   var doo = data.ukupno;
		}
	   }
	   
	   var link_za_ispis = ' Na&#269;in ispisa: <input class="On" type="button" id="View1" title="bez slike"/><input class="" type="button" id="View2" title="sa slikom"/>';
	   
       $('#druga').append($( [
            '<TABLE id="proizvodi">',
            '<COL id="col1"><COL id="col2"><COL id="col3"><COL id="col4"><COL id="col5"><COL id="col6"><COL id="col7"><COL id="col8">',
            '<thead>',
			'<tr>',
			'<th id=zaglavlje COLSPAN=3>',
			link_za_ispis,
			'&nbsp;&nbsp;&nbsp;<span align="right" id="res"></span></th>',
            '<th id=zaglavlje style="text-align: right;" COLSPAN=5>',
			'Ispisano: ',
			'<b>' + ood + '</b>',
			' - ',
			'<b>' + doo + '</b>',
			' od ',
			'<b>' + data.ukupno + '</b>',
			'</th>',
            '</tr>',
            '<tr>',
            '<th>Naziv</th>',
			'<th><img src="promjena.png" title="Promjena cijene" width="16" height="16" /></th>',
            '<th><img src="jamstvo.png" title="Jamstvo" width="16" height="16" /></th>',
            '<th><img src="stanje.png" title="Stanje" width="16" height="16" /></th>',
            '<th>Gotovina</th>',
            '<th>Kartica</th>',
            '<th COLSPAN=2><img src="cart_add.png" title="Ko&#353;arica" width="16" height="16"/></th>',
            '</tr>',
            '</thead>',
            '<tbody id="mojtbd">',
 			'<tfoot><th><div class="selectallarrow" align="left"><img style="vertical-align: middle;" src="arrow_ltr.png" title="na prodajnom mjestu" width="38" height="22"/><span id="ubaci_vise" >Ubaci u ko&#353;aricu</span></div></th>',
            '<th COLSPAN=7>',
            '</th></tfoot>',
			'</tbody>',
            '</table>',
            '<div align="center" id="Pagination" class="pagination"></div>',
			'<div style="float: right;">',
			'<table cellspacing="0" cellpadding="2" class="legend">',
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="stanje.png" alt=""/> </td>',
			'<td> Dostupnost: </td>',
			'</tr>',
			'</tbody>',			
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="na_p.gif" alt=""/> </td>',
			'<td> na prodajnom mjestu </td>',
			'</tr>',
			'</tbody>',
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="na_s.gif" alt=""/> </td>',
			'<td> na skladištu </td>',
			'</tr>',
			'</tbody>',
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="help.png" alt=""/> </td>',
			'<td> potrebna provjera </td>',
			'</tr>',
			'</tbody>',
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="na_x.gif" alt=""/> </td>',
			'<td> nedostupno </td>',
			'</tr>',
			'</tbody>',
			'</table>',
			'</div>',
            '<div style="float: right;">',
			'<table cellspacing="0" cellpadding="2" class="legend">',
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="promjena.png" alt=""/> </td>',
			'<td> Promjena cijene </td>',
			'</tr>',
			'</tbody>',
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="jamstvo.png" alt=""/> </td>',
			'<td> Jamstvo (mjeseci) </td>',
			'</tr>',
			'</tbody>',
			'<tbody>',
			'<tr>',
			'<td> <img height="16" width="16" src="cart_add.png" alt=""/> </td>',
			'<td> Ubaci u košaricu </td>',
			'</tr>',
			'</tbody>',
			'<tbody>',
			'<tr>',
			'<td> <img height="12" width="12" src="lines_over.gif" alt=""/> </td>',
			'<td> Ispis bez slike </td>',
			'</tr>',
			'</tbody>',
			'<tbody>',
			'<tr>',
			'<td> <img height="12" width="12" src="middle_over.gif" alt=""/> </td>',
			'<td> Ispis sa slikom </td>',
			'</tr>',
			'</tbody>',			
			'</table>',
			'</div>'			
 ].join('') ));


        $('#mojtbd').empty(); //obrii postojei ispis u tbody id=mojtbd
        $('#pat').empty();
        $('#res').empty();
        $('#PGS').empty();

        var KatJedManje = data.path.length - 1;  //da ne ispie zadnju kategoriju jer je ona ispisana u select drop down
		var samo_naziv_bez_home = "";
		
        for (var i = 0; i < KatJedManje; i++) {
             var dataM = '?mode=lij_meni&items_per_page=12&kategorija=' + data.path[i].id;
			 if (data.path[i].name == "Home") {  //zbog toga da dode na pocetnu straniu inace ide stvarati meni lijevo kojeg nema za home
               var link2 = '<a href="">' + data.path[i].name + '</a>&nbsp;>&nbsp;';
			   var samo_naziv_bez_home = samo_naziv_bez_home + data.path[i+1].name;
			 } else {
			   var link2 = '<a rel="history3" href="ispisi_kock_listu.cgi' + dataM + '">' + data.path[i].name + '</a>&nbsp;>&nbsp;';
			   var samo_naziv_bez_home = samo_naziv_bez_home + ' - ' + data.path[i+1].name;
			 }
             $("#pat").append(link2);			 
        }
		

        var ktg = 0;
        var brnd = 0;

        if (data.rijeci != 0) {
             var rijeci = ""; var praznina = ""; var rez = "";
             for (var i = 0; i < data.rijeci.length; i++) {
                if (i > 0) { var praznina = " "; }
                var rijeci = rijeci + praznina + data.rijeci[i];
             }

		   var samo_naziv_bez_home = samo_naziv_bez_home + ' - ' + rijeci;	 
           var rez = 'Rezultati za upit&nbsp;&nbsp;<b>' + rijeci + '</b>:';
           $('#res').append(rez);
        }


	document.title = 'dipol.hr - ' + samo_naziv_bez_home;
		
 $('#opaska').attr('value', data.opaska);
 
 //napuni polje sa vrijednostima za akcije da se dole moze koristiti
 var i; var myAkcije = new Array();
 for (i in data.akcije) {
  if (data.akcije[i] != null) {
   var naziv_akcije = hrv_slova(data.akcije[i].naziv);
    myAkcije[data.akcije[i].opaska] = naziv_akcije + ' traje do ' + data.akcije[i].datum;
   }
 }
 
 if (data.mode == "akcija") { document.title = 'dipol.hr - ' + myAkcije[data.opaska]; }

 var i;
 for (i in data.rows) {
  if (data.rows[i] != null) {

           if (i % 2) { var tr_class = ""; } else { var tr_class = " class=odd"; }

		   var link_ubaci_u_basket0 = '<INPUT class="ubaci_b" id="' + data.rows[i].proizvod_id + '" type=button>';
           if ( data.rows[i].br_komada > 0) {
                var pic = '<img src="na_p.gif" title="na prodajnom mjestu" width="16" height="16" />';
				var link_ubaci_u_basket = link_ubaci_u_basket0;
				var plus = '<INPUT class=btnpl2 btid="' + data.rows[i].proizvod_id + '" type=button>';
				var minus = '<INPUT class=btnmin2 btid="' + data.rows[i].proizvod_id + '" type=button>'; 
           } else if (data.rows[i].stanje_dobavljac > 0) {
                var pic = '<img src="na_s.gif" title="na skladi&#353;tu" width="16" height="16" />';
				var link_ubaci_u_basket = link_ubaci_u_basket0;
				var plus = '<INPUT class=btnpl2 btid="' + data.rows[i].proizvod_id + '" type=button>';
				var minus = '<INPUT class=btnmin2 btid="' + data.rows[i].proizvod_id + '" type=button>'; 
           } else {
                var pic = '<img src="na_x.gif" title="nedostupno" width="16" height="16" />';
				var link_ubaci_u_basket = '<img alt="" width="16" height="16" src="./cart_add0.png"/>';
				var plus = '<INPUT class=btnpl20 type=button>';
				var minus = '<INPUT class=btnmin20 type=button>'; 
           }

      if (data.rows[i].opaska == "A") {  //ako je opaska akcija
        var td_class = " class=akcija";
     } else if (data.rows[i].opaska == "M") {  //ako je opaska maskiranje
        var td_class = " class=maskiraj";
     } else {
        var td_class = "";
     }

          if (data.rows[i].kategorija != ktg) {
          $('#mojtbd').append($( [
            '<tr>',
            '<td id="kat" colspan="8">',
            data.rows[i].name,  //ime kategorije
            '</td>',
            '</tr>'
            ].join('') ));
           }

          if ( data.rows[i].brand != brnd && data.rows[i].brand != 0) {
          $('#mojtbd').append($( [
            '<tr>',
            '<td id="brnd" colspan="8">',
            '<img src=./brand_slike/' + data.rows[i].brand + 's.gif>' ,  //ime kategorije
            '</td>',
            '</tr>'
           ].join('') ));
          }

  //        var cijena = "" + data.rows[i].cijena.toFixed(2);; //da ne skine .00 sa cijene
            var cijena = formatCurrency(data.rows[i].cijena);
            var cij_got = formatCurrency((data.rows[i].cijena)*.95);
        //    var cij_kre = formatCurrency((data.rows[i].cijena)* 1.12);

		 var slika = $('#slika').val();
		 if (slika == 1) {
		  var my_slika = '<a id="lightbox" class="preview" rel="gallery' + data.rows[i].proizvod_id + '" href="../slike_proizvoda/' + data.rows[i].brand + '/' + data.rows[i].proizvod_id + '_main_b.jpg" name="' + data.rows[i].brand + '/' + data.rows[i].proizvod_id + '"><img class="slike" style="vertical-align: middle; margin-right: 4px;" alt="" width="35" height="35" src="../slike_proizvoda/' + data.rows[i].brand + '/' + data.rows[i].proizvod_id + '_main_xs.jpg"/></a>';
		  $("#View2").addClass("On");
          $("#View1").removeClass("On");		  
		 } else {
		  var my_slika = '';
		  $("#View1").addClass("On");
		  $("#View2").removeClass("On");
		 }

		if ( data.rows[i].opaska != 0) {
			var usteda_posto_dec2 = ((1 - (data.rows[i].cijena3 / data.rows[i].cijena)) * 100) + 5;
			    usteda_posto_dec2 = usteda_posto_dec2.toFixed(2); 
			
		    var usteda_posto = Math.round ((1 - data.rows[i].cijena3 / data.rows[i].cijena) * 100);
		    var akcijska_cijena = formatCurrency(data.rows[i].cijena3);
			var akcijska_cijena_got = formatCurrency(data.rows[i].cijena * (1-(usteda_posto_dec2/100)));
			var akcija = '&nbsp;<img title="' + myAkcije[data.rows[i].opaska] + '" height="16" width="16" src="./akcija.png"><br><img style="vertical-align: middle;" title="pad cijene" height="8" width="8" src="./dole.png">-' + usteda_posto + '%';
			var cij_got = '<s>' + cij_got + '</s><br>'; //prekrizi redovnu cijenu
			var cijena = '<s>' + cijena + '</s><br>'; //prekrizi redovnu cijenu
		} else {
			var akcija = '';
			var akcijska_cijena = '';
			var akcijska_cijena_got = '';
			var usteda_posto = '';
		}
        if ( data.rows[i].opis_DN != 0) {
             var dataM = 'explore_proizvod.cgi?mode=lij_meni&proizvod_id=' + data.rows[i].proizvod_id + '&kategorija=' + data.rows[i].kategorija + '&gdje=' + data.gdje;
			 var a1 = '<a name="' + data.rows[i].brand + '" id="' + data.rows[i].proizvod_id + '" class="pr_link" rel="history3" href="' + dataM + '">';
             var a3 = '</a>';
        } else {
             var dataM = '../slike_proizvoda/' + data.rows[i].brand + '/' + data.rows[i].proizvod_id + '_main_b.jpg';
			 var a1 = '<a id="lightbox" class="pr_link" name="' + data.rows[i].brand + '/' + data.rows[i].proizvod_id + '" rel="galleryB' + data.rows[i].proizvod_id + '" href="' + dataM + '">';
             var a3 = '</a>';
        }

		if ( data.rows[i].cijena2 != 0 && data.rows[i].opaska == 0) {
		  var promjena_cijene = Math.round (((data.rows[i].cijena2 - data.rows[i].cijena) / data.rows[i].cijena2) * 100);
		  if (promjena_cijene > 2.9) {  //promjena veca od 2.9posto
		    var promjena_cijene = - promjena_cijene;
		    var promjena_cijene = '<img style="vertical-align: middle;" title="pad cijene" height="8" width="8" src="./dole.png">' + promjena_cijene + '%';
		 // } else if (promjena_cijene > 2.9) {
		 //   var promjena_cijene = '<img style="vertical-align: middle;" title="rast cijene" src="./gore.png">' + promjena_cijene + '%';
		  }else {
		    var promjena_cijene = '';
		  }
		} else {
		  var promjena_cijene = '';
		}
		
		if (data.rows[i].jamstvo == 999) {
		 var jamstvo = '<img style="vertical-align: middle;" title="do&#382;ivotno" src="./dozivotno.gif">';
		} else if (data.rows[i].jamstvo == 0) {
		 var jamstvo = '';
		} else {
		 var jamstvo = data.rows[i].jamstvo;
		}
		
		if ( data.rows[i].opaska2 == "N") { //oznaka za novi proizvod
		   var opaska2 = '<font style="color:red" size="1" face="Verdana">&nbsp;&nbsp;NOVO</font>';
		} else {
		   var opaska2 = '';
		}
		
		if ( data.rows[i].B > 0) { //oznaka za komada tog proizvoda u basketu
		   var komada_u_basketu = data.rows[i].B;
		   var class_za_input = 'kol_B';
		} else {
		   var komada_u_basketu = 0; 
		   var class_za_input = 'kol';
		}
		
         $('#mojtbd').append($( [
		   '<tr' + tr_class + ' id="' + data.rows[i].proizvod_id + '">',
		   '<td id=l><input type="checkbox" value="' + data.rows[i].proizvod_id + '" name="id"/>',
		   '<a class="preview2" name="' + data.rows[i].brand + '/' + data.rows[i].proizvod_id + '" id="' + data.rows[i].proizvod_id + '" rel="' + data.rows[i].kategorija + '"></a>',
		    my_slika,
		    a1,
            data.rows[i].ime,
            a3,
			opaska2,
			'</td>',
			'<td id=c>',
			promjena_cijene,
			akcija,
			'</td>',
             '<td id=c>',
             jamstvo,
             '</td>',
             '<td id=c>',
             pic, // stanje
             '</td>',
             '<td id=r>',
             cij_got,
			 akcijska_cijena_got,
             '</td>',
             '<td id=r>',
             cijena,
			 akcijska_cijena,
             '</td>',
             '<td id=r>',
			 plus,
			 minus,
			 '<input class="' + class_za_input + '" onkeypress="return numOnly(event)" name="kolicina" id="' + data.rows[i].proizvod_id + '" maxlength="4" value="' + komada_u_basketu + '" type="text">',
			 '</td>',
             '<td id=l>',
			 link_ubaci_u_basket,
             '</td>',
         '</tr>'
 ].join('') ));

 var ktg = data.rows[i].kategorija;
 var brnd = data.rows[i].brand;
  }
         }

    $('#kategorija').attr('value', data.kategorija);
//   $('#stanje').attr('value', data.stanje);
 //   $('#brand').attr('value', data.brand);
  //  $('#items_per_page').attr('value', data.items_per_page);
  if(data.rijeci != 0) {
    var rijeci = ""; var praznina = "";
        for (var i = 0; i < data.rijeci.length; i++) {
           if (i > 0) { var praznina = " "; }
          var rijeci = rijeci + praznina + data.rijeci[i];
       }
    $('#rijec').attr('value', rijeci);
  }

      var stranica = data.ukupno / data.items_per_page ;

      if (stranica > 1) { //ispisi stranice samo ako ih ima vie od 1e
               var data2 = $("#myForm1").formSerialize(); //prikupi podatke iz postojee forme
			   var filter_store = $('#filter_store').val(); //prikupi spremljene filtere
               if (data.brand) { var brand = data.brand;} else { var brand = ""; }
               var dataMoj2 = "#ispisi.cgi?" + data2 + "&filter_store=" + filter_store + "&brand=" + brand + "&first=";  //dodaj jo upit na postojei

        $("#Pagination").pagination(data.ukupno, {
                items_per_page: data.items_per_page,
                current_page: (data.first/data.items_per_page),
                next_text: "Slijede&#263;a",
                prev_text: "Predhodna",
                num_edge_entries: 2,
                link_to: dataMoj2,
                callback: function (page_id, jq) {

                   var data = $("#myForm1").formSerialize(); //prikupi podatke iz postojee forme
                   var dataMoj = "ispisi.cgi?" + data + "&filter_store=" + filter_store + "&brand=" + brand + "&first=" + page_id;  //dodaj jo upit na postojei
                   //alert(dataMoj);
                   $.historyLoad(dataMoj);

                  }
        });
      } else { //ako nema stranica izbrii prijanji ispis
       $('#Pagination').empty();
      }

$(document).ready(function() {

      $(".ubaci_b").click(function() {
            var id = $(this).attr("id");
            var id2 = 'td input#' + id;
            var kolicina = $(id2).val();
            var linkic = "kosarica.cgi?mode=ubaci&id=" + id + "|" + kolicina;
            $.getJSON(linkic, function(json){
                    basket(json);
            });
      });
	   
     $(".btnmin2").click( function() {   //smanji broj komada
      var id = $(this).attr("btid");
      var id2 = 'td input#' + id;
      var kolicina = $(id2).val();
	  if (kolicina == 1) {
	  	var linkic = "kosarica.cgi?mode=brisi&id=" + id;
		$.getJSON(linkic, function(json){
          basket(json);
        });		
	  } else if (kolicina >= 1) {
	    var kolicina = kolicina - 1;
		var linkic = "kosarica.cgi?mode=ubaci&id=" + id + "|" + kolicina;
		$.getJSON(linkic, function(json){
          basket(json);
        });
	  }
     });
     $(".btnpl2").click( function() { //povecaj broj komada
      var id = $(this).attr("btid");
      var id2 = 'td input#' + id;
      var kolicina = $(id2).val();
      var linkic = "kosarica.cgi?mode=ubaci&id=" + id + "|" + kolicina;
      $.getJSON(linkic, function(json){
          basket(json);
      });
    });

	$("input[@name=id][@type=checkbox]").click(function() {  
	  if ($("input[@name=id][@type=checkbox][@checked]").length > 0) {
	   $("#ubaci_vise").bind("click.pero",function() {
	     var id1 = "";
		 $("input[@name=id][@type=checkbox][@checked]").each( function() {
		      var id_tmp = "td input#" + this.value;
			  var kom = $(id_tmp).val();
			      id1 = id1 + "&id=" + this.value + "|" + kom;
		 });

        var linkic = "kosarica.cgi?mode=ubaci" + id1;
        $.getJSON(linkic, function(json){
                basket(json);
        });
		$("#ubaci_vise").unbind("click.pero");
		$("[@name=id][@type=checkbox][@checked]").attr('checked', false);
		$("#mojtbd tr").removeClass('highlight3');
	  });
	  } else {
	    $("#ubaci_vise").unbind("click.pero");
	  }
	 });	
//promijeni pozadinu na odabir klikom na checkbox   
  $("[@name=id][@type=checkbox]").click(function(event) {
     var id = $(this).val();
	 var moj_tr = "#mojtbd tr#" + id; 
    $(moj_tr).toggleClass('highlight3');
    if (event.target.type !== 'checkbox') {
      $(':checkbox', this).trigger('click');
    }
  });
	  
	  $("a[\@rel='history3']").click(function() {
       var hash = this.href;
          hash = hash.replace(/^.*#/, '');
        $.historyLoad(hash);
       return false;
       });

	  //klikom na sliku prikazi slike mjenja se class a prema promjeni class ubacujem ili brisem pripadajucu sliku
	  $("#View2").click( function() {
    		// $(this).toggleClass("On");
			 var stanje = $(this).attr("class");
			 if (stanje != "On") {
			   $("#View2").addClass("On");
			   $("#View1").removeClass("On");
			   $("a.preview2").each( function() {
				 $(this).prepend($( [
			     '<a id="lightbox" class="preview" rel="gallery' + this.id + '" name="' + this.name + '" href="../slike_proizvoda/' + this.name + '_main_b.jpg">',
				 '<img class="slike" style="vertical-align: middle; margin-right: 4px;" alt="" width="35" height="35" src="../slike_proizvoda/',
		         this.name,
			     '_main_xs.jpg"/></a>'
			     ].join('') ));
			   });
			   $('#slika').attr('value', "1");
			 } else {
			  $("#View1").addClass("On");
			  $("#View2").removeClass("On");
			  $("a.preview").remove();
			  $('#slika').attr('value', "0");
			 }
		 //$("a.preview").unbind();	 
		 imagePreview();
		 $("a[\@rel='history3']").click(function() {
          var hash = this.href;
              hash = hash.replace(/^.*#/, '');
            $.historyLoad(hash);
             return false;
         });
		 $("a[\@id='lightbox']").fancybox({  //za prikaz velike slike bez opisa kode xplore proizvod je class ovdje je id
              'overlayShow': true
         });
      });
	  $("#View1").click( function() {
			 var stanje = $(this).attr("class");
			 if (stanje != "On") {
			  $("#View1").addClass("On");
			  $("#View2").removeClass("On");
			  $("a.preview").remove();
			  $('#slika').attr('value', "0");
			 } else { 
			  $("#View2").addClass("On");
			  $("#View1").removeClass("On");
			  $("a.preview2").each( function() {
				 $(this).prepend($( [
			     '<a id="lightbox" class="preview" rel="gallery' + this.id + '" name="' + this.name + '" href="../slike_proizvoda/' + this.name + '_main_b.jpg">',
				 '<img class="slike" style="vertical-align: middle; margin-right: 4px;" alt="" width="35" height="35" src="../slike_proizvoda/',
		         this.name,
			     '_main_xs.jpg"/></a>'
			     ].join('') ));
			   });
			   $('#slika').attr('value', "1");
			 }
	   // $("a.preview").unbind();
		imagePreview();	
         $("a[\@rel='history3']").click(function() {
          var hash = this.href;
              hash = hash.replace(/^.*#/, '');
            $.historyLoad(hash);
             return false;
         });
         $("a[\@id='lightbox']").fancybox({  //za prikaz velike slike bez opisa kode xplore proizvod je class ovdje je id
              'overlayShow': true
         });		 
       });

  imagePreview();	

if(data.rijeci != 0) {   //ako uope je postavljen upit za traenje rijei
//oznai traene rijei mjenjajui im pozadinu
    for (var i = 0; i < data.rijeci.length; i++) {
         var rijeciU = data.rijeci[i].toUpperCase();  //zbog FF-a treba staviti upper inace ne sljaka u FF
       $('#mojtbd').each(function() {$.highlight(this, rijeciU);}); //mora se odnositi na cijeli tekst tj cijelu tblicu jerbo inae ako se stav inpr. td onda vie puta ponavlja
  }
  $('#Pagination').removeHighlight(); //jwrbo u exploreru i t o obuhvati

}
            $("#mojtbd tr").mouseover(function() {
                  $(this).addClass('highlight2');
              });
              $("#mojtbd tr").mouseout(function() {
                  $(this).removeClass('highlight2');
              });

  $("a[\@id='lightbox']").fancybox({  //za prikaz velike slike bez opisa kode xplore proizvod je class ovdje je id
     'overlayShow': true
   });

});

} //end processJson

function formatCurrency(strValue)
{
        strValue = strValue.toString().replace(/\$|\,/g,'');
        dblValue = parseFloat(strValue);

        blnSign = (dblValue == (dblValue = Math.abs(dblValue)));
        dblValue = Math.floor(dblValue*100+0.50000000001);
        intCents = dblValue%100;
        strCents = intCents.toString();
        dblValue = Math.floor(dblValue/100).toString();
        if(intCents<10)
                strCents = "0" + strCents;
        for (var i = 0; i < Math.floor((dblValue.length-(1+i))/3); i++)
                dblValue = dblValue.substring(0,dblValue.length-(4*i+3))+'.'+
                dblValue.substring(dblValue.length-(4*i+3));
        return (((blnSign)?'':'-') + dblValue + ',' + strCents);
}

function basket(data) {

if (data.flag == 'error' || data.flag == 'login') {
    $('#druga').load('registracija.cgi?mode=login');
} else {
  if (data.flag == 'false') {
    $('td #basket_mali').empty();
    $('td #basket_mali').append("Gre&#353;ka");
  } else {

    var basket = '<a href="https://ssl.dipol.hr/kosaricaS.cgi?mode=ssl&u=' + data.u + '"><font style="color: #000000; font-size: 14px; font-family: Arial,Helvetica,sans-serif;"><img style="vertical-align: center; padding-right: 5px;" alt="" width="16" height="16" src="./cart_add.png"/>Artikala: <b>' + data.brartikala + '</b> Iznos: <b>' + data.ukcijena + '</b></font></a>';
    $('td #basket_mali').empty();
	$('td #basket_mali').append(basket);
	
	if ($('td .basket_mali').length == 0) {
       $('td #basket_mali').addClass('basket_mali');
    }
    
	if (data.mode == 'brisi') {
		 //kada se stisne minus na kolicinu 1 tj izbrise u listi proizvoda, promijeni na 0 i promijeni pozadinu u bijelu
        var id = 'td input#' + data.id;
		$(id).attr('value', '0');
		$(id).attr("class","kol");
	} else {
     var i; 
     for (i in data.ubaceni_pr) {
      if (data.ubaceni_pr[i] != null) {
        var id = 'td input#' + data.ubaceni_pr[i].id;
		$(id).attr('value', data.ubaceni_pr[i].kol);
		$(id).addClass("kol_B");
      }
     }
    }
  }

 if (data.brartikala != 0) {
  if (data.mode == 'big') {
   $('#druga').empty();
   $('#druga').append($( [
            '<div id="container-1">',
            '<ul>',
            '    <li><a href="korisnik.cgi?mode=promijeni_pass" title="Pass"><span>Promjena &#154;ifre</span></a></li>',
            '    <li><a href="korisnik.cgi?mode=korisnicki_podaci" title="Moji podaci"><span>Moji podaci</span></a></li>',
            '    <li><a href="korisnik.cgi?mode=moje_narudzbe" title="Moje narudzbe"><span>Moje narud&#382;be</span></a></li>',
            '    <li><a href="#Kosarica"><span>Ko&#154;arica</span></a></li>',
            '</ul>',
            '<div id="Moje narudzbe">',
            '</div>',
            '<div id="Moji podaci">',
            '</div>',
            '<div id="Pass">',
            '</div>',
            '<div id="Kosarica">',
			'<form class="cmxform" id="narudzbaform" autocomplete="off" method="post" action="">', 			
			'<fieldset>',
            '<legend>Ko&#353;arica</legend>',
            '<center><TABLE id="basket">',
            '<thead>',
            '<tr>',
            '<th width="20">Br.</th>',
            '<th>Naziv</th>',
            '<th width="50">Jamstvo</th>',
            '<th width="40">Stanje</th>',
            '<th width="80">Cijena</th>',
            '<th width="60">Popust</th>',
            '<th width="80">Kom.</th>',
            '<th width="100">Ukupno</th>',
            '<th width="40">Izbri&#353;i</th>',
            '</tr>',
            '</thead>',
            '<tbody id="mojtbd">',
            '<tfoot>',
            '<th colspan=2 style="text-align: left; font-family:trebuchet ms,helvetica,sans-serif; font-size:11px; padding-left: 8px; font-weight:normal"></th>',
            '<th id=ukupno colspan=4 style="text-align: right;">Ukupno:</th>',
            '<th id=brartikala style="text-align: left; padding-left: 12px">' + data.brartikala + '</th>',
            '<th id=ukcijena style="text-align: right; padding-right: 7px">' + data.ukcijena + ' Kn</th>',
            '</tfoot>',
            '</tbody>',
            '</table></center>',
			'</fieldset>',			
			'<fieldset>',
            '<legend id="dostava">Na&#269;in preuzimanja robe</legend>',	
			'<input id="dostava0" type="radio" value="1" name="dostava"/>',
			'<label id="ldostava" for="dostava0">Dostavom na adresu</label>',
			'<input id="dostava1" type="radio" value="0" name="dostava"/>',
			'<label id="ldostava" for="dostava1">Na prodajnom mjestu</label>',
			'<label for="dostava" class="error">Odaberite na&#269;in preuzimanja robe</label>',
			'<br><br><div id="adresa_dostave"><label for="adresa_dostave" class="error">&nbsp;&nbsp;Odaberite adresu dostave</label></div>',
			'</fieldset>',			
			'<fieldset>',
            '<legend>Na&#269;in pla&#263;anja</legend>',			
			'<input disabled="disabled" id="nac_placanja0" type="radio" value="0" name="nac_placanja"/>',
			'<label id="lnac_placanja" for="nac_placanja0">Online kreditnom karticom</label>',
			'<input disabled="disabled" id="nac_placanja1" type="radio" value="1" name="nac_placanja"/>',
			'<label id="lnac_placanja" for="nac_placanja1">mPay - mobilnim telefonom</label>',
			'<input id="nac_placanja2" type="radio" value="2" name="nac_placanja"/>',
			'<label id="lnac_placanja" for="nac_placanja2">Virmanom / Op&#263;om uplatnicom</label>',
			'<input id="nac_placanja3" type="radio" value="3" name="nac_placanja"/>',
			'<label id="lnac_placanja" for="nac_placanja3">Na prodajnom mjestu</label>',	
			'<label for="nac_placanja" class="error">Odaberite na&#269;in pla&#263;anja</label>',	
			'<br><br><div id="vrsta_placanja"><label for="vrsta_placanja" class="error">&nbsp;&nbsp;Odaberite vrstu plaćanja</label></div>',			
			'</fieldset>',
			'<center>',
			'<button onclick="modePonuda()" id="ponudasubmit" class="ubaci" type="submit" style="margin-right: 15px;"><img src="./pdf.gif" style="vertical-align: middle; float: left; margin: 0px 5px 5px 0px;" alt=""/>Izradi ponudu</button>',	
			'<button onclick="modeNaruci()" id="narucisubmit" class="ubaci" type="submit"><img src="./stanje.png" style="vertical-align: middle; float: right; margin: 0px 5px 5px 0px;" alt=""/>Kupi</button>',			
			'</center>',	
			'<input id="mode" type="hidden" value="naruci" name="mode"/>',			
			'</form></div></div>'
			
 ].join('') ));
		   
        $('#mojtbd').empty(); //obrii postojei ispis u tbody id=mojtbd
        $('#res').empty();
        $('#PGS').empty();

   for (var i = 0; i < data.items.length; i++) {

           if (i % 2) { var tr_class = ""; } else { var tr_class = " class=odd"; }

           if ( data.items[i].br_komada > 0) {
                var pic = '<img src="na_p.gif" title="na prodajnom mjestu" width="16" height="16" />';
           } else if (data.items[i].stanje_dobavljac > 0) {
                var pic = '<img src="na_s.gif" title="na skladi&#353;tu" width="16" height="16" />';
           } else {
                var pic = '<img src="na_x.gif" title="nedostupno" width="16" height="16" />';
           }

            var cijena = formatCurrency(data.items[i].cijena);
            var cij_got = formatCurrency((data.items[i].cijena)*.95);
            if(data.items[i].popust != ""){
			
			  var pop = 1 - (data.items[i].popust / 100);
              var sranje = data.items[i].cijena * pop;
              var sranje = sranje.toFixed(2);;
              var iznos_s_porezom = data.items[i].kolicina * sranje;
		 
              var ukupno = formatCurrency(iznos_s_porezom);
            } else {
              var ukupno = formatCurrency(data.items[i].cijena * data.items[i].kolicina);
            }
		
		//nema opaske u kosarici, kasnije treba dodati da se vidi ako je npr akcija		
		//if ( data.rows[i].opaska != 0) {
		//	var akcija = '&nbsp;<img style="vertical-align: middle;" alt="Akcija!" src="./akcija.png">';
		//} else {
			var akcija = '';
		//}
		
       if ( data.items[i].opis_DN != 0) {
             var dataM = 'explore_proizvod.cgi?mode=lij_meni&proizvod_id=' + data.items[i].proizvod_id + '&kategorija=' + data.items[i].kategorija + '&gdje=' + data.gdje;
             var a1 = '<td id=l><a class="pr_link" rel="history0" href="' + dataM + '">';
             var a3 = '</a></td>';
        } else {
             var a1 = "<td id=l>";
             var a3 = "</td>";
        }

    var redBr = i + 1;
    $('#mojtbd').append($( [
           '<tr' + tr_class + ' id="pr' + data.items[i].proizvod_id + '">',
           '<td class="pr' + data.items[i].proizvod_id + '" id=c>',
           '<b>' + redBr + '.</b>',
           '</td>',
            a1,
            data.items[i].ime,
			akcija,
            a3,
             '<td id=c>',
             data.items[i].jamstvo,
             '</td>',
             '<td id=c>',
             pic, // stanje
             '</td>',
             '<td id=r>',
             cijena,
             '</td>',
             '<td class="pop' + data.items[i].proizvod_id + '" id=r>',
             data.items[i].popust + ' %',
             '</td>',
             '<td id=c>',
             '<input onkeypress="return numOnly(event)" class="kolicina" id="' + data.items[i].proizvod_id + '" maxlength="4" value="' + data.items[i].kolicina + '" type="text">',
             '<INPUT class=btnpl btid="' + data.items[i].proizvod_id + '" type=button>',
             '<INPUT class=btnmin btid="' + data.items[i].proizvod_id + '" type=button>',
             '</td>',
             '<td class=uku' + data.items[i].proizvod_id + ' id=r>',
             ukupno,
             '</td>',
             '<td id=c>',
             '<img class="del" id="' + data.items[i].proizvod_id + '" alt="" width="16" height="16" src="./action_delete.gif"/>',
             '</td>',
         '</tr>'
     ].join('') ));

   }

  }
 } else {
  $('#druga').empty();
  $('#druga').append($( [
            '<div id="container-1">',
            '<ul>',
            '    <li><a href="korisnik.cgi?mode=promijeni_pass" title="Pass"><span>Promjena &#154;ifre</span></a></li>',
            '    <li><a href="korisnik.cgi?mode=korisnicki_podaci" title="Moji podaci"><span>Moji podaci</span></a></li>',
            '    <li><a href="korisnik.cgi?mode=moje_narudzbe" title="Moje narudzbe"><span>Moje narud&#382;be</span></a></li>',
            '    <li><a href="#Kosarica"><span>Ko&#154;arica</span></a></li>',
            '</ul>',
            '<div id="Moje narudzbe">',
            '</div>',
            '<div id="Moji podaci">',
            '</div>',
            '<div id="Pass">',
            '</div>',
            '<div id="Kosarica">',
			'<fieldset>',
            '<legend>Ko&#353;arica</legend>',
			'<center>Ko&#353;arica je prazna.</center>',         		
			'</fieldset>',
			'</div></div>'
			
 ].join('') ));
 
 }
}

 $(".kolicina").unbind();  //jerbo inae ponavlja
 $(".btnmin").unbind();  //jerbo inae ponavlja
 $(".btnpl").unbind();  //jerbo inae ponavlja
 $(".del").unbind();
 $("a[\@rel='history0']").unbind();

 $(document).ready(function() {
   $('#container-1 > ul').tabs({ selected: 3 } );  
  $("a[\@rel='history0']").click(function() {
     var hash = this.href;
         hash = hash.replace(/^.*#/, '');
    $.historyLoad(hash);
    return false;
   });

   $(".del").click(function() {  //izbrisi stavku u kosarici
        var id = $(this).attr("id");
        var linkic = "kosarica.cgi?mode=brisi&id=" + id;
        $.getJSON(linkic, function(json){
                    basket2(json);
        });
   });

   $(".kolicina").change( function() { //promijeni broj komada ovisno o promjeni upisanoj u input
     var kom = $(this).val();
      var id = $(this).attr("id");
     var linkic = "kosarica.cgi?mode=kol&id=" + id + "&kol=" + kom;
     $.getJSON(linkic, function(json){
       basket2(json);
     });
   });
   $(".btnmin").click( function() {   //smanji broj komada
      var id = $(this).attr("btid");
      var linkic = "kosarica.cgi?mode=kol&id=" + id + "&kol=m1";
      $.getJSON(linkic, function(json){
          basket2(json);
      });  
   });
   $(".btnpl").click( function() { //povecaj broj komada
      var id = $(this).attr("btid");
      var linkic = "kosarica.cgi?mode=kol&id=" + id + "&kol=p1";
      $.getJSON(linkic, function(json){
          basket2(json);
      });
   });
   
           function rezultatNarudzba()  {  
             var basket = '<a rel="history77" href="kosarica.cgi?mode=big"><font style="color: #000000; font-size: 14px; font-family: Arial,Helvetica,sans-serif;"><img style="vertical-align: center; padding-right: 5px;" alt="" width="16" height="16" src="./cart_add.png"/>Artikala: <b>0</b> Iznos: <b>0,00</b></font></a>';
             $('td #basket_mali').empty();
	         $('td #basket_mali').append(basket);
			 
			 $(document).ready(function() {
				$("a[\@rel='history77']").click(function() {
					var hash = this.href;
						hash = hash.replace(/^.*#/, '');
						$.historyLoad(hash);
					return false;
				});
			 });	
			 
			 alert("Narudžba je dovršena!");	
			 
			 $.get("korisnik.cgi", { mode: "moji_podaci"},
				function(data){
				  $('#druga').empty();
				  $('#druga').append(data);
				}
			 );
		   }
   
        var validator = $("#narudzbaform").validate({
              onkeyup: false,
                rules: {
                        dostava: "required",
                        nac_placanja: "required",
						adresa_dostave: "required",
						vrsta_placanja: "required"
                },
                messages: {
                        dostava: "Odaberite način dostave",
                        nac_placanja: "Odaberite način plaćanja",
						adresa_dostave: "Odaberite adresu dostave",
						vrsta_placanja: "Odaberite vrstu plaćanja"
                },

                // specifying a submitHandler prevents the default submit, good for the demo
                submitHandler: function(form) {
                        jQuery(form).ajaxSubmit({
                                         url: 'kosarica.cgi',
                                         dataType:  'html',
                                         success: rezultatNarudzba
                                });
                }
        });
		
		$('#dostava0').click( function() {
			$.ajax({
				type: "POST",
				 url: "kosarica.cgi",
				data: "mode=adresa_dostave",
				dataType: "json",
		  	 success: function(data){
				if (data.flag == 'False') {
					$('div#adresa_dostave').empty();
					$('div#adresa_dostave').append("Nema definirane adrese!");
				} else {
					$('div#adresa_dostave').empty();
					$('div#adresa_dostave').append(data.opcije);
				}
				if (data.ukupna_cijena < 2000) {
				    $("th#ukcijena").empty();
					var ukupna_cijena = parseFloat(data.ukupna_cijena); //pretvori u number
					var ukupna_sa_dostavom = formatCurrency(ukupna_cijena + 55.00);
                    $("th#ukcijena").append(ukupna_sa_dostavom + ' Kn');
					$('tr#prDostava').remove();
					$('#mojtbd').append($( [
						'<tr id="prDostava">',
						'<td id=c>',
						'</td>',
						'<td id=l>',
						'Dostava na adresu',
						'</td>',
						'<td id=c>',
						'</td>',
						'<td id=c>',
						'</td>',
						'<td id=r>',
						'55,00',
						'</td>',
						'<td id=r>',
						'</td>',
						'<td id=c>',
						'</td>',
						'<td id=r>',
						'55,00',
						'</td>',
						'<td id=c>',
						'</td>',
						'</tr>'
					].join('') ));				
				}
				
			}
			});
		});
		
		$('#dostava1').click( function() {
		
		    $('div#adresa_dostave').empty();
			var linija_dostave = $("#mojtbd tr#prDostava").length;
			if (linija_dostave ) {
			  $('tr#prDostava').remove();
			  var trenutna_uk_cijena = $("th#ukcijena").html();
			  var trenutna_uk_cijena = trenutna_uk_cijena.replace(/\./, '');  
			  var trenutna_uk_cijena = trenutna_uk_cijena.replace(/,/, '.');  
			  var trenutna_uk_cijena = parseFloat(trenutna_uk_cijena); //pretvori u number			
		      var ukupna_bez_dostave = formatCurrency(trenutna_uk_cijena - 55.00);
			  $("th#ukcijena").empty();
			  $("th#ukcijena").append(ukupna_bez_dostave + ' Kn');
			}
		});
		
		$('#nac_placanja3').click( function() {
		     
		      var trenutna_uk_cijena = $("th#ukcijena").html();
			  var trenutna_uk_cijena = trenutna_uk_cijena.replace(/\./, '');  
			  var trenutna_uk_cijena = trenutna_uk_cijena.replace(/,/, '.');  
			  var trenutna_uk_cijena = parseFloat(trenutna_uk_cijena); //pretvori u number	
			  
		    $('div#vrsta_placanja').empty();
			
     	  if (trenutna_uk_cijena >= 1000 ) { //ako je veca od 1000 kn zbog kredita
		  
            $('div#vrsta_placanja').append($( [
			    '<select id="vrsta_placanja" size="1" name="vrsta_placanja">',
			    '<OPTION selected="selected" value="">Odaberite vrstu plaćanja...</OPTION>',
				'<OPTION VALUE="1">Gotovina</OPTION>',
				'<OPTION VALUE="2">Cirrus Maestro</OPTION>',				
				'<OPTION VALUE="3">Eurocard-mastercard</OPTION>',
				'<OPTION VALUE="4">American kartica</OPTION>',
				'<OPTION VALUE="5">Diners kartica</OPTION>',
				'<OPTION VALUE="6">Visa electron</OPTION>',				
				'<OPTION VALUE="7">Visa kreditna kartica</OPTION>',
				'<OPTION VALUE="8">American kredit do 60 rata</OPTION>',
				'<OPTION VALUE="9">Diners kredit do 12 rata</OPTION>',
				'<OPTION VALUE="10">Mastercard kredit do 36 rate</OPTION>',
				'</select>'
            ].join('') ));
			
				$(document).ready(function() {
					$('div#vrsta_placanja select#vrsta_placanja').change( function() {
						$.getJSON("kosarica.cgi",{ mode: "big", vrsta_placanja: this.value }, function(json){
							basket2(json);
						});
					});	
				});		 
		
          } else {
		  
            $('div#vrsta_placanja').append($( [
			    '<select id="vrsta_placanja" size="1" name="vrsta_placanja">',
			    '<OPTION selected="selected" value="">Odaberite vrstu plaćanja...</OPTION>',
				'<OPTION VALUE="1">Gotovina</OPTION>',
				'<OPTION VALUE="2">Cirrus Maestro</OPTION>',				
				'<OPTION VALUE="3">Eurocard-mastercard</OPTION>',
				'<OPTION VALUE="4">American kartica</OPTION>',
				'<OPTION VALUE="5">Diners kartica</OPTION>',
				'<OPTION VALUE="6">Visa electron</OPTION>',				
				'<OPTION VALUE="7">Visa kreditna kartica</OPTION>',
				'</select>'
            ].join('') ));
			
				$(document).ready(function() {
					$('div#vrsta_placanja select#vrsta_placanja').change( function() {
						$.getJSON("kosarica.cgi",{ mode: "big", vrsta_placanja: this.value }, function(json){
							basket2(json);
						});
					});	
				});			
			
		  }
  	    });
		   
        $('#nac_placanja2').click( function() {
		    $('div#vrsta_placanja').empty();
            $.getJSON("kosarica.cgi",{ mode: "big", vrsta_placanja: "0" }, function(json){
                basket2(json);
            });
		});		

  });
}

function modePonuda() {    
    $('form#narudzbaform input#mode').attr('value', "ponuda");  //kada se klikne na ponuda promijeni mode value
}
function modeNaruci() {    
    $('form#narudzbaform input#mode').attr('value', "naruci");  //kada se klikne na ponuda promijeni mode value
}

function basket2 (data) {
  if (data.flag == 'error' || data.flag == 'login') {
    $('#druga').load('registracija.cgi?mode=login');
  } else {
    if (data.flag == 'false') {
      $('td #basket_mali').empty();
      $('td #basket_mali').append("Gre&#353;ka");
    } else {
     var basket = '<a rel="history0" href="kosarica.cgi?mode=big"><font style="color: #000000; font-size: 14px; font-family: Arial,Helvetica,sans-serif;"><img style="vertical-align: center; padding-right: 5px;" alt="" width="16" height="16" src="./cart_add.png"/>Artikala: <b>' + data.brartikala + '</b> Iznos: <b>' + data.ukcijena + '</b></font></a>';
      $('td #basket_mali').empty();
      $('td #basket_mali').append(basket);
    }
    if (data.mode == 'kol') {
      var box = ".uku" + data.id;
      var Dprid = ".kolicina#" + data.id;
      $(Dprid).val(data.kom);
      $(box).empty();
      $(box).append(data.ukstavka);
	  var box_pop = ".pop" + data.id;
      $(box_pop).empty();
      $(box_pop).append(data.popust + ' %');	  
      $("th#brartikala").empty();
      $("th#brartikala").append(data.brartikala);
      $("th#ukcijena").empty();
      $("th#ukcijena").append(data.ukcijena + ' Kn');
	  $("#vrsta_placanja option[value='']").attr('selected', 'selected'); //ako se mijenja kolicina resetiraj vrstu placanja
	  $('div#vrsta_placanja').empty(); //makni ako je bilo stisnoto na prodajnom mjestu pa je ponudio select
	  $('div#adresa_dostave').empty(); //ako slucajno ima odabrana dostava ponisti ju
	  $("input[name=dostava]").attr('checked', false);   
      $("input[name=nac_placanja]").attr('checked', false); 	  
      $('tr#prDostava').remove();	  

    }
    if (data.mode == 'brisi') {
      var box = "tr#pr" + data.id;
      $(box).remove();
      $("th#brartikala").empty();
      $("th#brartikala").append(data.brartikala);
      $("th#ukcijena").empty();
      $("th#ukcijena").append(data.ukcijena + ' Kn');
	  $('div#adresa_dostave').empty(); //ako slucajno ima odabrana dostava ponisti ju
	  $('div#vrsta_placanja').empty(); //makni ako je bilo stisnoto na prodajnom mjestu pa je ponudio select	  
	  $("input[name=dostava]").attr('checked', false);   
      $("input[name=nac_placanja]").attr('checked', false); 
      $('tr#prDostava').remove();		  
	  
       $("tbody#mojtbd tr").each(function(i){  //posto se ne ispisuje ponovno kosarica kad se brise treba promijeniti redni broj i pozadinu
        if (!(i % 2)) {
         var cls = "odd";
        } else {
         var cls = "";
        }
        $(this).attr("class",cls);
        var mojcls = $(this).attr("id");
        var Dmojcls = "tbody#mojtbd tr td." + mojcls;
        var i = i + 1;
        var rbr = "<b>" + i + ".</b>";
        $(Dmojcls).html(rbr);
      });
   }
    if (data.mode == 'vrsta_placanja') {
      $("th#ukcijena").empty();
      $("th#ukcijena").append(data.ukcijena + ' Kn');
      $('#mojtbd').empty(); //obrii postojei ispis u tbody id=mojtbd


   for (var i = 0; i < data.items.length; i++) {

           if (i % 2) { var tr_class = ""; } else { var tr_class = " class=odd"; }

           if ( data.items[i].br_komada > 0) {
                var pic = '<img src="na_p.gif" title="na prodajnom mjestu" width="16" height="16" />';
           } else if (data.items[i].stanje_dobavljac > 0) {
                var pic = '<img src="na_s.gif" title="na skladi&#353;tu" width="16" height="16" />';
           } else {
                var pic = '<img src="na_x.gif" title="nedostupno" width="16" height="16" />';
           }

            var cijena = formatCurrency(data.items[i].cijena);
            var cij_got = formatCurrency((data.items[i].cijena)*.95);
            if(data.items[i].popust != ""){
			
			  var pop = 1 - (data.items[i].popust / 100);
              var sranje = data.items[i].cijena * pop;
              var sranje = sranje.toFixed(2);
              var iznos_s_porezom = data.items[i].kolicina * sranje;
		 
              var ukupno = formatCurrency(iznos_s_porezom);
            } else {
              var ukupno = formatCurrency(data.items[i].cijena * data.items[i].kolicina);
            }
		
		//nema opaske u kosarici, kasnije treba dodati da se vidi ako je npr akcija		
		//if ( data.rows[i].opaska != 0) {
		//	var akcija = '&nbsp;<img style="vertical-align: middle;" alt="Akcija!" src="./akcija.png">';
		//} else {
			var akcija = '';
		//}
		
       if ( data.items[i].opis_DN != 0) {
             var dataM = 'explore_proizvod.cgi?mode=lij_meni&proizvod_id=' + data.items[i].proizvod_id + '&kategorija=' + data.items[i].kategorija + '&gdje=' + data.gdje;
             var a1 = '<td id=l><a class="pr_link" rel="history0" href="' + dataM + '">';
             var a3 = '</a></td>';
        } else {
             var a1 = "<td id=l>";
             var a3 = "</td>";
        }

    var redBr = i + 1;
    $('#mojtbd').append($( [
           '<tr' + tr_class + ' id="pr' + data.items[i].proizvod_id + '">',
           '<td class="pr' + data.items[i].proizvod_id + '" id=c>',
           '<b>' + redBr + '.</b>',
           '</td>',
            a1,
            data.items[i].ime,
			akcija,
            a3,
             '<td id=c>',
             data.items[i].jamstvo,
             '</td>',
             '<td id=c>',
             pic, // stanje
             '</td>',
             '<td id=r>',
             cijena,
             '</td>',
             '<td class="pop' + data.items[i].proizvod_id + '" id=r>',
             data.items[i].popust + ' %',
             '</td>',
             '<td id=c>',
             '<input onkeypress="return numOnly(event)" class="kolicina" id="' + data.items[i].proizvod_id + '" maxlength="4" value="' + data.items[i].kolicina + '" type="text">',
             '<INPUT class=btnpl btid="' + data.items[i].proizvod_id + '" type=button>',
             '<INPUT class=btnmin btid="' + data.items[i].proizvod_id + '" type=button>',
             '</td>',
             '<td class=uku' + data.items[i].proizvod_id + ' id=r>',
             ukupno,
             '</td>',
             '<td id=c>',
             '<img class="del" id="' + data.items[i].proizvod_id + '" alt="" width="16" height="16" src="./action_delete.gif"/>',
             '</td>',
         '</tr>'
     ].join('') ));
   }
   
   
        //dodaj cijenu dostave ako je odabrana dostava na adresu
       	var trenutna_uk_cijena = data.ukcijena.replace(/\./, ''); 
		var trenutna_uk_cijena = trenutna_uk_cijena.replace(/,/, '.');  
		var trenutna_uk_cijena = parseFloat(trenutna_uk_cijena); //pretvori u number
		
		var odabrana_dostava_na_adresu = $("input#dostava0").attr('checked');  
        if (trenutna_uk_cijena < 2000 && odabrana_dostava_na_adresu) {
				    $("th#ukcijena").empty();
					var ukupna_sa_dostavom = formatCurrency(trenutna_uk_cijena + 55.00);
                    $("th#ukcijena").append(ukupna_sa_dostavom + ' Kn');
					$('tr#prDostava').remove();
					$('#mojtbd').append($( [
						'<tr id="prDostava">',
						'<td id=c>',
						'</td>',
						'<td id=l>',
						'Dostava na adresu',
						'</td>',
						'<td id=c>',
						'</td>',
						'<td id=c>',
						'</td>',
						'<td id=r>',
						'55,00',
						'</td>',
						'<td id=r>',
						'</td>',
						'<td id=c>',
						'</td>',
						'<td id=r>',
						'55,00',
						'</td>',
						'<td id=c>',
						'</td>',
						'</tr>'
					].join('') ));				
				}   
  }   
 
 $(".kolicina").unbind();  //jerbo inae ponavlja
 $(".btnmin").unbind();  //jerbo inae ponavlja
 $(".btnpl").unbind();  //jerbo inae ponavlja
 $(".del").unbind();
 $("a[\@rel='history0']").unbind();
 
   $(document).ready(function() {
    $(".del").click(function() {  //izbrisi stavku u kosarici
        var id = $(this).attr("id");
        var linkic = "kosarica.cgi?mode=brisi&id=" + id;
        $.getJSON(linkic, function(json){
                    basket2(json);
        });
   });

   $(".kolicina").change( function() { //promijeni broj komada ovisno o promjeni upisanoj u input
     var kom = $(this).val();
      var id = $(this).attr("id");
     var linkic = "kosarica.cgi?mode=kol&id=" + id + "&kol=" + kom;
     $.getJSON(linkic, function(json){
       basket2(json);
     });
   });
   
   $(".btnmin").click( function() {   //smanji broj komada
      var id = $(this).attr("btid");
      var linkic = "kosarica.cgi?mode=kol&id=" + id + "&kol=m1";
      $.getJSON(linkic, function(json){
          basket2(json);
      });
   });
   
   $(".btnpl").click( function() { //povecaj broj komada
      var id = $(this).attr("btid");
      var linkic = "kosarica.cgi?mode=kol&id=" + id + "&kol=p1";
      $.getJSON(linkic, function(json){
          basket2(json);
      });
   });
  }); 
 }

 $(document).ready(function() {
   $("a[\@rel='history0']").click(function() {
     var hash = this.href;
         hash = hash.replace(/^.*#/, '');
    $.historyLoad(hash);
    return false;
   });
  });
}

function numOnly(evt) {
  evt = (evt)? evt : window.event
  var charCode = (evt.which) ? evt.which : evt.keyCode  // Allow backspace, digits, arrow keys, home, end, delete

   if (charCode!= 8 && charCode > 31 && (charCode < 48 || charCode > 57)) {
      window.status = "Samo su dozvoljeni brojevi!."
      return false
   }
     window.status = ""
     return true
}

function hrv_slova(tekst) { //UTF 8 zamjena, zbog perl hash nemoze imati nase didakticke znakove

    var tekst = tekst.replace(/cccc/g, "ć");
	var tekst = tekst.replace(/ccc/g, "č");
	var tekst = tekst.replace(/CCC/g, "Č");
	var tekst = tekst.replace(/sss/g, "š");
	var tekst = tekst.replace(/SSS/g, "Š");
	var tekst = tekst.replace(/ddd/g, "đ");
	var tekst = tekst.replace(/zzz/g, "ž");
	var tekst = tekst.replace(/ZZZ/g, "Ž");
	
	return(tekst);
}

function prikupi_naziv_iz_dropdowna_trazi(id_kategorije){

 var html_value = "select#kategorija option[value='" + id_kategorije + "']";
 var naziv_kategorije = $(html_value).text();
     naziv_kategorije = naziv_kategorije.replace(/^\s*|\s*$/g,''); //makni praznine, ovo je za firefox
	 naziv_kategorije = naziv_kategorije.replace(/^[\s\xA0]+/g, ''); //makni praznine, ovo je za explorer jer on vidi umjesto praznine nbsp
 return(naziv_kategorije);
 
}