// Banner Head Info - ACW May 2010

//Frame 1 Info
var fr1_info=["vdsl2_train.jpg", //Image
 		"VDSL2: Go Faster, Farther", "#005f00", //Title Text, Color - <span style='display:block; padding-top:28px;'></span>
		"Whether your're looking to deploy lightning fast next-level services<br> or extend the bandwidth reach of your network VDSL2 technology<br> and Suttle's VDSL2 splitters can help you deliver.", "#000000", //Body Text, Color
		"http://www.suttleonline.com/vdsl2-solutions.php", "_self", //Link, Target
		"VDSL2 Solutions"];

//Frame 2 Info
var fr2_info=["ARRA_compliant.jpg", //Image
		"<span style='color: #990000;'>A</span><span style='color: #ffffff;'>RR</span><span style='color: #000099;'>A</span> Compliance", "#222222", //Title Text, Color
		"You can now see when a Suttle product is compliant to the<br> Buy American clause in the American Recovery and Reinvestment Act<br> by the newly added designation on the product's detail page.", "#ffffff", //Body Text, Color
		"http://www.suttleonline.com/arra-compliance.php", "_self", //Link, Target
		"ARRA Compliance"];

//Frame 3 Info
var fr3_info=["summer_promo.jpg", //Image
		"H<img src='images/promo_flame.gif'/>T Summer Deals", "#FFFFFF", //Title Text, Color
		"In honor of our 100th anniversary, this building season Suttle's rollin' out the deals,<br> like FREE Shipping on orders over $1500 and additional discounts<br> on some of our most popular products!", "#000000", //Body Text, Color
		"http://www.suttleonline.com/promo/", "_blank", //Link, Target
		"HOT Deals"];

// Only fill above portion
var mygallery=new fadeSlideShow({
	wrapperid: "head-banner", //ID of blank DIV on page to house Slideshow
	dimensions: [948, 347], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		[fr1_info[0], fr1_info[5], fr1_info[6], fr1_info[1], fr1_info[2], fr1_info[3], fr1_info[4], fr1_info[7]],
		[fr2_info[0], fr2_info[5], fr2_info[6], fr2_info[1], fr2_info[2], fr2_info[3], fr2_info[4], fr2_info[7]],
		[fr3_info[0], fr3_info[5], fr3_info[6], fr3_info[1], fr3_info[2], fr3_info[3], fr3_info[4], fr3_info[7]]//<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:5000, cycles:0, wraparound:true},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 400, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: "",
	oninit: function(){
		var dm = this.setting.displaymode, ufObj = this, defaultMode = dm.type;
		this.nav = function(num){
			this.navigate(num);
			if(typeof dm.timer !== 'undefined'){
				clearTimeout(dm.timer);
				}
			dm.timer = setTimeout(function(){
				if(defaultMode === 'auto' && dm.type !== 'auto'){
					dm.type = 'auto';
					ufObj.showslide('next');
					}
				}, dm.pause);
		};
		this.stop = function(){
			this.navigate(this.setting.imgindex);
			defaultMode = 'manual';
		};
		this.resume = function(){
			if(dm.type!=='auto'){
				dm.type='auto';
				this.showslide('next');
			}
			defaultMode = 'auto';
		};
	}
});

learn_more=new Image();
learn_more.src="/images/pull_banner/learn_2.png";