function preloadImages(urls){
 var img = new Array();
 for (var i=0; i<urls.length; i++) {
 img[img.length] = new Image();
 img[img.length - 1].src = urls[i]; 
 }
}

function StartSequencesEvents(){
var img = new Array("button_images/about_button_hover.png", "button_images/home_button_hover.png", "button_images/projects_button_hover.png", "button_images/events_button_hover.png", "button_images/shop_button_hover.png", "button_images/contact_button_hover.png", "event_images/events_show1.gif", "event_images/events_show2.jpg", "event_images/events_show3.jpg", "event_images/events_show4.jpg");
preloadImages(img);
window.scrollTo(95, 0);
SetupTime();
}

pixFront = new Array();
pixFront[0] = "event_images\/events_show3.jpg";
pixFront[1] = "event_images\/events_show1.gif";

pixBack = new Array();
pixBack[0] = "event_images\/events_show4.jpg";
pixBack[1] = "event_images\/events_show2.jpg";

var pf = 0;
var pb = 0;

var fo = 10;
var bo = 10;

var p = 0;
var id1 = null;
var id2 = null;
var id3 = null;

function SetupTime(){
id1 = window.setInterval("Process()",10);
}

function SetupfadeF(){
id2 = window.setInterval("fadeF()",10);
}

function SetupfadeB(){
id3 = window.setInterval("fadeB()",10);
}


/*Functions for action*/
function setOpacityF(value) {
	document.getElementById("frontimage").style.opacity = value/10;
	document.getElementById("frontimage").style.filter = 'alpha(opacity=' + value*10 + ')';
}

function setOpacityB(value) {
	document.getElementById("backimage").style.opacity = value/10;
	document.getElementById("backimage").style.filter = 'alpha(opacity=' + value*10 + ')';
}

function fadeF(){
fo = fo - .10;
setOpacityF(fo);
if (fo < 0)
{clearInterval(id2);}
}


function fadeB(){
bo = bo - .10;
setOpacityB(bo);
if (bo < 0)
{clearInterval(id3);}
}

function rotateF(){
document.images.frontimage.src = pixFront[pf];
pf = pf + 1;
if (pf > (pixFront.length-1)) 
{pf = 0;} 
}

function rotateB(){
document.images.backimage.src = pixBack[pb];
pb = pb + 1;
if (pb > (pixBack.length-1)) 
{pb = 0;} 
}

function Process(){
	p++;
	if (p == 350)
	{SetupfadeF();}
	if (p == 605)
	{rotateF();}
	if (p == 610)
	{document.getElementById("frontimage").style.zIndex = "2";
	 document.getElementById("backimage").style.zIndex = "3";}
	if (p == 620)
	{fo = 10;
	setOpacityF(10);}
	if (p == 800)
	{SetupfadeB();}
	if (p == 920)
	{rotateB();}
	if (p == 940)
	{document.getElementById("frontimage").style.zIndex = "3";
	 document.getElementById("backimage").style.zIndex = "2";}
	if (p == 960)
	{bo = 10;
	setOpacityB(10);}
	if (p == 980)
	{clearInterval(id1);
	p = 0;
	id1 = null;
	id2 = null;
	id3 = null;
	SetupTime();}	
}