﻿var niz= new Array(6);

niz[0]='<h3>Lutino</h3>\
			<p>Odlikuje ih bela boja perja izuzev na glavi gde imaju crvene tačnije tamno narandžaste obraze i žućkastu ćubu.</p>\
			<div id="okvirLevo">\
				<div id="slikaLevo">\
					<img src="slike/slika1.jpg" alt="Lutino">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika2.jpg" alt="Lutino">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika3.jpg" alt="Lutino">\
				</div>\
			</div>';
	
		
niz[1]='<h3>Pearl</h3>\
			<p>Odlikuje ih "perlasto" perje a osnovna boja može biti različita - bela, žuta, siva, cimet...</p>\
			<div id="okvirLevo">\
				<div id="slikaLevo">\
					<img src="slike/slika4.jpg" alt="Pearl">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika5.jpg" alt="Pearl">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika6.jpg" alt="Pearl">\
				</div>\
			</div>';

			
niz[2]='<h3>Whiteface</h3>\
			<p>Odlikuje ih bela glava tačnije mutacijom su izgubili crvene obraze, osnovna boja različita.</p>\
			<div id="okvirLevo">\
				<div id="slikaLevo">\
					<img src="slike/slika7.jpg" alt="Whiteface">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika8.jpg" alt="Whiteface">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika9.jpg" alt="Whiteface">\
				</div>\
			</div>';
		
		
niz[3]='<h3>Cinnamon</h3>\
			<p>Kako im samo ime kaže odlikuje ih perje boje cimeta, kao i kod ostalih mutacija, osnovna boja može biti različita.</p>\
			<div id="okvirLevo">\
				<div id="slikaLevo">\
					<img src="slike/slika10.jpg" alt="Cinnamon">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika11.jpg" alt="Cinnamon">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika12.jpg" alt="Cinnamon">\
				</div>\
			</div>';
		
		
niz[4]='<h3>Pied</h3>\
			<p>Odlikuju ih grupe pera, obično na krilima, različite boje od osnovne koja može biti različita.</p>\
			<div id="okvirLevo">\
				<div id="slikaLevo">\
					<img src="slike/slika13.jpg" alt="Pied">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika14.jpg" alt="Pied">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika15.jpg" alt="Pied">\
				</div>\
			</div>';
			
niz[5]='<h3>Albino</h3>\
			<p>Kao i kod ostalih vrsta i kod nimfi se može destiti potpuno odsustvo pigmenta. Ove nimfe su dakle potpuno bele sa karakterističnim crvenim očima.</p>\
			<div id="okvirLevo">\
				<div id="slikaLevo">\
					<img src="slike/slika16.jpg" alt="Albino">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika17.jpg" alt="Albino">\
				</div>\
				<div id="slikaLevo">\
					<img src="slike/slika18.jpg" alt="Albino">\
				</div>\
			</div>';

function ispis(strana) {
	document.getElementById('ram').innerHTML=niz[strana];
}


//Za let nimfi na naslovnoj strani
$(document).ready(function(){
  rotatePics(1);
});

function rotatePics(currentPhoto){
  var numberOfPhotos = $('#let img').length;
  currentPhoto = currentPhoto % numberOfPhotos;
	
  $('#let img').eq(currentPhoto).fadeOut(function() {
		// re-order the z-index
    $('#let img').each(function(i) {
      $(this).css('zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos);
    });
	
    $(this).show();
    setTimeout(function() {rotatePics(++currentPhoto);}, 3000);
  });
}

//Za smenjivanje vesti na naslovnoj strani
var headline_count;
var current_headline=0;

$(document).ready(function(){
  headline_count = $("div.obavestenje").size();
  $("div.obavestenje:eq("+current_headline+")").css('top', '5px');
  setInterval(headline_rotate,9000);
});

function headline_rotate() {
  old_headline = current_headline % headline_count;
  new_headline = ++current_headline % headline_count;
  $("div.obavestenje:eq(" + old_headline + ")").css('top', '210px');
  $("div.obavestenje:eq(" + new_headline + ")").show().animate({top: 5},"slow");     
}



//provera za formular na strani Autor
function provera() {

var ime = document.formular.ime.value;
var email = document.formular.email.value;
var poruka = document.formular.poruka.value;
var email1 = email.indexOf("@");
var email2 = email.lastIndexOf(".");

if (ime=="") {alert ("Unesite vaše ime");}
else if (email == "" || email1<1 || email2<2) {alert("Morate uneti ispravnu e-mail adresu");}
else if (poruka=="") {alert ("Morate zapisati vašu poruku");}
else {location="mailto:12.januar@gmail.com?subject=Poruka sa sajta&body=Ime: " + ime + "%0AE-mail: " + email + "%0ATekst poruke: " + poruka + ""; return;}
}


//kod za harmoniku kod saveta
$(document).ready(function() {
	 
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton').removeClass('on');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent').slideUp('normal');
   
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(this).next().is(':hidden') == true) {
			
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		 
	 });
	  
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$('.accordionButton').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	/** CLOSES ALL S ON PAGE LOAD **/
	$('.accordionContent').hide();

});

