//specify interval between slide (in mili seconds)
var slideSpeed = 7000;
//var slideSpeed = 955;

var resumeDelay = 4000;
//var resumeDelay = 955;

var ie = document.all;

//specify images
var slideImages = new Array(
	"assets/templates/claritypack/images/homepage-montage2.jpg",
	"assets/templates/claritypack/images/home_slide1a.jpg",
	"assets/templates/claritypack/images/home_slide2a.jpg",
	"assets/templates/claritypack/images/home_slide3a.jpg",
	"assets/templates/claritypack/images/home_slide4a.jpg",
	"assets/templates/claritypack/images/home_slide5a.jpg"
);

//specify corresponding links
var slideLinks = new Array(
	"#" ,
        "../industries-served/industries-served-direct-selling/",
        "../industries-served/direct-marketing-catalog-marketing/",
        "../industries-served/consumer-electronics-oem/",
        "../industries-served/ecommerce/",
        "../industries-served/ecommerce/ecommerce-site-development.html"
);

var slideHandles = new Array(
	"slide_handle_0",
	"slide_handle_1",
	"slide_handle_2",
	"slide_handle_3",
	"slide_handle_4",
	"slide_handle_5"
);

var slideClasses = new Array(
        "../industries-served/industries-served-direct-selling/",
        "../industries-served/direct-marketing-catalog-marketing/",
        "../industries-served/consumer-electronics-oem/",
        "../industries-served/ecommerce/",
        "../industries-served/ecommerce/ecommerce-site-development.html"
);

var newWindow = 0; //open links in new window? 1=yes, 0=no

var imageHolder=new Array();
var ie = document.all;
for (var i=0;i<slideImages.length;i++){
	imageHolder[i] = new Image();
	imageHolder[i].src=slideImages[i];
}


var cycleCount = 0;

function nextSlide() {
	if (!document.images) return;

	cycleCount++;
	previousSlide = currentSlide;
	currentSlide = (currentSlide < (slideImages.length - 1))? currentSlide + 1 : 0;
	
	//jj
	if( currentSlide==0 && cycleCount>1 ){
	
		document.getElementById(slideHandles[previousSlide]).className = "";
		nextSlide();

	} else {
		if (ie) document.getElementById("slide").filters[0].apply();
		document.getElementById("slide").src = imageHolder[currentSlide].src;
		if (ie) document.getElementById("slide").filters[0].play();
		document.getElementById(slideHandles[currentSlide]).className = slideClasses[currentSlide];
		document.getElementById(slideHandles[previousSlide]).className = "";
	}


	//alert("previousSlide: "+ previousSlide +"\n\ncurrentSlide: "+ currentSlide);
	//return;

}

// starts the slide show right away
function startSlideShow() {

	if (resumeTimer !== null) {
		clearTimeout(resumeTimer);
		resumeTimer = null;
	}

	nextSlide();

	if (slideShowTimer !== null) {
		clearTimeout(slideShowTimer);
		slideShowTimer = null;
	}

	slideShowTimer = setTimeout(startSlideShow, slideSpeed + blendDelay);
}


// resumes the slide show after a while, need to make sure that we don't react when the mouse is movig to an inner div.
function resumeSlideShow(event, obj) {
    // deal with IE nonsense event model:
    if (event === undefined) event = window.event;
	// ignore if we are moving out of an inner element:
    var target = 'target' in event? event.target : event.srcElement;
	
	// ignore if we are moving into an inner element:
	var other = 'relatedTarget' in event? event.relatedTarget : event.toElement;

	//jj
	if( other ){
		while ((other = other.parentNode).nodeType === 1)
			if (other === obj) return;
	}
	
	// if we are moving out of the handle, resume the slideshow
	if (target === obj) {

		if (resumeTimer === null) {
		 	resumeTimer = setTimeout(startSlideShow, resumeDelay);
		}
	}
}

// stops the slide show and sets the current slide to the 
function stopSlideShow(slide) {
	if (slideShowTimer !== null) {
		clearTimeout(slideShowTimer);
		slideShowTimer = null;
	}
	if (resumeTimer !== null) {
		clearTimeout(resumeTimer);
		resumeTimer = null;
	}
	document.getElementById(slideHandles[currentSlide]).className = "";
	currentSlide = slide;
	document.getElementById(slideHandles[currentSlide]).className = slideClasses[currentSlide];
}


function gotoshow(){
	stopSlideShow(currentSlide);
	if (newWindow) {
		window.open(slideLinks[currentSlide]);
	}
	else {
		window.location=slideLinks[currentSlide];
	}
}

function MM_preloadImages() { //v3.0
  	var d=document; 
	if (d.images) { 
		if(!d.MM_p) d.MM_p=new Array();
    	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; 
		for(i=0; i<a.length; i++) {
    		if (a[i].indexOf("#")!=0) { 
				d.MM_p[j]=new Image; 
				d.MM_p[j++].src=a[i];
			}
		}
	}	
}

function MM_swapImgRestore() { //v3.0
  	var i,x,a=document.MM_sr; 
	for(i=0; a && i < a.length && (x=a[i]) &&x.oSrc;i++) {
		x.src=x.oSrc;
	}
}

function MM_findObj(n, d) { //v4.01
  	var p,i,x;  
	if(!d) d=document; 
	if((p=n.indexOf("?"))>0&&parent.frames.length) {
    	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
	}
	if(!(x=d[n])&&d.all) x=d.all[n]; 
	for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  	if(!x && d.getElementById) x=d.getElementById(n); 
	return x;
}

function MM_swapImage() { //v3.0
  	var i,j=0,x,a=MM_swapImage.arguments; 
	document.MM_sr = new Array; 
	for(i=0;i<(a.length-2);i+=3) {
   		if ((x=MM_findObj(a[i]))!=null){
			document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];
		}
	}
}

