// Banner Head Info - ACW Dec 2010

//Frame 1 Info
var fr1_info=["hometime.jpg", //Image
		"Suttle Featured on Hometime Show", "#FFFFFF", //Title Text, Color
		"Suttle was featured on an episode of Hometime, a home improvement show<br> hosted by Dean Johnson, this Spring. Watch the clip and see <br>what products were used in this particular installation.", "#FFFFFF", //Body Text, Color
		"http://www.suttleonline.com/hometime_apr11.php", "_self", //Link, Target
		"Hometime"];//Thumb Title Text

//Frame 2 Info
var fr2_info=["100M_DSL.jpg", //Image
		"100 Million and Counting", "#000000", //Title Text, Color
		"This major milestone of 100 million DSL filters sold<br> not only demonstrates the success of the product,<br> but also illustrates Suttle's commitment to quality<br> and long-term customer relationships as well.", "#000000", //Body Text, Color
		"http://www.suttleonline.com/news/2010/12/suttle-ships-100-millionth-dsl-filter", "_self", //Link, Target
		"100 Millionth Filter"];//Thumb Title Text

//Frame 3 Info
var fr3_info=["HPNA_TV.gif", //Image
		"Deliver Your Promises in the Last 100ft", "#0C2463", //Title Text, Color
		"<strong>Need a way to deliver next century technology in homes from the last?</strong><br> Suttle's ethernet over coax products, like our HomePNA&trade; adapters,<br> offer reliable solutions for delivering triple-play networking<br> within existing single and multi-family homes.", "#000000", //Body Text, Color
		"http://www.suttleonline.com/catalog/homepna-products.html", "_self", //Link, Target
		"Suttle HPNA"];//Thumb Title Text

// 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";