//MouseOver
var FadeIn00 = new Spry.Effect.Fade('captionBox00', {duration: 10, from: 0, to: 60});
var FadeOut00 = new Spry.Effect.Fade('captionBox00', {duration: 10, from: 60, to: 0});
var FadeIn01 = new Spry.Effect.Fade('captionBox01', {duration: 10, from: 0, to: 60});
var FadeOut01 = new Spry.Effect.Fade('captionBox01', {duration: 10, from: 60, to: 0});
var FadeIn02 = new Spry.Effect.Fade('captionBox02', {duration: 10, from: 0, to: 60});
var FadeOut02 = new Spry.Effect.Fade('captionBox02', {duration: 10, from: 60, to: 0});
var FadeIn03 = new Spry.Effect.Fade('captionBox03', {duration: 10, from: 0, to: 60});
var FadeOut03 = new Spry.Effect.Fade('captionBox03', {duration: 10, from: 60, to: 0});
var FadeIn04 = new Spry.Effect.Fade('captionBox04', {duration: 10, from: 0, to: 60});
var FadeOut04 = new Spry.Effect.Fade('captionBox04', {duration: 10, from: 60, to: 0});
var FadeIn05 = new Spry.Effect.Fade('captionBox05', {duration: 10, from: 0, to: 60});
var FadeOut05 = new Spry.Effect.Fade('captionBox05', {duration: 10, from: 60, to: 0});
var FadeIn06 = new Spry.Effect.Fade('captionBox06', {duration: 10, from: 0, to: 60});
var FadeOut06 = new Spry.Effect.Fade('captionBox06', {duration: 10, from: 60, to: 0});
var FadeIn07 = new Spry.Effect.Fade('captionBox07', {duration: 10, from: 0, to: 60});
var FadeOut07 = new Spry.Effect.Fade('captionBox07', {duration: 10, from: 60, to: 0});
var FadeIn08 = new Spry.Effect.Fade('captionBox08', {duration: 10, from: 0, to: 60});
var FadeOut08 = new Spry.Effect.Fade('captionBox08', {duration: 10, from: 60, to: 0});
var FadeIn09 = new Spry.Effect.Fade('captionBox09', {duration: 10, from: 0, to: 60});
var FadeOut09 = new Spry.Effect.Fade('captionBox09', {duration: 10, from: 60, to: 0});
var FadeIn10 = new Spry.Effect.Fade('captionBox10', {duration: 10, from: 0, to: 60});
var FadeOut10 = new Spry.Effect.Fade('captionBox10', {duration: 10, from: 60, to: 0});
var FadeIn11 = new Spry.Effect.Fade('captionBox11', {duration: 10, from: 0, to: 60});
var FadeOut11 = new Spry.Effect.Fade('captionBox11', {duration: 10, from: 60, to: 0});
var FadeIn12 = new Spry.Effect.Fade('captionBox12', {duration: 10, from: 0, to: 60});
var FadeOut12 = new Spry.Effect.Fade('captionBox12', {duration: 10, from: 60, to: 0});
var FadeIn13 = new Spry.Effect.Fade('captionBox13', {duration: 10, from: 0, to: 60});
var FadeOut13 = new Spry.Effect.Fade('captionBox13', {duration: 10, from: 60, to: 0});
var FadeIn14 = new Spry.Effect.Fade('captionBox14', {duration: 10, from: 0, to: 60});
var FadeOut14 = new Spry.Effect.Fade('captionBox14', {duration: 10, from: 60, to: 0});
var FadeIn15 = new Spry.Effect.Fade('captionBox15', {duration: 10, from: 0, to: 60});
var FadeOut15 = new Spry.Effect.Fade('captionBox15', {duration: 10, from: 60, to: 0});
var FadeIn16 = new Spry.Effect.Fade('captionBox16', {duration: 10, from: 0, to: 60});
var FadeOut16 = new Spry.Effect.Fade('captionBox16', {duration: 10, from: 60, to: 0});
var FadeIn17 = new Spry.Effect.Fade('captionBox17', {duration: 10, from: 0, to: 60});
var FadeOut17 = new Spry.Effect.Fade('captionBox17', {duration: 10, from: 60, to: 0});

//Scroll
KVP = new Spry.Widget.SlidingPanels("KVPanel",{defaultPanel :0});
function slide(){
	var className = 'SlidingPanelsContent'; //change the className that is on all your content panels..
	var panelCount = KVP.getContentPanelsCount();//get panel length
	var current = KVP.getCurrentPanel(); //get current panel
	var group = KVP.getContentGroup(); //get our group
	var panelNumber = 0;
	if(group.hasChildNodes()){
		var j = 0;
		for(var i = 0, l = group.childNodes.length; i < l; i ++){
			if(group.childNodes[i].className && group.childNodes[i].className.search(new RegExp("\\b" + className + "\\b")) != -1){ // if it has SlidingPanelsContent class we found the correct node.
				if(group.childNodes[i] == current) // if it matches our current panel, we have a number
				panelNumber = j;
				j++; //increase our panelcounter
			}
		}
	}
	KVP.showPanel(((panelNumber + 1 /* its currently 0 based, and the panelCount isn't so we need to increase */) != panelCount ? (panelNumber + 1) : 0));
};

function start(){
	var slideShow = setInterval(slide,6000);
};
window.onload = start;