// JavaScript Document

//Do not edit below this line.
//Graffitti variables
var grafTimer = null;
var grafCounter = 0;
var grafDir = 1;

//Events Variables
var eventsTimer = null;
var eventsCounter = 0;
var eventsDir = 1;

//Gallery variables
var pgCounter = 0;
var totPg = 11;
var pgPath = "images/gallery/thumbnails/gallery"

//Change the direction of the text of garffiti and events section.
function setDirection(obj,arrow){
	var trgt = obj + arrow;
	
	switch (trgt){
		case "grafleft":
			grafDir = -1;
			break;
		case "grafright":
			grafDir = 1;
			break;
		case "eventsleft":
			eventsDir = -1;
			break;
		case "eventsright":
			eventsDir = 1;
			break;
		default:
			break;
	}

	if(obj == 'graf'){
		if(grafTimer != null)
			clearTimeout(grafTimer);
		moveGraf();
	}
	else{
		if(eventsTimer != null)
			clearTimeout(eventsTimer);
		moveEvents();
	}
}

//Change graffitti text.
function moveGraf(){
	document.getElementById('graffittiText').innerHTML = grafText[grafCounter]
	document.getElementById('graffittiCounter').innerHTML = grafCounter + 1 + " of " + grafText.length;
	//alert(document.getElementById('graffittiText').innerHTML + " " + document.getElementById('graffittiCounter').innerHTML )
	
	grafCounter += grafDir;
	
	if(grafCounter < 0 )
		grafCounter = grafText.length - 1;
	
	if(grafCounter >= grafText.length )
		grafCounter = 0;
	
	grafTimer = setTimeout(moveGraf,grafDurationSec*1000);
}

//Change events text.
function moveEvents(){
	document.getElementById('eventsText').innerHTML = eventsText[eventsCounter]
	document.getElementById('eventsCounter').innerHTML = eventsCounter + 1 + " of " + eventsText.length;
	
	eventsCounter += eventsDir;
	
	if(eventsCounter < 0 )
		eventsCounter = eventsText.length - 1;
	
	if(eventsCounter >= eventsText.length )
		eventsCounter = 0;
	
	eventsTimer = setTimeout(moveEvents,eventsDurationSec*1000);
}

//Change gallery images.
function changeGallery(){
	var pg = pgPath + pgCounter + ".htm";
	document.getElementById('myGallery').setAttribute('src',pg);
	//alert(document.getElementById('myGallery').getAttribute('src'))
	pgCounter++
	if(pgCounter >= totPg) pgCounter = 0;
	pgTimer = setTimeout("changeGallery()",pgDuration * 1000);	
}

function testAlpha(){
	//document.getElementById('testImg').style.filter.setAttribute('alpha',50);
	document.getElementById('testImg').className = 'unnamed1'
}