// ====================================================
// USER EDITABLE AREA
// ====================================================

// PLACE NEW PRODUCTS IN THE LIST IN THE ORDER THEY SHOULD APPEAR IN THE MIDDLE FRAME
// PRODFOLDER LIST = PLACE THE NAME OF THE FOLDER THAT THE PRODUCT IS IN
var prodfolder = new Array(
	"agrifab_10", 
	"rescraft_bburro_blk", 
	"recraft_bburro_camo",
	"snowbear_lndscp", 
	"snowbear_blkrck", 
	"snowbear_versa", 
	"doolittle_lndscp", 
	"d2e_16tilt", 
	"d2e_18carutl", 
	"d2e_18tilt", 
	"d2e_20carhlr", 
	"d2e_20lndscp", 
	"d2e_20cet", 
	"d2e_26dckovr"
	);

// PLACE NEW PRODUCTS IN THE LIST IN THE ORDER THEY SHOULD APPEAR IN THE MIDDLE FRAME
// PRODNAME LIST = PLACE THE NAME OF THE PRODUCT AS IS SHOULD APPEAR IN THE SLIDESHOW
// NOTE1: THIS ONLY APPEARS IN THE MIDDLE FRAME OF THE SLIDE SHOW
// NOTE2: XHTML CODE CAN BE USED BETWEEN THE DOUBLE QUOTES (")
// NOTE3: DOUBLE QUOTES THAT ARE REQUIRED AS PART OF THE CODE MUST BE ESCAPED (I.E. \")
var prodname = new Array(
	"<span class=\"sold\">SOLD</span> ArgriFab 10 cubic ft ATV Trailer <span class=\"sold\">SOLD</span>",
	"Bush Burro Black ATV Trailer", 
	"Bush Burro Camo ATV Trailer",
	"<span class=\"sold\">SOLD</span> Snowbear 400LHD Landscape Trailer <span class=\"sold\">SOLD</span>", 
	"Snowbear 8550 Black Rock", 
	"<span class=\"sold\">SOLD</span> Snowbear Versa Sport <span class=\"sold\">SOLD</span>", 
	"<span class=\"sold\">SOLD</span> Doolittle<br />77&quot;x16\' 7000GVWR Landscape/Utility Trailer <span class=\"sold\">SOLD</span>", 
	"<span class=\"sold\">SOLD</span> Down2Earth 82&quot;x16' Car/Equipment Hauler <span class=\"sold\">SOLD</span>", 
	"<span class=\"sold\">SOLD</span> Down2Earth 82&quot;x18' Car/Utility Hauler <span class=\"sold\">SOLD</span>", 
	"<span class=\"sold\">SOLD</span> Down2Earth 82&quot;x18' Tilt Deck Car/Utility Hauler <span class=\"sold\">SOLD</span>", 
	"<span class=\"sold\">SOLD</span> Down2Earth 82&quot;x20' Car/Utility Hauler <span class=\"sold\">SOLD</span>", 
	"Down2Earth 82&quot;x20' Landscape/Utility Trailer", 
	"Down2Earth 80&quot;x20' Commercial Equipment Trailer", 
	"Down2Earth 8x26 Deckover"
	);

// ====================================================
// END USER EDITABLE AREA
// ====================================================

// ========================
// Repeated values
// ========================
prodpath = "http://www.atvdepot.ca/trailers/";
photoname = "/slide_shot.jpg";
filename = "/trailerinfo_1.php";
photosizelrg = "width:267,height:200";
photosizesml = "width:176,height:132";

// ====================================================
// Trailer Slideshow data - MIDDLE FRAME
// ====================================================
// Create the MAIN slideshow object
tss = new slideshow("tss");
// Set the delay between slides, 1000 = 1 sec
tss.timeout = 4000;
// By default, all of the slideshow images are prefetched.
// If you have a large number of slides you can limit the
// number of images that are prefetched.
tss.prefetch = -1;
// By default the slideshow will repeat when you get to the end.
tss.repeat = true;

//STARTING WITH FIRST ITEM OF LIST PLACES ALL ITEMS IN SLIDE SHOW'S MIDDLE FRAME
for (var i=0; i < prodfolder.length; i++) {
	s = new slide();
	s.src = prodpath + prodfolder[i] + photoname;
	s.link = prodpath + prodfolder[i] + filename;
	s.text = prodname[i];
	tss.add_slide(s);
}

// The following loop sets an attribute for all of the slides.
// This is easier than setting the attributes individually.
for (var i=0; i < tss.slides.length; i++) {
	s = tss.slides[i];
	s.target = "";
	s.attr = photosizelrg;
}


// ====================================================
// Trailer Slideshow data - LEFT MOST FRAME
// ====================================================
tss2 = new slideshow("tss2");
tss2.timeout = 4000;
tss2.prefetch = -1;
tss2.repeat = true;

//PLACES FINAL ITEM OF LIST IN STARTING POSITION OF SLIDE SHOW'S LEFT FRAME
s = new slide();
s.src = prodpath + prodfolder[prodfolder.length-1] + photoname;
s.link = prodpath + prodfolder[prodfolder.length-1] + filename;
tss2.add_slide(s);

//NEXT PLACES ALL ITEMS BUT FINAL ITEM OF LIST IN SLIDE SHOW'S LEFT FRAME
for (var i=0; i < prodfolder.length-1; i++) {
	s = new slide();
	s.src = prodpath + prodfolder[i] + photoname;
	s.link = prodpath + prodfolder[i] + filename;
	tss2.add_slide(s);
}

for (var i=0; i < tss2.slides.length; i++) {
	s = tss2.slides[i];
	s.target = "";
	s.attr = photosizesml;
	s.text = "";
}

// ====================================================
// Trailer Slideshow data - RIGHT MOST FRAME
// ====================================================
tss3 = new slideshow("tss3");
tss3.timeout = 4000;
tss3.prefetch = -1;
tss3.repeat = true;

//STARTING WITH SECOND ITEM OF LIST PLACES ALL ITEMS IN SLIDE SHOW'S RIGHT FRAME
for (var i=1; i < prodfolder.length; i++) {
	s = new slide();
	s.src = prodpath + prodfolder[i] + photoname;
	s.link = prodpath + prodfolder[i] + filename;
	tss3.add_slide(s);
}

//NEXT PLACES FIRST ITEM OF LIST IN SLIDE SHOW'S RIGHT FRAME
s = new slide();
s.src = prodpath + prodfolder[0] + photoname;
s.link = prodpath + prodfolder[0] + filename;
tss3.add_slide(s);

for (var i=0; i < tss3.slides.length; i++) {
	s = tss3.slides[i];
	s.target = "";
	s.attr = photosizesml;
	s.text = "";
}