//--------------------------------------  SREDNJI PRIKAZ - MV  --------------------------------------
function SrednjiPrikaz_Hide()  {document.getElementById('LayView').style.display="none";}

function SrednjiPrikaz_Show(nid, pref, artikal_id, naziv, nazivSafe, prod, plink, prod_id, brand, brand_id, cena, prvacena, valuta, opis, materijal, sek, kat, podk, sekid, katid, podkid, slika, online, boje_string, velicine_string, sifra){
	document.getElementById('LayView').style.display="block";
	AdreseHide (); 

	var startTime = new Date().getTime();

    var mvSlika=document.getElementById('Slika330');         if (mvSlika) {mvSlika.innerHTML="<div class=Loading64></div>";}
	var mvAdrese=document.getElementById('mvAdrese');  		if (mvAdrese) {mvAdrese.innerHTML='<div class ="Adresse" style="cursor:pointer;" onclick="AdreseShow('+prod_id+", '"+prod+"'"+');"></div>';}

	var mvID=document.getElementById('mwID');  		if (mvID) {mvID.innerText=artikal_id;}

    if (pref=='se' || pref=='iz'){
        var nidexist=document.getElementById(pref+nid);   if (nidexist) {} else {return;}
        var trenutniID=document.getElementById('trenutniID'); if (trenutniID) {trenutniID.innerText=nid;}  //sluzi za keyboard navigaciju. da zna koji je trenutno
        
        var n=0; // KOPIRANJE 5 SLIKA U BigNav
        for (var k=nid-2; k<nid+3; k+=1) {
            n++;  var p=document.getElementById(pref+k);  var dest=document.getElementById('th'+n);
            if (p) {
                var origid='id="img'+k; var sredid='id="nav'+n;
                var sourHTML=p.innerHTML;
                var newIner = sourHTML.replace(origid, sredid);
                dest.innerHTML=newIner; 
            } else {
                dest.innerHTML="";
            }
        }
    } else { for (var n=1; n<6; n+=1) { var dest=document.getElementById('th'+n); if(dest) {dest.innerHTML="";} } }  //cisti Navimages u slucaju gledanja akcije


  var kssek="'', '-1', '-1', '"+sekid+"', '-1', '-1', '-1', '-1', '-1', '-1', '-1', '-1', '-1'";
  var kskat="'', '-1', '-1', '"+sekid+"', '"+katid+"', '-1', '-1', '-1', '-1', '-1', '-1', '-1', '-1'";
  var kspod="'', '-1', '-1', '"+sekid+"', '"+katid+"', '"+podkid+"', '-1', '-1', '-1', '-1', '-1', '-1', '-1'";
  var katsel=       '  <div class=katsel_left></div>';
      katsel=katsel+'  <div class=katsel_strech><div class=links>';
      katsel=katsel+'   <a href="#" onclick="SEARCH_Exec('+kssek+');" >'+sek+'</a> > ';
      katsel=katsel+'   <a href="#" onclick="SEARCH_Exec('+kskat+');" >'+kat+'</a> > ';
      katsel=katsel+'   <a href="#" onclick="SEARCH_Exec('+kspod+');" >'+podk+'</a>';
      katsel=katsel+'  </div></div>';
      katsel=katsel+'  <div class=katsel_right></div>';
      var mvKatSel=document.getElementById('KatSel');  
      if (mvKatSel) {mvKatSel.innerHTML=katsel;}

// cist direktan prikaz podataka
    var mvOpis=document.getElementById('mvOpis');    		if (mvOpis)  {mvOpis.innerHTML=opis;}

	var BigViewURL='/artikal-' + nazivSafe + '-' + artikal_id;
    var mvS ='<a href="'+BigViewURL+'" target="_blank" title="uvećajte sliku"><img src="/upload/thumb330/'+slika+'" border="0" style="cursor: pointer;" /></a>';
    var mvSlika=document.getElementById('Slika330');         if (mvSlika) {mvSlika.innerHTML=mvS;}

	var mvNaziv=document.getElementById('mvNaziv');  		if (mvNaziv) {mvNaziv.innerHTML=naziv;}
	var mvSifra=document.getElementById('mvSifra');  		if (mvSifra) {mvSifra.innerHTML='šifra artikla <strong>'+sifra+' </strong>';}

    var mvCena=document.getElementById('mvCena');    		
    if (mvCena)  {
        prvacena=Number(prvacena);  cena=Number(cena);
        var cenaHTML='';
        cenaHTML = '<div class=Valuta>RSD</div>'
        cenaHTML +="<div class=Vrednost>" + number_format(cena*valuta, 0, ',', '.') +" </div>";
        if (prvacena > cena && prvacena != NaN )  {cenaHTML +='<div class=Stara>' + number_format(prvacena*valuta, 0, ',', '.') + '</div>'; }
        cenaHTML +='</div>';
        if (cena==0) {cenaHTML='';}
        mvCena.innerHTML=cenaHTML;
      }

    Srednji_BojeParse(boje_string);
    Srednji_VelicineParse(velicine_string);

    var prodforce = "'', '-1', '" + plink + " ', '-1', '-1', '-1', '-1', '-1', '-1', '-1', '-1', '-1', '-1', '-1' ";
    var prodHTML = '<div class ="L"> <a href="#" onclick="SEARCH_Exec(' + prodforce + ');" > <div class=Name>prodavnica</div> <div class=Belo></div> <div class=Valu>'+ prod +'</div></a></div>';
	var mvProd=document.getElementById('mvProd');  		if (mvProd) {mvProd.innerHTML=prodHTML;}

    var brendforce="'', '-1', '-1', -1, '-1', '-1', '" + brand_id + "', '-1', '-1', '-1', '-1', '-1', '-1'";
    var brendHTML='<div class ="L"><a href="#" onclick="SEARCH_Exec('+brendforce+');" ><div class ="Name">brend</div><div class ="Belo"></div><div class ="Valu">'+brand+'</div></a></div>';
	var mvBrand=document.getElementById('mvBrand');  		if (mvBrand) {mvBrand.innerHTML=brendHTML;}

    var mvMaterijal=document.getElementById('mvMaterijal'); if (mvMaterijal) {mvMaterijal.innerHTML=materijal;}

	var IzborLupaHTML= '<a id="cvet0" class="UziIzbor" style="cursor:pointer;" title="stavite u uži izbor" href="javascript:IzborStanje(' + artikal_id + ', 0); "></a>' ;
	    IzborLupaHTML = IzborLupaHTML + '<a class="zoom" href="' + BigViewURL + '" target="_blank" title="uvećajte sliku"></a>';
    var mvIzborLupa=document.getElementById('mvIzborLupa'); if (mvIzborLupa) {mvIzborLupa.innerHTML=IzborLupaHTML;}

	var ShareURL  = "http://www.ishop.rs" + BigViewURL;
	var ShareHTML =  '<a class="FB" href="http://www.facebook.com/share.php?u='+ ShareURL +'" onclick=return fbs_click("' + ShareURL + '"); title="pošaljite na Facebook" target="_blank"></a>';
		ShareHTML = ShareHTML +  '<a class="TW" href="http://twitter.com/home?status=Super ponuda na ishop.rs ' + ShareURL + '" title="pošaljite na Twitter"  target="_blank"> </a>';
	var mvShare=document.getElementById('mvShare'); if (mvShare) {mvShare.innerHTML=ShareHTML;}

	var ulogovan=document.getElementById('ulogovan').value;
    SrednjiUbaci (artikal_id, prod_id, prod, sifra, naziv, cena, valuta, slika, brand, online, ulogovan);
}


	

// --------------------------------------- DUGME UBACI U KORPU ----------------------------------------------
function SrednjiUbaci (artikal_id, prod_id, prod, sifra, naziv, cena, valuta, slika, brand, online, ulogovan){
    if (ulogovan=='media') {
        var mvuKorpuString =  '<div style="position:absolute; top:10px; background-colo:yellow; text-align:center; font-size:8pt; color:#858474">Ovde možete preuzeti fotografije u visokoj rezoluciji (2200x2200px)</div>';
        mvuKorpuString =  mvuKorpuString + '<div class="bDownload" style="cursor:pointer;" onClick="addMediaDownload(' + artikal_id + ', '  + "'"+ slika + "'" + ');" ></div>';
        mvuKorpuString =  mvuKorpuString +'<div style="position:absolute; top:70px; background-colo:yellow; text-align:center; font-size:8pt; color:#858474">Molimo Vas da uz preuzete fotografije upišete <b>foto:www.ishop.rs</b></div>';
        document.getElementById('mvuKorpu').innerHTML=mvuKorpuString; return;
    }

    if (ulogovan=='administrator') {document.getElementById('mvuKorpu').innerHTML="Ulogovani ste kao Administrator"; return;}
    if (ulogovan=='prodavnica') {document.getElementById('mvuKorpu').innerHTML="Ulogovani ste kao Prodavnica"; return;}

    if (online==1) {
        var korpa_string=artikal_id + ", " + prod_id + ", '" + prod + "', '" + sifra + "', '" + naziv + "', " + cena*valuta + ", '" + slika + "', '" + brand + "'"; 
        var DugmeUKorpu='<div class="Ubacite" style="cursor:pointer;" onclick="Korpa_Add('+korpa_string+')";></div>';
        var kolicinaKombo = '<div class="lab_kolicina"></div><select name="kolicina" id="kolicina" class="cKom"><option value=1 selected>1</option><option value=2 >2</option> <option value=3 >3</option> <option value=4 >4</option> <option value=5 >5</option><option value=6 >6</option> <option value=7 >7</option> <option value=8 >8</option> <option value=9 >9</option></select>';
        var mvuKorpuString =DugmeUKorpu+kolicinaKombo;
        document.getElementById('mvuKorpu').innerHTML=mvuKorpuString;
   } else {
        var mvuKorpuString = '<div style ="position:absolute; left:0px; top:0px; width:45px; height:45px;"><img src="/public/images/front/info.gif" border="0" width=40 /></div>'
        var mvuKorpuString =  mvuKorpuString + '<div class="nije_online">Ovaj artikal možete kupiti samo u prodajnim objektima</div>';
        document.getElementById('mvuKorpu').innerHTML=mvuKorpuString;
   }
}





//--------------------------------------  VELICINE LISTING and SELECTING ----------------------------------------------
function Srednji_VelicineParse (velicine_string) {
   document.getElementById('velicina').value="";
   document.getElementById('broj_id').value=0;
   document.getElementById('mvVelicine').style.display="none";
    if (velicine_string.length<10) {return;}  // proveriti minimalnu duzinu vecu od 5, 6, 7 ....

   var VelCombo= document.getElementById('mvVelCombo');
   VelCombo.innerHTML= "";   addOption(VelCombo, "",  "");
   
   var ListOfItems='<option value="" selected></option>';
   var separator = String.fromCharCode(4);
   var linije=velicine_string.split(separator);
   for (var i=0;i<linije.length-1;i++)  {
      var broj_id= linije[i].slice(0, 9);
      var broj_naziv = linije[i].slice(10, linije[i].length);
       addOption(VelCombo, broj_id,  broj_naziv);
    }
   document.getElementById('mvVelicine').style.display="block";
}

function addOption(selectbox, value, text) {
    var optn = document.createElement("OPTION");
    optn.text = text;  optn.value = value; selectbox.options.add(optn);
}
  

//--------------------------------------  selektovanje --------------------------------------
function setNumberId(id, name){
	var element = $('broj_id');
	var element2 = $('velicina');
	if(element.value == id) {element.value = "0"; element2.value = "0";}
       else{element.value = id; element2.value = name;}
}




//--------------------------------------  BOJE LISTING and SELECTING ----------------------------------------------
function Srednji_BojeParse (boje_string) {
    document.getElementById('boja').value="";
    document.getElementById('boja_id').value="0";
    document.getElementById('boja_naziv').value="";
	document.getElementById('mvBoje_Lista').style.display="none";
    if (boje_string.length<10) {return;}  // proveriti minimalnu duzinu vecu od 5, 6, 7 ....

  var separator = String.fromCharCode(4);
  var ListOfItems='';
  var linije=boje_string.split(separator);
  for (var i=0;i<linije.length-1;i++) {
      var bDVD = linije[i].slice(0, 6);
      var bID  = linije[i].slice(7, 16);
      var bIME = '"' + linije[i].slice(17, linije[i].length) + '"';
      var boje_path =  bDVD+'/'+bID+'.jpg';
      var fpath= '/upload/boje/'+ boje_path;
      var onclick = 'onclick=\'setColorId("' + bID + '", "' +  boje_path + '", ' + bIME  + ')\'';
      var onmouover = 'onmouseover=\'BojaShow("' + fpath + '", ' + bIME  + ')\'';
      var Boxid = 'id="bojaSlika_' + bID + '"';
      ListOfItems=ListOfItems + '<img '+Boxid+' class="boja_slika" src='+fpath+' width=40 alt="" border="0" ' + onmouover  + 'onmouseout="BojaHide()" ' + onclick + ' />';
      }

	document.getElementById('mvBoje_Lista').style.display="block";
	document.getElementById('mvBoje_Box').innerHTML = ListOfItems;
}

function setStyle(objId, style, value) {document.getElementById(objId).style[style] = value;}

function setColorId(id, img, naziv){
	var prevID = $('boja_id');
	var prevBoja = $('boja');
    document.getElementById('boja_naziv').value=naziv;
	if (prevID.value != "0")  {setStyle('bojaSlika_' + prevID.value, 'border', '1px solid #ffffff');	} //deselekcija prethodne BojaThumb
	if (prevID.value == id)  {setStyle('bojaSlika_' + prevID.value, 'border', '1px solid #ffffff'); 	prevID.value = "0"; prevBoja .value = "";	} 
	                                    else { prevID.value = id; prevBoja .value = img; setStyle('bojaSlika_' + prevID.value, 'border', '1px solid red');	}
}


//--------------------------------------  BOJA POPUP  ----------------------------------------------
function BojaShow(bojapath, bojasifra){
//  ne ucitavaj sliku ponovo - slike su vec tu samo ih resizuj na pravu velicinu!!!!!!!!!!!!!!!!!!!!!!!!!!!
    document.getElementById("mvBojaLarge").style["display"]="block";
    var bojaslika=document.getElementById("mvBojaSlika");    if (bojaslika)   {bojaslika.innerHTML='<img src='+bojapath+' border="0" width=169 height=169 />';}
    var bojacode=document.getElementById("mvBojaSifra");    if (bojacode)    {bojacode.innerHTML = 'šifra: <b>'+bojasifra+'</b>'; }
}

function BojaHide() {document.getElementById("mvBojaLarge").style["display"]="none";}




    
//--------------------------------------  ADRESE  --------------------------------------
function AdreseShow(prodavnica_id, prodavnica) {
    document.getElementById('mvAdreseFrame').style.display="block";
   	document.getElementById('mvAdreseList').innerHTML='<div class="Loading32" style="top:45px; left:180px;" ></div>';
   	document.getElementById('mvAdreseTitle').innerHTML='<span style="color:#FF5100;">'+ prodavnica + ' </span>prodajna mesta';
   	document.getElementById('mvRadnoVreme').innerHTML='Radno vreme: izaberite lokaciju';

  	var pars = "&prodavnica_id="+prodavnica_id;
 	var myAjax = new Ajax.Updater('mvAdreseList', '/Front_Srednji/Adrese', {method: 'post', parameters: pars });
}

function AdreseHide() {document.getElementById('mvAdreseFrame').style.display="none";}

function AdreseRadnoVreme(rvtext) {document.getElementById('mvRadnoVreme').innerHTML=rvtext; }



//--------------------------------------  NAVIGACIJA TASTATUROM   --------------------------------------
function Tastatura(event) {
    if (document.getElementById('LayView').style.display=="none") {return;}
	var keynum; 
	if(window.event)      {keynum = event.keyCode;}  // IE
	else if(event.which)  {keynum = event.which;}    // Netscape/Firefox/Opera

    if (keynum == 27)  {SrednjiPrikaz_Hide(); return true;}  // esc
	if (keynum == 8)    {SrednjiPrikaz_Hide(); return false;} // backspace
    if (keynum == 37) {Tastatura_Klik('nav2'); return true;}  // prethodni artikl
	if (keynum == 39) {Tastatura_Klik('nav4'); return true;}  // sledeci artikl
	if (keynum == 13) {SrednjiPrikaz_Hide(); return true;}  // close

//	if (keynum == 34) {NextPage(); return true;} // page down
// return true;
}


function Tastatura_Klik(smer)  {
    var next_img=document.getElementById(smer);
    if (next_img!=undefined) {next_img.click();}
}    


//--------------------------------------  MOUSE WHEEL  --------------------------------------
/* Initialization code. */
if (window.addEventListener)  {
	window.addEventListener('DOMMouseScroll', MOUSE_Wheel, false);
    window.onmousewheel = MOUSE_Wheel;
}
 
function MOUSE_Wheel(event){
    if (document.getElementById('LayView').style.display=="none") {return;}
    if (document.getElementById('mvAdreseFrame').style.display=="block") {return;}
	var delta = 0;
	if (!event) event = window.event;
	if (event.wheelDelta)   { delta = event.wheelDelta/120; 	if (window.opera) delta = -delta; } 
     else if (event.detail)   { delta = -event.detail/3;  }
	if (delta>0) {Tastatura_Klik('nav2');}
	if (delta<0) {Tastatura_Klik('nav4');}
}
    


//--------------------------------------  SREDNJI PRIKAZ - MEDIA DOWNLOAD  --------------------------------------
function addMediaDownload(artikal_id, slika){
	var pars = '&artikal_id=' + artikal_id;
	var url = '/Mediaservis/DownloadImage';
	new Ajax.Request (url, {method:'post', parameters: pars,	onSuccess: function(transport)   {var odg=transport.responseText;     if (odg>0)  {document.location.href='/download.php?img=' + slika; }        }	       } );
}


function fbs_click(url) {
	u=url;
	t=document.title;
	window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
	return false;
}