/**
 * @author Aaron.Lisman
 * Updated by Amit Gaur on March 22, 2010
 */



Site.Page.HTMLBackup = {
	TargetEl:"#hero",
	XMLPath: "/includes/audio-video/swf/assets/xml/homepagehero-noflash.xml",
	WrapperEl:null,
	Id:"HTMLbackupHero", 
	Slides: [],
	Init: function() {
		$.get(this.XMLPath,null, this.HandleDataReturn ,"xml");
		
	},
	HandleDataReturn: function(data) {
		var self = this;
		var slides = $(data).find("slide");
		$(slides).each(		
			
			function() {
				var props = {					
					type: $(this).find("type").text(),
					duration: $(this).find("duration").text(),
					header: $(this).find("header").text(),
					subheader: $(this).find("subheader").text(),
					caption: $(this).find("caption").text(),
					moreinfobutton: $(this).find("moreinfobutton").text(),					
					moreinfourl: $(this).find("moreinfourl").text(),
					rightarrow: $(this).find("rightarrow").text(),					
					backgroundimageurl: $(this).find("backgroundimageurl").text(),
					thumbnailimageurl: $(this).find("thumbnailimageurl").text(),
					thumbnaillabel: $(this).find("thumbnaillabel").text(),
					bubblecolor: $(this).find("bubblecolor").text()
				}
				var slide = new Slide();
				$.extend(slide,props);
				Site.Page.HTMLBackup.Slides.push(slide);
				
			}		
		); // end each
		Site.Page.HTMLBackup.RenderSlides();
	},
	RenderSlides:function() {
		var self = this;
		$(this.Id).remove(); // get rid of existing
		$(this.TargetEl).empty();
		this.WrapperEl = $(HTMLTemplates.HeroWrapper).attr("id",this.Id).prependTo(this.TargetEl);
		
		this.Controller = $(HTMLTemplates.SlideControl).prependTo(this.WrapperEl);
		
		
		$.each(this.Slides,function() {
				self.WrapperEl.append(this.GetSlide());
				$(this.GetThumb()).appendTo(self.Controller);
		});
	}

}

Site.Page.HTMLBackup.SlideRotator = {
	
	Slides: Site.Page.HTMLBackup.Slides,
	Delay: 5000,
	Interval:null,
	CurrentPlace:0,
	Init: function() {
		var self = this;
		this.Interval = setInterval( function() { self.Next();  },this.Delay);
	},
	Next: function() {
		if (this.CurrentPlace < (this.Slides.length-1)) {
			this.CurrentPlace++;
			this.Slides[this.CurrentPlace].ShowSlide();
		} else {
			this.CurrentPlace = 0;
			this.Slides[this.CurrentPlace].ShowSlide();
		}			
	}
}


function Slide(){
	
}
Slide.prototype = {
	El:null,
	Button:null,
	GetImg:function() {
		return HTMLTemplates.HeroBackupImg.supplant(this);
	},
	GetSlide:function(){
		var s = $(HTMLTemplates.Slide.supplant(this)); // get frame HTML 
		this.El = s;
		return s;
	},
	GetThumb:function(){
		var self = this;
		var t = $(HTMLTemplates.Thumb.supplant(this));
		t.click( function() { 
			// kill interval so that the auto rotation stops
			clearInterval(Site.Page.HTMLBackup.SlideRotator.Interval);
			self.ShowSlide(); 
		}); 
		this.Button = t;
		return t;
	},
	ShowSlide: function() {
		$("ul.slideControl li img").removeClass("selected");
		this.Button.find("img").addClass("selected");
		this.El.hide()
			   .siblings("div.slide").hide()
			   .end().fadeIn();
	}
	
}

var HTMLTemplates = { 
	
	HeroBackupImg: "<img src='{backgroundimageurl}' />",
	HeroWrapper: "<div></div>",
	SlideControl: "<ul class='slideControl'></ul>",
	Slide: "<div class='slide'><div><h4>{header}</h4><h5 style='white-space: nowrap'>&nbsp;{subheader}</h5><p class='amit'><b>{caption}</b></p><a href='{moreinfourl}' class='actionButton'>{moreinfobutton}  <img src='/images/global/read-story-arrow.gif'/> </a></div><img src='{backgroundimageurl}' /></div>",
	Thumb: "<li><a href='javascript:void(0)'><img src='{thumbnailimageurl}' /></a></li>"
}