// JavaScript Document

var array = new Array("#picture1","#picture2","#picture3");
var desc_array = new Array("#desc1","#desc2","#desc3");
var nav_array = new Array("#nav1","#nav2","#nav3");
var i = 1;
var j = 0;
var interval;

function change_photo()	// starts with second picture i = 1
{
	$(array[i]).ready(function()
	{
		hide_description();
		$(array[j]).fadeOut(1600);
		$(array[i]).fadeIn(1600);
		update_nav_buttons();
	});
	i = i+ 1;
	if(i > (array.length-1))
		i = 0;
	if(i == 0)
		j = (array.length-1);
	else
		j = i - 1;			
	window.setTimeout("show_description()",1000);
}

function hide_description()
{
	$(desc_array[j]).slideUp(1000);
}

function show_description()
{
	$(desc_array[j]).ready(function()
	{
		$(desc_array[j]).slideDown(1400);
	});
}

function update_nav_buttons()
{
	$(nav_array[i]).ready(function()
	{	
		$(nav_array[j]).css("background","url(images/navigation.png)");
		$(nav_array[i]).css("background","url(images/navigationactive.png)");
	});
}

function slideshow()
{
	change_photo();
}

//on the beginning only description show dynamically
$(document).ready(function()
{
	show_description();
	interval = window.setInterval("slideshow()",7000);
});


/* for each buton check if clicked */
$("#nav1").click(function(){
	if(i!=1)
	{
     for(var q = 0; q<nav_array.length ; q=q+1)
	 {
		if(nav_array[q] == "#nav1")
			$(nav_array[q]).css("background","url(images/navigationactive.png)");
		else
			$(nav_array[q]).css("background","url(images/navigation.png)"); 
	 }
	 i = 0;
	 change_photo();
	 window.clearInterval(interval);
	 interval = window.setInterval("slideshow()",7000);
	}
});

$("#nav2").click(function(){
	if(i!=2)
	{
     for(var q = 0; q<nav_array.length ; q=q+1)
	 {
		if(nav_array[q] == "#nav2")
			$(nav_array[q]).css("background","url(images/navigationactive.png)");
		else
			$(nav_array[q]).css("background","url(images/navigation.png)"); 
	 }
	 i = 1;
	 change_photo();
	 window.clearInterval(interval);
	 interval = window.setInterval("slideshow()",7000);
	}
});

$("#nav3").click(function(){
	if(i!=0)
	{
     for(var q = 0; q<nav_array.length ; q=q+1)
	 {
		if(nav_array[q] == "#nav3")
			$(nav_array[q]).css("background","url(images/navigationactive.png)");
		else
			$(nav_array[q]).css("background","url(images/navigation.png)"); 
	 }
	 i = 2;
	 change_photo();
	 window.clearInterval(interval);
	 interval = window.setInterval("slideshow()",7000);
	}
});