Untitled

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<link rel="stylesheet" href="css/stil.css" >
</head>
<body>
	<div id="vanjski-div">
		<div id="gornja-traka">
			<p id="naslovParag">Jabuke</p>
		</div>
		<div id="slika-div">
			<img id="slikaJabukeImg"  src="img/indexSlika.jpg" onclick="infoJabuka()">
		</div>
		<div id="gumbi-traka">
			<div id="lijeviGumb-div">
				<a href="#" onclick="prethodna()"><< Previous</a>
			</div>
			<div id="desniGumb-div">
				<a href="#" onclick="sljedeca()">Next >></a>
			</div>
		</div>
		<div id="donja-traka">
		</div>
	</div>

	<div id="myModal" class="modal">
	<div class="modal-content">
    <span class="close">&times;</span>
    <p>Some text in the Modal..</p>
  </div>

</div>

</div>

</body>

<script type="text/javascript">
	var trenutnaJabuka = 1;

	function sljedeca()
	{
		if(trenutnaJabuka == 1)
		{
			document.getElementById("naslovParag").innerHTML = "Gala";
			document.getElementById("slikaJabukeImg").src = "img/slika1.jpg";
			trenutnaJabuka = 2;
		}
		else if(trenutnaJabuka == 2)
		{
			document.getElementById("naslovParag").innerHTML = "Golden Delicious";
			document.getElementById("slikaJabukeImg").src = "img/slika2.jpg";
			trenutnaJabuka = 3;
		}
		else if(trenutnaJabuka == 3)
		{
			document.getElementById("naslovParag").innerHTML = "Jonagold";
			document.getElementById("slikaJabukeImg").src = "img/slika3.jpg";
			trenutnaJabuka = 4;
		}
		else if(trenutnaJabuka == 4)
		{
			document.getElementById("naslovParag").innerHTML = "Idared";
			document.getElementById("slikaJabukeImg").src = "img/slika4.jpg";
			trenutnaJabuka = 5;
		}
		else if(trenutnaJabuka == 5)
		{
			document.getElementById("naslovParag").innerHTML = "Gala";
			document.getElementById("slikaJabukeImg").src = "img/slika1.jpg";
			trenutnaJabuka = 2;
		}
	return false;
	}

	function prethodna()
	{
		if(trenutnaJabuka == 1)
		{
			document.getElementById("naslovParag").innerHTML = "Idared";
			document.getElementById("slikaJabukeImg").src = "img/slika4.jpg";
			trenutnaJabuka = 5;
		}
		else if(trenutnaJabuka == 2)
		{
			document.getElementById("naslovParag").innerHTML = "Idared";
			document.getElementById("slikaJabukeImg").src = "img/slika4.jpg";
			trenutnaJabuka = 5;
		}
		else if(trenutnaJabuka == 3)
		{
			document.getElementById("naslovParag").innerHTML = "Gala";
			document.getElementById("slikaJabukeImg").src = "img/slika1.jpg";
			trenutnaJabuka = 2;
		}
		else if(trenutnaJabuka == 4)
		{
			document.getElementById("naslovParag").innerHTML = "Golden delicious";
			document.getElementById("slikaJabukeImg").src = "img/slika2.jpg";
			trenutnaJabuka = 3;
		}
		else if(trenutnaJabuka == 5)
		{
			document.getElementById("naslovParag").innerHTML = "Jonagold";
			document.getElementById("slikaJabukeImg").src = "img/slika3.jpg";
			trenutnaJabuka = 4;
		}
	return false;
	}

	function infoJabuka()
	{
		if (trenutnaJabuka == 2)
		{
			document.getElementById("dialog").
		}
		else if (trenutnaJabuka == 3)
		{
		}
		else if (trenutnaJabuka == 4)
		{
		}
		else if (trenutnaJabuka == 5)
		{
		}
	}

</script>
</html>