var i
var li

var index = 0; //index trexousas image
var visited = 0; //index proigoumenis image

function loadImage(n)
{
	visited = index //apothikeuoume tin thesi tou proigoumenou index prin allaksei
	index = n 
	
	//orizoume ta next & previous ws enabled
	//note: parakatw  elegxoume an kapoio prepei na ginei disabled
	nextButton = document.getElementById("nxt"); 
	nextButton.innerHTML = "<div class='next'></div>";
	previousButton = document.getElementById("prev");
	previousButton.innerHTML = "<div class='previous'></div>";
	
	//an exei epilixthei i teleutaia voulitsa tote to next ginetai inactive
	if(index == I_Array.length-1) {
		nextButton = document.getElementById("nxt");
		nextButton.innerHTML = "<div class='next_inactive'></div>";
	}
	
	//an exei epilexthei i prwti voulitsa tote to previous ginetai inactive
	if(index == 0){
		previousButton = document.getElementById("prev");
		previousButton.innerHTML = "<div class='previous_inactive'></div>";
	}
	
	//diavazei apo tn I_Array[n] to url tis eikonas
	i =I_Array[n] 
	li = document.getElementById("li"); //vriskei apo tin html to stoixeio me id li
	li.innerHTML = "<img src='"+i+"' border='0'>"; //allazei tin kentriki eikona 
	vbl = document.getElementById("bl"+visited); 
	vbl.innerHTML = "<div class='dot'></div>"; //ginetai unvisited i proigoumeni dot
	bl = document.getElementById("bl"+index);
	bl.innerHTML = "<div class='dot_selected'></div>"; //ginetai visited i selected dot
}



function nextImage()
{
	//xeirismos velakiou
	if (index < I_Array.length-1){ //otan DEN eimaste sto teleutaio bullet 
		visited = index; //apothikeuoume tin proigoumeni thesi 
		++index;
		previousButton = document.getElementById("prev"); //energopoioume to previous velaki
		previousButton.innerHTML = "<div class='previous'></div>";
		
		if(index == I_Array.length-1) {
			nextButton = document.getElementById("nxt");
			nextButton.innerHTML = "<div class='next_inactive'></div>"; //apenergopooume to next velaki
		}
		
	}
	
	i =I_Array[index]
	li = document.getElementById("li");
	li.innerHTML = "<img src='"+i+"' border='0'>";
	vbl = document.getElementById("bl"+visited);
	vbl.innerHTML = "<div class='dot'></div>";
	bl = document.getElementById("bl"+index);
	bl.innerHTML = "<div class='dot_selected'></div>";
}

function previousImage()
{
	if (index > 0){
		visited = index;
		--index;
		nextButton = document.getElementById("nxt");
		nextButton.innerHTML = "<div class='next'></div>";
		
		if(index == 0){
			previousButton = document.getElementById("prev");
			previousButton.innerHTML = "<div class='previous_inactive'></div>";
		}
		
	}
	
	i =I_Array[index]
	li = document.getElementById("li");
	li.innerHTML = "<img src='"+i+"' border='0'>";
	vbl = document.getElementById("bl"+visited);
	vbl.innerHTML = "<div class='dot'></div>";
	bl = document.getElementById("bl"+index);
	bl.innerHTML = "<div class='dot_selected'></div>";
}