window.onload = initLinks;

var myPhoto = new Array(
"images/img projectes dinamic/0000.jpg",
"images/img projectes dinamic/0001.jpg",
"images/img projectes dinamic/0002.jpg",
"images/img projectes dinamic/0003.jpg",
"images/img projectes dinamic/0004.jpg",
"images/img projectes dinamic/0005.jpg",
"images/img projectes dinamic/0006.jpg",
"images/img projectes dinamic/0007.jpg",
"images/img projectes dinamic/0008.jpg",
"images/img projectes dinamic/0009.jpg",
"images/img projectes dinamic/0010.jpg",
"images/img projectes dinamic/0011.jpg",
"images/img projectes dinamic/0012.jpg",
"images/img projectes dinamic/0013.jpg",
"images/img projectes dinamic/0014.jpg",
"images/img projectes dinamic/0015.jpg",
"images/img projectes dinamic/0016.jpg",
"images/img projectes dinamic/0017.jpg",
"images/img projectes dinamic/0018.jpg",
"images/img projectes dinamic/0019.jpg",
"images/img projectes dinamic/0020.jpg",
"images/img projectes dinamic/0021.jpg",
"images/img projectes dinamic/0022.jpg",
"images/img projectes dinamic/0023.jpg",
"images/img projectes dinamic/0024.jpg",
"images/img projectes dinamic/0025.jpg",
"images/img projectes dinamic/0026.jpg",
"images/img projectes dinamic/0027.jpg",
"images/img projectes dinamic/0028.jpg",
"images/img projectes dinamic/0029.jpg",
"images/img projectes dinamic/0030.jpg",
"images/img projectes dinamic/0031.jpg",
"images/img projectes dinamic/0032.jpg",
"images/img projectes dinamic/0033.jpg",
"images/img projectes dinamic/0034.jpg",
"images/img projectes dinamic/0035.jpg",
"images/img projectes dinamic/0036.jpg",
"images/img projectes dinamic/0037.jpg",
"images/img projectes dinamic/0038.jpg",
"images/img projectes dinamic/0039.jpg");



var myText = new Array(
"Cannondale Trend concept bike",
"Cannondale Trend concept bike",
"Cannondale Trend concept bike",
"Cannondale Trend concept bike",
"Cannondale Trend concept bike",
"Difer 54'",
"Difer 54'",
"Difer 54'",
"Difer 54'",
"Difer 54'",
"Difer 54'",
"Difer 54'",
"Difer 30'",
"Difer 30'",
"Difer 30'",
"Difer 70'",
"Difer 70'",
"Difer 70'",
"Difer 70'",
"Difer 100'",
"Difer 100'",
"Cannondale MetroPolite concept bike",
"Cannondale MetroPolite concept bike",
"Cannondale MetroPolite concept bike",
"Cannondale MetroPolite concept bike",
"Concept car",
"Concept car",
"Concept car",
"Concept car",
"Concept car",
"Concept car",
"Concept car",
"Concept car",
"Cannondale Radical concept bike",
"Cannondale Radical concept bike",
"Cannondale Radical concept bike",
"Cannondale Radical concept bike",
"Concept car",
"Concept car",
"Concept car");

var thisPhoto = 0;

function initLinks() {
	document.getElementById("previous").onclick = processPrevious;
	document.getElementById("next").onclick = processNext;
}


function processPrevious() {
	changeOpac(0)
	if (thisPhoto == 0) {
		thisPhoto = myPhoto.length;
	}
	thisPhoto--;
	document.getElementById("myPicture").src = myPhoto[thisPhoto];
	if (document.getElementById("myPicture").src.indexOf("v") != -1)
	{
		document.getElementById("myPicture").style.marginTop = 10 + "px";
	}
	else {
		document.getElementById("myPicture").style.marginTop = 0 + "px";
	}
	document.getElementById('pictureText').innerHTML = myText[thisPhoto];
	opacityShow()
	return false;
}

function processNext() {
	changeOpac(0)
	thisPhoto++;
	if (thisPhoto == myPhoto.length) {
		thisPhoto = 0;
	}
	document.getElementById("myPicture").src = myPhoto[thisPhoto];
	if (document.getElementById("myPicture").src.indexOf("v") != -1)
	{
		document.getElementById("myPicture").style.marginTop = 10 + "px";
	}
	else {
		document.getElementById("myPicture").style.marginTop = 0 + "px";
	}
	document.getElementById('pictureText').innerHTML = myText[thisPhoto];
	opacityShow()
	return false;
}


function opacityFade() {
	timer = 150;
	for(i = 100; i >= 0; i--) {
		setTimeout("changeOpac(" + i + ")",(timer));
		timer=timer+2;
	}
}
function opacityShow() {
	timer = 150;
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ")",(timer));
	timer=timer+2;
	}
}

function changeOpac(opacity) {
	var object = document.getElementById('myPicture').style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}