var index_projekt = '';
var index_datum = '';
var index_opis = '';
var index_slikca = '';

var spletna_projekt = new Array();
var spletna_naslov_datum = new Array();
var spletna_opis = new Array();
var spletna_slikca = new Array();
var spletna_curr = 0;

var animacije_projekt = new Array();
var animacije_datum = new Array();
var animacije_opis = new Array();
var animacije_slikca_povezava = new Array();
var animacije_curr = 0;

var design_projekt = new Array();
var design_datum = new Array();
var design_opis = new Array();
var design_slikca = new Array();
var design_curr = 0;

var foto_projekt = new Array();
var foto_datum = new Array();
var foto_opis = new Array();
var foto_slikca = new Array();
var foto_curr = 0;

var cgp_projekt = new Array();
var cgp_datum = new Array();
var cgp_opis = new Array();
var cgp_slikca = new Array();
var cgp_curr = 0;

/* POPRAVLJAŠ OD TU NAPREJ */
/*******************************************************************************/

/* UVODNA */

index_datum = '<a href="http://www.zlataleta.si">www.zlataleta.si</a><br>september 2008';
index_projekt = 'spletna skupnost';
index_opis = ' zlataleta.com - kjer mladost sreča starost - zavod za medgeneracijsko povezovanje: <a href="http://www.zlataleta.si">vstopite</a>';
index_slikca = 'refernce/zlataleta.jpg';

/* SPLETNI PROJEKTI */

spletna_projekt[0] = 'spletni katalog';
spletna_projekt[1] = 'nogometni portal';
spletna_projekt[2] = 'spletni portal'; 
spletna_projekt[3] = 'predstavitvena stran';
spletna_projekt[4] = 'predstavitvena stran podjetja';
spletna_projekt[5] = 'koledar športnih vadb';
spletna_projekt[6] = 'odbojkarski portal';
spletna_projekt[7] = 'koledar prireditev';
spletna_projekt[8] = 'predstavitevena stran in aplikativni del';
spletna_projekt[9] = 'portal "naravno"';


spletna_naslov_datum[0] = '<a href="http://www.zalozbacf.si">www.zalozbacf.si</a><br>maj 2009';
spletna_naslov_datum[1] = '<a href="http://www.nd-ilirija.si">www.www.nd-ilirija.si</a><br>maj 2009';
spletna_naslov_datum[2] = '<a href="http://www.zlataleta.si">www.zlataleta.si</a><br>september 2008';
spletna_naslov_datum[3] = '<a href="http://www.pag.si">www.pag.si</a><br>maj 2008';
spletna_naslov_datum[4] = '<a href="http://www.gnezdo.si">www.gnezdo.si</a><br>februar 2008';
spletna_naslov_datum[5] = '<a href="http://www.sportnavadba.si">www.sportnavadba.si</a><br>november 2007';
spletna_naslov_datum[6] = '<a href="http://www.odbojka.si">www.odbojka.si</a><br>april 2007';
spletna_naslov_datum[7] = '<a href="http://www.sportnikoledar.si">www.sportnikoledar.si</a><br>marec 2007';
spletna_naslov_datum[8] = '<a href="http://www.sportnicenter.si">www.sportnicenter.si</a><br>marec 2007';
spletna_naslov_datum[9] = '<a href="http://www.naravno.net">www.naravno.net</a><br>november 2006';


spletna_opis[0] = 'zahteve naročnika: postavitev in oblikovanje spletnega kataloga<br>izziv: uporaba MAGENTA <br> posebnosti: spletni katalog  ';
spletna_opis[1] = 'zahteve naročnika: tehnična izvedba za uporabo v wordpress-u <br>izziv: uskladitev CMS sistema za specifično grafiko <br> posebnosti: v naprej pripravljena grafika  ';
spletna_opis[2] = 'zahteve naročnika: celotno oblikovanje portala <br> izziv: entuziastični podvig  <br> posebnosti: barvne kombinacije, dinamika   ';
spletna_opis[3] = 'zahteve naročnika: tehnična izvedba za uporabo v wordpress-u <br>izziv: uskladitev CMS sistema za specifično grafiko <br> posebnosti: v naprej pripravljena grafika  ';
spletna_opis[4] = 'zahteve naročnika: blikovanje predloge za uporabo v wordpress-u <br>izziv: sveže, poletno vzdušje  <br>oblikovne posebnosti: oblikovanje ozadja, ilustacija ';
spletna_opis[5] = 'zahteve naročnika: barvna različica sportnikoledar.si <br>izziv: dinamika spreminjanja podatkov<br>oblikovne posebnosti: z barvami slediti dinamiki spreminjanja vsebine ';
spletna_opis[6] = 'zahteve naročnika: oblikovanje celostne podobe, izbor fotografij in barv <br> izziv: oblikovanje headerjev <br> oblikovne posebnosti: usklajevanje različnih barv, določanje izgleda posamezne novice in arhiva novic';
spletna_opis[7] = ' zahteve naročnika: oblikovanje strani vključno s celostno grafično podobo projekta <br> izziv: preglednost koledarja, oblikovanje obrazcev za vpis <br> oblikovne posebnosti: okvirji posamezne rubrike, barvna usklajenost, ikone';
spletna_opis[8] = 'zahteve naročnika: oblikovanje predstavitvene strani podjetja vključno z logotipom <br> izziv: minimalen rok izdelave, vnaprej določena barva <br> oblikovne posebnosti: enostavna oblika, oblikovanje aplikativnega dela strani';
spletna_opis[9] = 'zahteve naročnika: oblikovanje spletnega portala v naravnem izgledu <br> izziv: skupno soustavrjanje z naročnikom <br> oblikovne posebnosti: preglednost sprememb na vstopni strani, dinamično spreminjanje oblike';

spletna_slikca[0] = 'refernce/spletne/zalozba_cf.jpg';
spletna_slikca[1] = 'refernce/spletne/nd_ilirija.jpg';
spletna_slikca[2] = 'refernce/spletne/zlataleta.jpg';
spletna_slikca[3] = 'refernce/spletne/pag.jpg';
spletna_slikca[4] = 'refernce/spletne/gnezdo.jpg';
spletna_slikca[5] = 'refernce/spletne/sv.jpg';
spletna_slikca[6] = 'refernce/spletne/odbojka.jpg';
spletna_slikca[7] = 'refernce/spletne/sk.jpg';
spletna_slikca[8] = 'refernce/spletne/sc.jpg';
spletna_slikca[9] = 'refernce/spletne/naravno.jpg';




/* ANIMACIJE */

animacije_projekt[0] = 'banner za ZLATA LETA';
animacije_projekt[1] = 'banner za pag.si';
animacije_projekt[2] = 'banner za portal soncek.com';
animacije_projekt[3] = 'banner hisa.si';
animacije_projekt[4] = 'banner za portal sportnikoledar.si';
animacije_projekt[5] = 'reklamni banner';
animacije_projekt[6] = 'banner TF';
animacije_projekt[7] = 'reklamni banner';

animacije_datum[0] = 'avgust 2008';
animacije_datum[1] = 'maj 2008';
animacije_datum[2] = 'december 2007';
animacije_datum[3] = 'november 2007';
animacije_datum[4] = 'oktober 2007';
animacije_datum[5] = 'oktober 2007';
animacije_datum[6] = 'september 2007';
animacije_datum[7] = 'september 2007';

animacije_opis[0] = 'zahteve naročnika: oblikovanje bannerja za okrepitev naročnikovega spletnega mesta <br> izziv: usklajenost s spletno stranjo <br> oblikovne posebnosti: animacija';
animacije_opis[1] = 'zahteve naročnika: oblikovanje bannerja za okrepitev prodaje <br> izziv: ilustracija, počitniško vzdušje  <br> oblikovne posebnosti: animacija';
animacije_opis[2] = 'zahteve naročnika: oblikovanje bannerja s posebnim namenom <br> izziv: estetika zapeljevanja  <br> oblikovne posebnosti: izvedbe v različnih standardnih velikostih';
animacije_opis[3] = 'zahteve naročnika: oblikovanje bannerja za okrepitev naročnikovega spletnega mesta <br> izziv: : usklajenost s spletno stranjo  <br> oblikovne posebnosti: izvedba po tehničnih predpisih strani za objavo';
animacije_opis[4] = 'zahteve naročnika: oblikovanje bannerja za okrepitev naročnikovega spletnega mesta <br> izziv: usklajenost s spletno stranjo <br> oblikovne posebnosti: izvedbe v različnih standardnih velikostih';
animacije_opis[5] = 'zahteve naročnika: oblikovanje bannerja za prevozne storitve <br> izziv: : ilustracija  <br> oblikovne posebnosti: animacija';
animacije_opis[6] = 'zahteve naročnika: oblikovanje bannerja za portal tekaški forum <br> izziv: imitacija teka <br> oblikovne posebnosti: : izvedba v različnih standardnih velikostih';
animacije_opis[7] = 'zahteve naročnika: oblikovanje bannerja za okrepitev naročnikovega spletnega mesta <br> izziv: : prilagojeni format <br> oblikovne posebnosti: velika količina uporabljenega materiala, optimizacija slikic ';

animacije_slikca_povezava[0] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/zl.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/zlataleta.jpg" /></a> ';
animacije_slikca_povezava[1] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/pag.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/pag.jpg" /></a> ';
animacije_slikca_povezava[2] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/soncek.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/gavez.jpg" /></a> ';
animacije_slikca_povezava[3] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/hisa.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/hisa.jpg" /></a> ';
animacije_slikca_povezava[4] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/koledar.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/koledar.jpg" /></a> ';
animacije_slikca_povezava[5] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/gavez.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/prevoz.jpg" /></a> ';
animacije_slikca_povezava[6] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/tf.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/tekaski.jpg" /></a> ';
animacije_slikca_povezava[7] = '<a href="javascript: void(0)" onclick="window.open(\'refernce/animacija/odbojka.swf\',\'banner\',\'width=160, height=600, resizable=yes, scrollbars=yes\'); return false;"><img class="navi_slika" src="refernce/animacija/odbojka.jpg" /></a> ';


/* DIZAJN */

design_projekt[0] = 'oblikovanje knjižice in FLASH predstavitev <br> UPRAVNE ENOTE TREBNJE';
design_projekt[1] = 'oblikovanje plakata';
design_projekt[2] = 'mapa za vlaganje papirjev A4';
design_projekt[3] = 'oblikovanje vizitke gavez';
design_projekt[4] = 'sejemski material za podjetje ESC';
design_projekt[5] = 'oblikovanje ovitka in potiska za DVD';
design_projekt[6] = 'letak www.sportnikoledar.si';
design_projekt[7] = 'letak www.odbojka.si';
design_projekt[8] = 'reklamni oglas';
design_projekt[9] = 'reklamni letak';

design_datum[0] = 'julij 2008';
design_datum[1] = 'februar 2008';
design_datum[2] = 'december 2007';
design_datum[3] = 'november 2007';
design_datum[4] = 'oktober 2007';
design_datum[5] = 'julij 2007';
design_datum[6] = 'maj 2007';
design_datum[7] = 'maj 2007';
design_datum[8] = 'maj 2006';
design_datum[9] = 'marec 2006';

design_opis[0] = 'zahteve naročnika: oblikovanje predstavitvene knjižice in interaktivni cd <br> izziv: zahtevnost projekta in načrtovanje projekta <br> oblikovne posebnosti: uskaladitev s celostno podobo Upravnih enot';
design_opis[1] = 'zahteve naročnika: oblikovanje plakata za pustni ples <br> izziv: minimalen rok izdelave <br> oblikovne posebnosti: barvitost';
design_opis[2] = 'zahteve naročnika: oblikovanje uporabnega izdelka <br> izziv: minimalen rok izdelave <br> oblikovne posebnosti: uskaladitev s celostno podobo projekta';
design_opis[3] = 'zahteve naročnika: oblikovanje vizitke za spletni portal in blog ter priprava za tisk <br> izziv: uporaba naročnikove ilustracije <br> oblikovne posebnosti: uporaba posebej obdelane ilustracije';
design_opis[4] = 'zahteve naročnika: oblikovanje skupnih materialov za različne projekte  <br> izziv: usklajevanje podobe z tehničnimi predpisi za posamezni material <br> oblikovne posebnosti: prepletenost materialov in nizanje velikega števila vsebin na enem mestu';
design_opis[5] = 'zahteve naročnika: oblikovanje ovitka in DVD-ja <br> izziv: zakonitosti medija <br> oblikovne posebnosti: uporaba avtorskega izdelka naročnika';
design_opis[6] = 'zahteve naročnika: oblikovanje promocijskega materiala <br> izziv: podajanje informacij na minimalnem formatu <br> oblikovne posebnosti: grafično komuniciranje, kombinacija s fotografijo';
design_opis[7] = 'zahteve naročnika: oblikovanje promocijskega materiala <br> izziv: minimalen format <br> oblikovne posebnosti: grafično komuniciranje, uskajevanje s spletno stranjo';
design_opis[8] = 'zahteve naročnika: oblikovanje oglasa v skladu s celostno podobo naročnika  <br> izziv: komunikativnost oglasa <br> oblikovne posebnosti: prodornost barvnih kombinacij';
design_opis[9] = 'zahteve naročnika: oblikovanje letaka za javno prireditev  <br> izziv: upodajanje informacij na minimalnem formatu <br> oblikovane posebnosti: grafično komuniciranje, lastna ilustracija';


design_slikca[0] = 'refernce/dizajn/trebnje.jpg';
design_slikca[1] = 'refernce/dizajn/mapa.jpg';
design_slikca[2] = 'refernce/dizajn/gavez.jpg';
design_slikca[3] = 'refernce/dizajn/sejem.jpg';  
design_slikca[4] = 'refernce/dizajn/dvd.jpg';
design_slikca[5] = 'refernce/dizajn/letakSK.jpg';
design_slikca[6] = 'refernce/dizajn/letakOD.jpg';
design_slikca[7] = 'refernce/dizajn/wella.jpg';  
design_slikca[8] = 'refernce/dizajn/sportnamreza.jpg';  

/* FOTO */

foto_projekt[0] = 'fotografiranje interierja';
foto_projekt[1] = 'fotografiranje dogodka - liffe';
foto_projekt[2] = 'fotografiranje dogodka - festival pomladi';
foto_projekt[3] = 'fotografiranje dogodka - MLG';
foto_projekt[4] = 'natečaj stara porodnišnica Novo mesto';
foto_projekt[5] = 'dokumentiranje dogodkov';

foto_datum[0] = 'maj 2005';
foto_datum[1] = 'maj 2004';
foto_datum[2] = 'maj 2004';
foto_datum[3] = 'april 2004';
foto_datum[4] = 'september 2003';
foto_datum[5] = 'julij 2003';

foto_opis[0] = 'zahteve naročnika: fotografiranje posebne tehnologije obdelave sten <br> izziv: prikaz posebnega efekta obdelanih površin <br> posebnosti: osvetlitev prostora, zajem celote';
foto_opis[1] = 'zahteve naročnika: dokumentiranje festivalskega dogajanja <br> izziv: sodelovanje pri izboru fotografij za razstavo <br> posebnosti: portretiranje osebnosti';
foto_opis[2] = 'zahteve naročnika: dokumentiranje festivalskega dogajanja <br> izziv: nočno fotografiranje <br> posebnosti: svetloba in dinamika nastopajočih';
foto_opis[3] = 'zahteve naročnika: fotografiranje gledališke predstave <br> izziv: dinamičnost dogajanja na odru <br> posebnosti: fotografiranje brez dodatne svetlobe';
foto_opis[4] = 'zahteve naročnika: lastna režija- idejni vodja <br> izziv: samostojno delo <br> posebnosti: dokumentiranje stanja  pred prenovo';
foto_opis[5] = 'zahteve naročnika: dokumentiranje dogodkov <br> izziv: : delo z ljudmi <br> posebnosti: : dokumentarna fotografija';

foto_slikca[0] = 'refernce/foto/florin.jpg';
foto_slikca[1] = 'refernce/foto/liffe.jpg';
foto_slikca[2] = 'refernce/foto/oder.jpg';
foto_slikca[3] = 'refernce/foto/mlg.jpg';
foto_slikca[4] = 'refernce/foto/mali.jpg';
foto_slikca[5] = 'refernce/foto/romka.jpg';


/* CGP */

cgp_projekt[0] = 'cgp podjetja ESC';
cgp_projekt[1] = 'logotipi spletnih portalov ';

cgp_datum[0] = 'marec 2007';
cgp_datum[1] = 'januar - maj 2007';

cgp_opis[0] = 'zahteve naročnika: oblikovanje podobe v določeni barvi <br> izziv: uskladitev podobe za vse namene <br> oblikovne posebnosti: minimalizem';
cgp_opis[1] = 'zahteve naročnika: oblikovanje logotipov za različne portale <br> izziv: oblikovna usklajenost logotipov in prilagoditev za njihovo uporabo v drugih medijih  - tisk itd.  <br> oblikovne posebnosti: krog, barvne kombinacije, lastne ilustracije';

cgp_slikca[0] = 'refernce/cgp/esc.jpg';
cgp_slikca[1] = 'refernce/cgp/logoti.jpg';

/* OD TU NAPREJ NE TIKAJ ;) */
/*******************************************************************************/

function index_show(item) {
	document.getElementById('projekt').innerHTML = index_projekt;
	document.getElementById('datum').innerHTML = index_datum;
	document.getElementById('opis').innerHTML = index_opis;
	document.getElementById('img_index').src = index_slikca;
	if(index_slikca == '') document.getElementById('img_index').style.display = 'none';
}

function load_index() {
	index_show(0);
}

/* web */
/* za spletne strani je zamenjan vrstni red za datum+povezava in projekt */
function web_show(item) {
  spletna_curr = item;
	document.getElementById('projekt_spletna').innerHTML = spletna_projekt[item];
	document.getElementById('datum_spletna').innerHTML = spletna_naslov_datum[item];
	document.getElementById('opis').innerHTML = spletna_opis[item];
	document.getElementById('img_web').src = spletna_slikca[item];
	document.getElementById('navi_web').innerHTML = gen_navi('web', spletna_projekt, item);
}

function load_web() {
	web_show(0);
}

function web_next() {
	if (spletna_curr < spletna_projekt.length - 1)
    web_show(spletna_curr + 1);
	else
	  web_show(0);
}

function web_prev() {
	if (spletna_curr > 0)
    web_show(spletna_curr - 1);
	else
	  web_show(spletna_projekt.length - 1);
}

/** ani **/
function ani_show(item) {
  animacije_curr = item;
	document.getElementById('projekt').innerHTML = animacije_projekt[item];
	document.getElementById('datum').innerHTML = animacije_datum[item];
	document.getElementById('opis').innerHTML = animacije_opis[item];
	document.getElementById('img_ani').innerHTML = animacije_slikca_povezava[item];
  document.getElementById('navi_ani').innerHTML = gen_navi('ani', animacije_projekt, item);
}

function load_ani() {
	ani_show(0);
}

function ani_next() {
	if (animacije_curr < animacije_projekt.length - 1)
    ani_show(animacije_curr + 1);
	else
	  ani_show(0);
}

function ani_prev() {
	if (animacije_curr > 0)
    ani_show(animacije_curr - 1);
	else
	  ani_show(animacije_projekt.length - 1);
}

/** design **/
function des_show(item) {
  design_curr = item;
	document.getElementById('datum').innerHTML = design_datum[item];
	document.getElementById('projekt').innerHTML = design_projekt[item];
	document.getElementById('opis').innerHTML = design_opis[item];
	document.getElementById('img_des').src = design_slikca[item];
	document.getElementById('navi_des').innerHTML = gen_navi('des', design_projekt, item);
}

function load_des() {
	des_show(0);
}

function des_next() {
	if (design_curr < design_projekt.length - 1)
    des_show(design_curr + 1);
	else
	  des_show(0);
}

function des_prev() {
	if (design_curr > 0)
    des_show(design_curr - 1);
	else
	  des_show(design_projekt.length - 1);
}

/** foto **/
function foto_show(item) {
  foto_curr = item;
	document.getElementById('projekt').innerHTML = foto_projekt[item];
	document.getElementById('datum').innerHTML = foto_datum[item];
	document.getElementById('opis').innerHTML = foto_opis[item];
	document.getElementById('img_foto').src = foto_slikca[item];
	document.getElementById('navi_foto').innerHTML = gen_navi('foto', foto_projekt, item);
}

function load_foto() {
	foto_show(0);
}

function foto_next() {
	if (foto_curr < foto_projekt.length - 1)
    foto_show(foto_curr + 1);
	else
	  foto_show(0);
}

function foto_prev() {
	if (foto_curr > 0)
    foto_show(foto_curr - 1);
	else
	  foto_show(foto_projekt.length - 1);
}

/** cgp **/
function cgp_show(item) {
  cgp_curr = item;
	document.getElementById('projekt').innerHTML = cgp_projekt[item];
	document.getElementById('datum').innerHTML = cgp_datum[item];
	document.getElementById('opis').innerHTML = cgp_opis[item];
	document.getElementById('img_cgp').src = cgp_slikca[item];
	document.getElementById('navi_cgp').innerHTML = gen_navi('cgp', cgp_projekt, item);
}

function load_cgp() {
	cgp_show(0);
}

function cgp_next() {
	if (cgp_curr < cgp_projekt.length - 1)
    cgp_show(cgp_curr + 1);
	el
	  cgp_show(0);
}

function cgp_prev() {
	if (cgp_curr > 0)
    cgp_show(cgp_curr - 1);
	else
	  cgp_show(cgp_projekt.length - 1);
}

/** za navigacijo **/
function gen_navi(name, items, curr) {
	var html = '<a class="navi_prev_next" href="javascript:' + name + '_prev();"><<</a>';
	for (i in items) {
	  if (i == curr)
	    html = html + ' <a class="navi_curr" href="javascript:' + name + '_show(' + i + ');">' + (parseInt(i)+1) + '</a>';
	  else
			html = html + ' <a class="navi" href="javascript:' + name + '_show(' + i + ');">' + (parseInt(i)+1) + '</a>';
	}
	html = html + ' <a class="navi_prev_next" href="javascript:' + name + '_next();">>></a>';
	
	return html;
}