/**
* wr_util.js
* 
* wr util contains all utility functions for women Riders community site.
*
**/
WR = {};


//global variables
var navView;
var navId;
var navType;
var navReset = false;
var storedReq = new Array();
var overlayOpen;
var vidHbx;
var vidOverlay = false;
var UGCplayer;


//moved variable detailview to global for HBX tracking for staf
var detailView = false;

// used to control share overlay close button
// switching view to gallery view in IE6
var hideSocialOverlay = "false";
var hideOverlayFirstRun = "true";

//preload images for category backgrounds
galleryOne       = new Image();
galleryOne.src   = "/en_US/Media/images/content/pictorial/women_riders/bkg_gallery_one.jpg";
galleryTwo       = new Image();
galleryTwo.src   = "/en_US/Media/images/content/pictorial/women_riders/bkg_gallery_two.jpg";
galleryThree     = new Image();
galleryThree.src = "/en_US/Media/images/content/pictorial/women_riders/bkg_gallery_three.jpg";
galleryFour      = new Image();
galleryFour.src  = "/en_US/Media/images/content/pictorial/women_riders/bkg_gallery_four.jpg";

//preload images for tabs for Right Bike real women
var img_lauren	= new Image();
img_lauren.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_over_lauren.gif";
var img_afsoon	= new Image();
img_afsoon.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_over_afsoon.gif";
var img_carol	= new Image();
img_carol.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_over_carol.gif";
var img_kathy	= new Image();
img_kathy.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_over_kathy.gif";
var img_kathie	= new Image();
img_kathie.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_over_kathie.gif";

var imgu_lauren	= new Image();
imgu_lauren.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_under_lauren.gif";
var imgu_afsoon	= new Image();
imgu_afsoon.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_under_afsoon.gif";
var imgu_carol	= new Image();
imgu_carol.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_under_carol.gif";
var imgu_kathy	= new Image();
imgu_kathy.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_under_kathy.gif";
var imgu_kathie	= new Image();
imgu_kathie.src	= "/en_US/Media/images/content/pictorial/women_riders/tab_under_kathie.gif";

//preload images for new rider resources down state
resourceOne       = new Image();
resourceOne.src   = "/en_US/Media/images/content/pictorial/women_riders/subhdr_helmethairtips.gif";
resourceTwo       = new Image();
resourceTwo.src   = "/en_US/Media/images/content/pictorial/women_riders/subhdr_pickupamotorcycle.gif";
resourceThree       = new Image();
resourceThree.src   = "/en_US/Media/images/content/pictorial/women_riders/subhdr_scavengerhunt.gif";
resourceFour       = new Image();
resourceFour.src   = "/en_US/Media/images/content/pictorial/women_riders/subhdr_motorcycleglossary.gif";
resourceFive       = new Image();
resourceFive.src   = "/en_US/Media/images/content/pictorial/women_riders/subhdr_milestonechecklist.gif";

function playerReady(obj){
	var flashObj = document.getElementById(obj['id']);	
	WR.util.vidPlayerReady(flashObj);
}

//run on load
YAHOO.util.Event.onDOMReady(function(){
	//attach click listener to view suggestions in submit div
	YAHOO.util.Event.addListener('viewGuidelines','click',function(){
		var bodyContent = YAHOO.util.Dom.get('suggestions').innerHTML;
		HD.util.Common.showOverlay(bodyContent,'Suggestions and Guidelines','640px','480px');
		_hbPageView('womenRiders','/Experience/Women+Riders/Suggestions+and+Guidelines');
		
		//attach click listener to print link in suggestions overlay. 
		//This should be in the callback for the window or it won't attach the event!
		YAHOO.util.Event.addListener('printGuidelines','click',function(){
			window.print();
		});
		
		//changes style for FFX2
		if(YAHOO.env.ua.gecko < 1.9){
			var wrapper = YAHOO.util.Dom.getElementsByClassName('suggestionsContentWrapper','div','suggestions');
			YAHOO.util.Dom.setStyle(wrapper,'overflow-x','auto');
		}
	});
	
	//add required class to body element
	var bodyEl = document.getElementsByTagName('body');
	YAHOO.util.Dom.addClass(bodyEl,'yui-skin-sam');
	
	//attach click event to logo
	YAHOO.util.Event.addListener('landingLink','click',function(){
		window.location.href = '/wcm/Content/Pages/womenRiders/womenRiders.jsp?locale=en_US';
	});
	
	//attach click event to featured story image on gallery landing page
	YAHOO.util.Event.addListener('featuredStoryLink','click',function(){
		openFeaturedStory();
		return false;		
	});	
	
	//attach click event to Women Riders Month Video on WRM page
	YAHOO.util.Event.addListener('WRMVideoLink','click',function(){
	openWRMvideo();
	return false;		
	});	
	
	
	//attach click event to instructors video on landing page
	YAHOO.util.Event.addListener('hdwr_landing_video','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "Main Landing",
			overlayHeight : 352,
			overlayWidth : 510,
			playerHeight : "300px",
			playerWidth : "500px",
			videoLocation : "/en_US/Media/video/women_riders/wr_ridersEdge.flv",
			imageLocation : "/en_US/Media/images/Content/Pictorial/women_riders/img_rcvid_noflash.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Video+Play/Take+the+Course",
			id : "hdwr_landing_video",
			nonFlashString : ", and to view our Rider's Edge video"
		};	
		
		//Stop the inpage player if it is currently running
		var inPagePlayer = YAHOO.util.Dom.get("player");
		
		if(inPagePlayer)
		inPagePlayer.sendEvent("STOP");		
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});

	
	//attach click event to helmet video on gear and apparel page
	YAHOO.util.Event.addListener('helmetVid','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "Right Helmet Right Fit",
			overlayHeight : 445,
			overlayWidth : 610,
			playerHeight : "400px",
			playerWidth : "600px",
			videoLocation : "/en_US/Media/video/women_riders/wr_helmet.flv",
			imageLocation : "/en_US/Media/video/women_riders/helmet_still.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Riding+Gear+and+Apparel/Video+Play/Right+Helmet+Right+Fit",
			id : "helmetVid",
			nonFlashString : ", and to view our Skyline Helmet video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});	
	
	//attach click event to instructors video on riding courses page
	YAHOO.util.Event.addListener('instructorsWantedVidOverlay','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "Instructors Wanted",
			overlayHeight : 345,
			overlayWidth : 510,
			playerHeight : "300px",
			playerWidth : "500px",
			videoLocation : "/en_US/Media/video/women_riders/wr_instructors.flv",
			imageLocation : "/en_US/Media/flash/women_riders/video/img_ltr_rc_instructors.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Learning+to+Ride/Riding+Courses/Video+Play/Instructor",
			id : "instructorsWantedVidOverlay",
			nonFlashString : ", and to view our Rider's Edge Instructor video"
		};	
		
		//Stop the inpage player if it is currently running
		var inPagePlayer = YAHOO.util.Dom.get("player");
		
		if(inPagePlayer)
		inPagePlayer.sendEvent("STOP");		
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to video on Mentor page
	YAHOO.util.Event.addListener('sparkvid_1','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "The Spark",
			overlayHeight : 345,
			overlayWidth : 510,
			playerHeight : "300px",
			playerWidth : "500px",
			videoLocation : "/en_US/Media/video/women_riders/wr_mentor_theSpark.flv",
			imageLocation : "/en_US/Media/flash/women_riders/video/img_ltr_ment_sparkvid_1.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Learning+to+Ride/Mentoring/Video+Play/Share+Your+Spark/The+Spark",
			id : "sparkvid_1",
			nonFlashString : ", and to view our Share Your Spark mentoring video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to video on Mentor page
	YAHOO.util.Event.addListener('sparkvid_2','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "Starting the Engine",
			overlayHeight : 345,
			overlayWidth : 510,
			playerHeight : "300px",
			playerWidth : "500px",
			videoLocation : "/en_US/Media/video/women_riders/wr_mentor_startTheEngine.flv",
			imageLocation : "/en_US/Media/flash/women_riders/video/img_ltr_ment_sparkvid_2.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Learning+to+Ride/Mentoring/Video+Play/Share+Your+Spark/Starting+the+Engine",
			id : "sparkvid_2",
			nonFlashString : ", and to view our Share Your Spark mentoring video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to video on Mentor page
	YAHOO.util.Event.addListener('sparkvid_3','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "Turning The Throttle",
			overlayHeight : 345,
			overlayWidth : 510,
			playerHeight : "300px",
			playerWidth : "500px",
			videoLocation : "/en_US/Media/video/women_riders/wr_mentor_turningTheThrottle.flv",
			imageLocation : "/en_US/Media/flash/women_riders/video/img_ltr_ment_sparkvid_3.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Learning+to+Ride/Mentoring/Video+Play/Share+Your+Spark/Turning+the+Throttle",
			id : "sparkvid_3",
			nonFlashString : ", and to view our Share Your Spark mentoring video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to video on Mentor page
	YAHOO.util.Event.addListener('sparkvid_4','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "Hitting The Open Road",
			overlayHeight : 345,
			overlayWidth : 510,
			playerHeight : "300px",
			playerWidth : "500px",
			videoLocation : "/en_US/Media/video/women_riders/wr_mentor_hittingTheOpenRoad.flv",
			imageLocation : "/en_US/Media/flash/women_riders/video/img_ltr_ment_sparkvid_4.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Learning+to+Ride/Mentoring/Video+Play/Share+Your+Spark/Hitting+the+Open+Road",
			id : "sparkvid_4",
			nonFlashString : ", and to view our Share Your Spark mentoring video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to video on Mentor page
	YAHOO.util.Event.addListener('sparkvid_5','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "Sharing The Adventure",
			overlayHeight : 345,
			overlayWidth : 510,
			playerHeight : "300px",
			playerWidth : "500px",
			videoLocation : "/en_US/Media/video/women_riders/wr_mentor_sharingTheAdventure.flv",
			imageLocation : "/en_US/Media/flash/women_riders/video/img_ltr_ment_sparkvid_5.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Learning+to+Ride/Mentoring/Video+Play/Share+Your+Spark/Sharing+the+Adventure",
			id : "sparkvid_5",
			nonFlashString : ", and to view our Share Your Spark mentoring video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to right fit video on gear and apparel page
	YAHOO.util.Event.addListener('gpVid_1','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "A Garage Party",
			overlayHeight : 350,
			overlayWidth : 415,
			playerHeight : "305px",
			playerWidth : "405px",
			videoLocation : "/en_US/Media/video/women_riders/wr_garageParty.flv",
			imageLocation : "/en_US/Media/flash/women/featured_rider/media/HD_LBT_Piece3-12.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/The+Dealership+Experience/Garage+Party+Events/Video+Play/A+Garage+Party",
			id : "gpVid_1",
			nonFlashString : ", and to view our Garage Party&#0153; dealer event video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to right fit video on learn to ride page
	YAHOO.util.Event.addListener('gpVid_2','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "How To Pick Up",
			overlayHeight : 350,
			overlayWidth : 415,
			playerHeight : "305px",
			playerWidth : "405px",
			videoLocation : "/en_US/Media/video/women_riders/wr_bikeLift.flv",
			imageLocation : "/en_US/Media/video/women_riders/lift_bike_still.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/The+Dealership+Experience/Garage+Party+Events/Video+Play/Bike+Lift",
			id : "gpVid_2",
			nonFlashString : ", and to view our Bike Lift video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	
	//attach click event to right fit video on gear and apparel page
	YAHOO.util.Event.addListener('garagePartyVideo','click',function(){		
		var config = {
			containerName : "videoOverlayContainter",
			pageName : "How To Pick Up",
			overlayHeight : 350,
			overlayWidth : 415,
			playerHeight : "305px",
			playerWidth : "405px",
			videoLocation : "/en_US/Media/video/women_riders/wr_bikeLift.flv",
			imageLocation : "/en_US/Media/video/women_riders/lift_bike_still.jpg",
			frontColor : "9E1B3D",
			lightColor : "ffffff",
			hbxCode : "/Experience/Women+Riders/Learning+to+Ride/Video+Play/Garage+Party",
			id : "garagePartyVideo",
			nonFlashString : ", and to view our Bike Lift video"
		};	
		
		WR.util.videoLaunchOverlay(config);
		return false;
	});
	
	//attach click event to real women tab on right bike page
	var arRealWomen = YAHOO.util.Dom.get('hdwr_containrealwomentabs');
	YAHOO.util.Event.addListener(arRealWomen,'click',function(e){
		WR.util.selectRealWomenBio(e);		
	});	
	
	//init the template nav and breadcrumb logic
	WR.util.initTemplateNav();
	
	WR.util.riding_courses_init();
	WR.util.right_bike_init();

});

WR.util = { 

	/**
	 * initGallery sets page up for the gallery view
	 */
	viewGallery : function(eventData){
		
		currentView = "gallery";
		detailView = false;
		
		WR.util.categorySelected(eventData);
	
		YAHOO.util.Dom.setStyle('hdNavigation','display','none');
		YAHOO.util.Dom.setStyle('designDetail','display','none');
		
		//add single classes for gallery view
		YAHOO.util.Dom.addClass('hdCanvas', "hdGalleryBackground");
		
		//add classes for gallery and remove detail classes
		YAHOO.util.Dom.replaceClass('ugcHeader','headerDetail','headerGallery');
		YAHOO.util.Dom.replaceClass('ugcContainer','containerDetail','containerGallery');
		YAHOO.util.Dom.replaceClass('ugcContent','contentDetail','contentGallery');
		YAHOO.util.Dom.replaceClass('ugcFooter','footerDetail','footerGallery');
		
		//move submit div to the right area for the appropriate section of the site by changing class
		YAHOO.util.Dom.replaceClass('submitDiv','submitDetail','submitGallery');	
		
		// display the gallery breadcrumb
		WR.util.storiesBreadCrumb(true);
		
		//hbx tracking
		//console.log("/Experience/Women+Riders/Riding+Stories");
		WR.hbx.hbPageView("/Experience/Women+Riders/Riding+Stories");
	
	},
	
	/**
	 * initDetail sets page up for the gallery view
	 */
	viewDetail : function(){		
		currentView = "detail";
		detailView = true;
		
		// used to control share overlay close button
		// switching view to gallery view in IE6
		hideOverlayFirstRun = "true";
		
		YAHOO.util.Dom.setStyle('hdNavigation','display','block');
		YAHOO.util.Dom.setStyle('designDetail','display','block');
		
		//remove single classes for detail view
		YAHOO.util.Dom.removeClass('hdCanvas', "hdGalleryBackground");
		
		//add classes for gallery and remove detail classes
		YAHOO.util.Dom.replaceClass('ugcHeader','headerGallery','headerDetail');
		YAHOO.util.Dom.replaceClass('ugcContainer','containerGallery','containerDetail');
		YAHOO.util.Dom.setStyle('hdCanvasWrapper','background','none');
		YAHOO.util.Dom.replaceClass('ugcContent','contentGallery','contentDetail');
		YAHOO.util.Dom.replaceClass('ugcFooter','footerGallery','footerDetail');
		
		//TODO implement correct method for this, but for now just make room for submit area
		YAHOO.util.Dom.addClass('miniGalleryDivWrapper','submitActive');
		
		//move submit div to the right area for the appropriate section of the site by changing class
		YAHOO.util.Dom.replaceClass('submitDiv','submitGallery','submitDetail');						
		
		// display the detail breadcrumb
		WR.util.storiesBreadCrumb(false);
		
	},	
	
	/**
	 * loadMedia requests media manually using DAO object. Used when loading from nav history or deeplink.
	 * @param {String} type of event, sent by event if subscribing this function as a callback
	 * @param {Array} args sent if callback from the fire method
	 * @param {Object} arbitrary object passed by subscriber method when this is designated as a callback
	 * @param {String} required reqId of media to load
	 * @param {String} required reqType of media to load
	 * @param {String} reqCat sets category of content to load
	 */
	
	loadMedia : function (type,args,obj,reqId,reqType,reqCat){
		var clearEvent = false;		
		
		if(obj){
			reqId = obj[0];
			reqType = obj[1];
			reqCat = obj[2];
			clearEvent = true;
		}
		
		YAHOO.util.Dom.addClass('galleryDiv','hdHidden');
		WR.util.viewDetail();
		detailWidget.notifyObservers('navDetail',{
			mediaId: reqId,
			contentType: reqType,
			category : reqCat
		});		
		
		if(clearEvent){
			mediaLoaded.unsubscribe(WR.util.loadMedia);
		}
	},
	
	/**
	 * navigate controls display of modules based on the current state in the URL
	 * it also runs a deeplink function if all deeplink params are present
	 * @param {String} view to load
	 * @param {String} type of media
	 * @param {String} id of media
	 * @param {String} category of media
	 */
	navigate : function(view,type,id,category){		
		
		// used to prevent navigate back in IE6 
		// when share panel closes			
		if(hideSocialOverlay == "false"){
			
			if(view == 'gallery'){
				if(UGCplayer && UGCplayer.sendEvent){
					//stop any video playing
					UGCplayer.sendEvent("STOP");
				}		
				
				categoryWidget.model.setCategories(category);
				WR.util.viewGallery(category);								
				widgetView.showDiv.call(widgetView, "galleryDiv", "Posts");
				
			}
			else if(view == 'detail'){
				WR.util.loadMedia(false,false,false,id,type,category);
			}
			else if(view == 'deepLink'){
				initialView = false;
				obj = [id,type,category];	
				
				categoryWidget.model.setCategories(category);				
				
				mediaLoaded.subscribe(WR.util.loadMedia,obj);
			}
			else {
				return false;
			}
			return true;
			
		} // end if
		
		hideSocialOverlay = "false";			
		return true;
	},	
	
	/**
	 * parseNav splits out nav string for legibility by nav functions
	 * @param params is nav string to return as array
	 */	
	parseNav : function(params){

		if(params){
			var paramsArray = params.split('/');
			return paramsArray;
		}
		else {return null;}
	},
	
	/**
	 * viewNav returns the current nav params as an array
	 */	
	viewNav : function(){
		var currentNav = WR.util.parseNav(YAHOO.util.History.getCurrentState('loc'));
		return currentNav;
	},
	/**
	 * initNav initializes the navigation history manager
	 */
	initNav : function(){	
		
		bookmarkState = YAHOO.util.History.getBookmarkedState('loc');
		
		var bkArray = WR.util.parseNav(bookmarkState);
		var categories = siteCategories;
		var bkCategory;		
		
		
		//test bkArray
		if(bkArray === null ){		
			bkArray = ['gallery','init','0','0'];			
			//console.log("initNav null: ",bkCategory);			
		}
		else if(bkArray[0] == 'detail'){			
			bkArray[0] = 'deepLink';			
			isDeepLink = true;
		}
		else if(bkArray[3]){			
			//console.log("initNav bkArray[3] bkCategory: ", bkCategory);
		}
		else{			
			bkArray = ['gallery','init','0','0'];			
			//console.log("initNav lastElse: ",bkCategory);
		}
		
		initState = bkArray[0] + '/' + bkArray[1] + '/' + bkArray[2] + '/' + bkArray[3];		
		
		YAHOO.util.History.register('loc',initState,function(view){
			//console.log('--state change, view = ',view, ' overlayOpen? -',overlayOpen);
			if(overlayOpen){ 
				return false;
			}
			else {
				var viewArr = WR.util.parseNav(view);
				var categoryReg = WR.util.parseURLCat(viewArr[3]);
				//console.log("initNav history: ", categoryReg);
				WR.util.navigate(viewArr[0],viewArr[1],viewArr[2], categoryReg);
			}
			return true;
		});
		
		try{
		//init the storage objects for history
		YAHOO.util.History.initialize("yui-history-field","yui-history-iframe");
		}
		catch(e){
			alert('YUI History Manager failed to initialize.');
		}
		
		/*YAHOO.util.History.onReady(function(type){
			if(type == 'onLoad'){	
				//console.log("initNav bkCategory: ", bkCategory);	
				var initArray = WR.util.parseNav(initState);
				var categoryReg = WR.util.parseURLCat(initArray[3]);				
				WR.util.navigate(initArray[0],initArray[1],initArray[2], categoryReg);				
				return true;
			}
			else {return false;}
			
		},initState);*/
		
		var initArray = WR.util.parseNav(initState);
		var categoryReg = WR.util.parseURLCat(initArray[3]);				
		WR.util.navigate(initArray[0],initArray[1],initArray[2], categoryReg);

	},
	/**
	 * initTemplateNav method sets top navigation highlight, header image and breadcrumbs based on page content
	 */
	initTemplateNav : function(){
		var contentContainer = YAHOO.util.Dom.getElementsByClassName('hdwr_containContent');
		var stringPageContent = YAHOO.util.Dom.getFirstChild(contentContainer[0]).id;
		
		var reLand = /Landing/;
		var reArr = [''];
		
		reArr[0] = /ltr/; //learn to ride page
			reArr[0][0] = /RYO/; // Ride Your Own
			reArr[0][1] = /RC/; // Riding Courses
			reArr[0][2] = /Mentoring/;
			
		reArr[1] = /gradient/; // riding gear and apparel
		reArr[2] = /DealershipExp/;
			reArr[2][0] = /GarageParty/;
			
		reArr[3] = /ugcContent/;
		reArr[4] = /RB/; // right bike
		reArr[5] = /WomensEvents/;
			reArr[5][0] = /RidersMonth/;
			
		reArr[6] = /FemaleTrailblazer/;
		
		//set appropriate nav based on result of regExp test
		var pc = stringPageContent;
		
		if(reLand.test(pc)){
			YAHOO.util.Dom.removeClass('hdwr_headImage_L','hdwr_headImgOff');
			YAHOO.util.Dom.setStyle('hdwr_breadCrumbBar','display','none');
			YAHOO.util.Dom.setStyle('hdwr_landingStaf','display','block');
		}
		else {
			try{
				for(i=0;i<7;i++){
					headId = 'hdwr_headImage_' + i;
					navId = 'hdwr_navLink_' + i;
					breadId = 'hdwr_breadCrumb_' + i;
					if(reArr[i].test(pc)){
						YAHOO.util.Dom.removeClass(headId,'hdwr_headImgOff');
						YAHOO.util.Dom.setStyle(navId,'color','#ff6600');
						YAHOO.util.Dom.removeClass(breadId,'hdwr_breadCrumbOff');
					}
					else if(i === 0){
						for(_i=0;_i<3;_i++){
							if(reArr[0][_i].test(pc)){
								headId = 'hdwr_headImage_0-' + _i;
								navId = 'hdwr_navLink_0';
								breadId = 'hdwr_breadCrumb_0-' + _i;
								YAHOO.util.Dom.removeClass(headId,'hdwr_headImgOff');
								YAHOO.util.Dom.setStyle(navId,'color','#ff6600');
								YAHOO.util.Dom.removeClass(breadId,'hdwr_breadCrumbOff');
							}
							
						}
					}
					else if(i === 2){
	
						for(_i=0;_i<1;_i++){
							if(reArr[2][_i].test(pc)){
								headId = 'hdwr_headImage_2-' + _i;
								navId = 'hdwr_navLink_2';
								breadId = 'hdwr_breadCrumb_2-' + _i;
								YAHOO.util.Dom.removeClass(headId,'hdwr_headImgOff');
								YAHOO.util.Dom.setStyle(navId,'color','#ff6600');
								YAHOO.util.Dom.removeClass(breadId,'hdwr_breadCrumbOff');
							}
							
						}
					}
					else if(i === 5){
						for(_i=0;_i<1;_i++){
							if(reArr[5][_i].test(pc)){
								headId = 'hdwr_headImage_5-' + _i;
								navId = 'hdwr_navLink_5';
								breadId = 'hdwr_breadCrumb_5-' + _i;
								YAHOO.util.Dom.removeClass(headId,'hdwr_headImgOff');
								YAHOO.util.Dom.setStyle(navId,'color','#ff6600');
								YAHOO.util.Dom.removeClass(breadId,'hdwr_breadCrumbOff');
							}
							
						}
					}
				}
			}
			catch(e){
				console.error(e);
			}
		}
		
		// ugc widget on RYO page
		if(YAHOO.env.ua.webkit != 0){
			if(reArr[0][0].test(pc)){
				YAHOO.util.Dom.setStyle('hdwr_shareYourStory','left','0px');
			}
		}
		
		//hbx for motorclothes collection on initial page load (gear and apparel page)
		if(reArr[1].test(pc)){
			WR.hbx.hbPageView("/Experience/Women+Riders/Riding+Gear+and+Apparel/MCM+Category/City+Lights");	
		}
		
		//hbx for a proud tradition tab on initial page load (female trailblazers page)
		if(reArr[6].test(pc)){
			WR.hbx.hbPageView("/Experience/Women+Riders/Female+Trailblazers/A+Proud+Tradition");	
		}
		
					
	},
	
	storiesBreadCrumb : function(isGallery) {
		
		var breadElement       = YAHOO.util.Dom.get('hdwr_breadCrumb_3', 'div');
		var breadElementDetail = YAHOO.util.Dom.get('hdwr_breadCrumb_3-0', 'div');
				
		if(isGallery){
			YAHOO.util.Dom.setStyle(breadElementDetail, 'display', 'none');
			YAHOO.util.Dom.setStyle(breadElement, 'display', 'block');
		}
		else{ 
			YAHOO.util.Dom.setStyle(breadElement, 'display', 'none');
			YAHOO.util.Dom.setStyle(breadElementDetail, 'display', 'block');			
		}
	},
	
	/**
	 *categorySelected 
	 *@param {Array} eventData containing category array  
	 */
	categorySelected : function(eventData) {
		
		if(!eventData)
			eventData = [''];		
		
		var categories = siteCategories;		
		var bkgDiv = YAHOO.util.Dom.get('hdCanvasWrapper');
				
		if(eventData.length > 1) {				
			bkgDiv.style.background = '#E6E6E6 url(' + galleryOne.src + ') top left no-repeat';					
		}
		else if(categories[0] == eventData[0]) {			
			bkgDiv.style.background = '#E6E6E6 url(' + galleryTwo.src + ') top left no-repeat';			
		}
		else if(categories[1] == eventData[0]) {				
			bkgDiv.style.background = '#E6E6E6 url(' + galleryThree.src + ') top left no-repeat';
		}
		else if(categories[2] == eventData[0]) {			
			bkgDiv.style.background = '#E6E6E6 url(' + galleryFour.src + ') top left no-repeat';
		}		
			
	},
		
	/**
	 * parseCat returns numbers from category strings
	 * @param {Array} array of category strings
	 */
	parseCat : function(eventData) { 
		
		var categories = siteCategories;	
		
		//console.log("parseCat: ", eventData);
		if(!eventData)
			eventData = [''];
		
		if(eventData.length > 1)
			return 0;
		else if(categories[0] == eventData)
			return 1;
		else if(categories[1] == eventData)
			return 2;
		else if(categories[2] == eventData)
			return 3;	
		
	},
	/**
	 * parseURLCat returns category strings from numerical equivalent
	 * @param {String | Integer} number corresponding to array position of category +1 (0 = all)
	 */
	parseURLCat : function(eventData) {		
		
		var categories = siteCategories;		
		
		//console.log("parseURLCat: ", eventData);
		
		if(0 == eventData)
			return categories;
		else if(1 == eventData)
			return [categories[0]];
		else if(2 == eventData)
			return [categories[1]];
		else if(3 == eventData)
			return [categories[2]];	
		
	},	
	/**
	 * videoLauncyOverlay opens overlays and embeds flash vid player
	 * @param {Hash} hash config block for overlay and swfObject embed
	 */
	videoLaunchOverlay : function(config) {			
		//Create/Show overlay
		//noFlashString = "You will need the latest version of the <a href='http://get.adobe.com/flashplayer/'>Adobe Flash Player</a> to view this video. Please <a href='http://get.adobe.com/flashplayer/'>download the player</a> and return to view video content.";
		noFlashString = "<div id='hdwr_nonFlash_video'><div id='hdwr_nonFlash_videoContent'><p>To get the full Harley-Davidson.com experience"+config.nonFlashString+", you need to have the latest Flash Player enabled in your browser.<br/><br/>If you do not have Flash installed, please <a href='http://get.adobe.com/flashplayer/' target='_blank'>download the latest Flash Player.</a></p></div></div>"
		WR.util.showOverlay("<div id='" + config.containerName + "'>" + noFlashString + "</div>", config.pageName, config.overlayWidth, config.overlayHeight);
		
		//Prepare the SWF Object and insert the video into the overlay
		var hd_Overlay = new SWFObject("/en_US/Media/flash/Standard_Vid_Player/player.swf", config.id, config.playerWidth, config.playerHeight, "9.0.115", "#000000"); 
		hd_Overlay.addParam("FlashVars", "locale=en_us&file=" + config.videoLocation + "&frontcolor=#FFFFFF" + "&lightcolor=#FFFFFF" + "&autostart=true"); 
		hd_Overlay.addParam("wmode","window");
		hd_Overlay.addParam("allowfullscreen","true");
		hd_Overlay.addParam("allowScriptAccess","always");
		hd_Overlay.write(config.containerName);
		
		vidHbx = config.hbxCode;
		vidOverlay = {
				open : true,
				id : config.id
		};
		
		return false;
		
	},
	/**
	 * callback function responds to video player SWF ready state, returns auto play and fires hitbox based on player location / type
	 */
	vidPlayerReady: function(element){
		
		var vidOverID = vidOverlay.id;
		var UGCvid = UGCplayer;	
		
		if(element.id == vidOverID){				
			element.addModelListener("STATE", "WR.util.videoHitBox");
			element.sendEvent("PLAY","true");
			vidOverlay = false;
		}
		else if (!vidOverlay && UGCvid){				
			UGCplayer = element;				
			UGCplayer.addModelListener("STATE", "UGCvideoHitBox");	
			UGCplayer.sendEvent("PLAY","true");
			
			
		}
		//this responds to any page-embed generic player with the rider's edge hitbox on play. If other videos are embedded,
		//they will need unique id's. system embed generates ID from swf name..
		else if (element.id == 'player'){				
			try{
			//console.log('player test passed');
			vidHbx = '/Experience/Women+Riders/Learning+to+Ride/Riding+Courses/Video+Play/Riders+Edge';
			element.addModelListener("STATE", "WR.util.videoHitBox");
			YAHOO.util.Event.addListener(element, 'click', function(){
				vidHbx = '/Experience/Women+Riders/Learning+to+Ride/Riding+Courses/Video+Play/Riders+Edge';
			})
			}
			catch(e){
				console.error(e);
			}
		}

	},
	/**
	 * videoHitBox calls hbPageview as a callback to the JW listener above
	 */
	videoHitBox : function(obj){		
		if("PLAYING" == obj.newstate){		
			WR.hbx.hbPageView(vidHbx);
		}
	},
	
	/**
	* Method for displaying page overlay.
	* @param body{String|HTMLElement} the overlay iFrame HTML page location
	* @param width{int} (optional) the overlay width
	* @param height{int} (optional) the overlay height	
	*/
	showOverlay : function(body, title, width, height) {
		
		// if IE6 hide select boxes
		if (YAHOO.env.ua.ie == 6)		
			WR.util.hideSelectBoxes();
		
		var overlayEl = HD.get("hdwcOverlay");		
		// hide overlay instance if one already exists
		if(overlayEl){WR.util.hideOverlay();}			
		
		// get viewport height			
		var isResizeViewPort = 540 > YAHOO.util.Dom.getViewportHeight() && parseInt(height, 10) > 450;
	
		// if the viewport it too small for the overlay we will resize the overlay
		if(isResizeViewPort){			
			height = YAHOO.util.Dom.getViewportHeight() - 40;				
		}		
		
		var posX = (YAHOO.util.Dom.getViewportWidth() / 2) - (width / 2);			
		var sfs = YAHOO.util.Dom.getDocumentScrollTop();		
		var posY = ((YAHOO.util.Dom.getViewportHeight() + sfs) / 2) - (height / 2);	

		posX = Math.round(posX);
		posY = Math.round(posY);	
		
		// configure overlay
		var overlayConfig = {			
			constraintoviewport: true,
			close: true,		  // show close button
			draggable: true,	  // draggable
			zindex:100000,		  // z index
			modal: true,		  // overlays other elements
			visible: false,		  // visible right away
			iframe: true,		  // useful in overlay certain elements
			underlay : "shadow",   // show shadow,
			x : posX,
			y : posY,
			// set width and height if passed, append "px" if integers
			height: typeof height == 'number' ? height + 'px' : height || null,	
			width: typeof width == 'number' ? width + 'px' : width || null									
		};  
		
		//set iframe to import page body as overlay body. passes width, height and src string.
		//body = "<iframe class='hdwcOverlayIframe' src='" + body + "' frameBorder='0' height='" + height + "' width='" + width + "' scrolling='no' allowTransparency='true'></iframe>";
				
		var overlay = new YAHOO.widget.Panel("hdwcOverlay", overlayConfig);
		//overlay.setHeader(header);
		overlay.setBody(body);
		overlay.render(document.body);
		//show the overlay
		overlay.show();		
		
		//IF IE check to position overlay in the middle of the screen
		if (YAHOO.env.ua.ie > 0) {			
			YAHOO.util.Dom.setStyle("hdwcOverlay_c", 'top', posY);
			YAHOO.util.Dom.setStyle("hdwcOverlay_c", 'left', posX);			
		} 		
	
		var closeClickCb = function(){			
			WR.util.hideOverlay();
		};
		
		var overlayEl = HD.get("hdwcOverlay");
		
		var closeEls = HD.getByClass("hdClose", "div", overlayEl);
		if(closeEls.length > 0) {
			closeEls[0].onclick = closeClickCb;
		}
		
		// use our hideOverlay method for when use clicks close on overlay
		// this allows for different events to fire when closing was user initiated
		closeEls = HD.getByClass("container-close", "a", overlayEl);
		for(var i = 0, len = closeEls.length; i < len; i++) {
			(function() {
				closeEls[i].onclick = closeClickCb;
			})();
		}
		
		// if the viewport it too small for the overlay we will resize overlay content
		if(isResizeViewPort){			
			YAHOO.util.Event.onContentReady("hdwcBody", function(){				
				var hdwcBodyEl = HD.get("hdwcBody");
				var scrollableDivEl = HD.get("scrollableDiv");				
				
				if(hdwcBodyEl) {
					hdwcBodyEl.style.height = (parseInt(height,10) - 65) + "px";
				}
				if(scrollableDivEl) {
					scrollableDivEl.style.height = (parseInt(height,10) - 90) + "px";					
				}
			}); 
			
			YAHOO.util.Event.onContentReady("suggestions", function(){	
				var suggestionsContentWrapperEL = YAHOO.util.Dom.getElementsByClassName("suggestionsContentWrapper","div");
				if(suggestionsContentWrapperEL[0]){	
					for(var x=0; x<suggestionsContentWrapperEL.length; x++){						
						suggestionsContentWrapperEL[x].style.height = (parseInt(height,10) - 65) + "px";
					}
				}			
			}); 			
		}
		
		this.overlay = overlay;

		return overlayEl;
	},
	
	hideOverlay : function() {
		//if there is an existent overlay, hide it			
		if(this.overlay != null) {
			
			// if IE6 show select boxes
			if (YAHOO.env.ua.ie == 6)		
				WR.util.showSelectBoxes();
			
			this.overlay.hide();
			this.overlay.destroy();			
		}
	},
	
	showSelectBoxes : function(){
		var selectElements = YAHOO.util.Dom.getElementsBy(function(){return true;}, 'select');		
		for(var x=0; x<selectElements.length; x++){			
			YAHOO.util.Dom.setStyle(selectElements[x], 'visibility', 'visible');			
		}				
	},
	
	hideSelectBoxes : function() {
		var selectElements = YAHOO.util.Dom.getElementsBy(function(){return true;}, 'select');
		var overlaySel = YAHOO.util.Dom.getElementsBy(function(){return true;}, 'select','submissionContent');
		for(var x=0; x<selectElements.length; x++){			
			if(selectElements[x] != overlaySel[0]){
				YAHOO.util.Dom.setStyle(selectElements[x], 'visibility', 'hidden');
			}				
		}			
	},
		
	right_bike_init : function(){
		WR.util.selectRealWomenBio();
	},
	
	selectRealWomenBio : function(event){
		var eTabs = YAHOO.util.Dom.get('hdwr_containrealwomentabs');
		var eUL = YAHOO.util.Dom.getFirstChild(eTabs);
		var eLI = YAHOO.util.Dom.getChildren(eUL);
		var eSource;	
		
		if(event){
			if(event.srcElement){
				eSource = event.srcElement;
			}
			if(event.target){
				eSource = event.target;
			}
		}
		else {
			eSource = eLI[0];
		}
		var tabID = eSource.id;		
		
		//HBX Tracking Array		
		WR.hbx.hbPageView("/Experience/Women+Riders/The+Right+Bike/Real+Women/" + tabID);		
		
		for(var i=0; i<eLI.length; i++){
			var imgubkgd = eval('imgu_' + eLI[i].id);
			YAHOO.util.Dom.setStyle(eLI[i], 'background-image','url(' + imgubkgd.src + ')');
		}
		var arBio = YAHOO.util.Dom.getElementsByClassName('hdwr_containbiocontent',"",'hdwr_containbios',function(e){
			var eBioID = e.id;			
			if(eBioID == tabID){
				var imgbkgd = eval('img_' + tabID);
				YAHOO.util.Dom.setStyle(e,'display','block');
				YAHOO.util.Dom.setStyle(eSource, 'background-image','url(' + imgbkgd.src + ')');
			}
			else {
				YAHOO.util.Dom.setStyle(e,'display','none');
			}				
			
		});
		
	},
	
	riding_courses_init : function(){
		
		WR.util.selectResourcePDF('pdfresource1','containpdfresources','helmethairtips');
		
	},
	
	selectResourcePDF : function(id, container, subhdr){
		var elContainer = YAHOO.util.Dom.get(container);
		var trigger = id;
		var arResources = YAHOO.util.Dom.getElementsByClassName('hdwr_resourcepdf_v1', "", container, function(e){
			var itemEven = this.id;
			var arItem = itemEven.split('');
			var n = arItem[itemEven.length-1];
			var bShaded = (n%2 == 0)? true : false;
			var arElChildren = YAHOO.util.Dom.getChildren(e);
			var elExpand = YAHOO.util.Dom.get(arElChildren[2]);
			var elAnchor = YAHOO.util.Dom.get(arElChildren[1]);
			var imgArrow = YAHOO.util.Dom.getFirstChild(elAnchor);
			var imgNameDown = "/en_US/Media/images/content/pictorial/women_riders/subhdr_" + subhdr + ".gif";
			var arImgName = imgArrow.src.split("/");
			var imgNameUp = arImgName[arImgName.length-1];
			var arImgNameUp = imgNameUp.split("_");
			imgNameUp = arImgNameUp[arImgNameUp.length-1];
			imgNameUp = "/en_US/Media/images/content/pictorial/women_riders/btn_" + imgNameUp;
			var displayStatus = YAHOO.util.Dom.getStyle(elExpand, 'display');
			if(e.id == trigger){
				YAHOO.util.Dom.setStyle(elExpand,'display','block');
				YAHOO.util.Dom.setStyle(e,'background-color','#969696');
				YAHOO.util.Dom.setStyle(e,'height','131px');
				imgArrow.src = imgNameDown;
			}
			else{
				YAHOO.util.Dom.setStyle(elExpand,'display','none');
				if(bShaded){
					YAHOO.util.Dom.setStyle(e,'background-color','#4A4A4A');
				}
				else{
					YAHOO.util.Dom.setStyle(e,'background-color','#626262');
				}
				YAHOO.util.Dom.setStyle(e,'height','');
				imgArrow.src = imgNameUp;
			}
		});
	}		
}; // end WR.util namespace
/**
 * openLightbox opens an overlay containing the flash photo viewer for the garage party page
 * @param image
 * @return
 */
function openLightbox(image) {
	
	var config = {
		containerName : "photoGalleryOverlayContainter",
		pageName : "Garage Party Photo Gallery",
		overlayHeight : 530,
		overlayWidth : 700,
		playerHeight : "480px",
		playerWidth : "700",
		playerLocation : "/en_US/Media/flash/Women/Lightbox_Photo_Viewer/",
		playerName : "LightboxPhotoViewer",
		hbxCode : "/Experience/Women+Riders/The+Dealership+Experience/Garage+Party+Events/Photo+View"
	};	
	
	//Create/Show overlay
	WR.util.showOverlay("<div id='" + config.containerName + "'></div>", config.pageName, config.overlayWidth, config.overlayHeight);
		
	//Prepare the SWF Object and insert the video into the overlay
	var hd_Overlay = new SWFObj(config.containerName,config.playerName,config.playerLocation,"9.0.114",config.playerWidth,config.playerHeight,"#000000",false,"playerProductInstall",config.playerWidth,config.playerHeight); 
	hd_Overlay.setAttribute("FlashVars", "locale=en_us&imagetoken=" + image); 
	hd_Overlay.setAttribute("wmode","window"); 
	hd_Overlay.setAttribute("srcVars", "locale=en_us&imagetoken=" + image); 
	hd_Overlay.outputHTML();
	document.getElementById(config.containerName).style.visibility = "visible"; 
	postDetectionResults(hd_Overlay);	
	
	if(config.hbxCode)
		WR.hbx.hbPageView(config.hbxCode);
			
}



/**
 * openEventsLightbox opens an overlay containing the flash photo viewer for the NYC and MKE Women Riders Month page
 * @param image
 * @return
 */
function openEventsLightBox(image, xmlreference) {
	
	var config = {
		containerName : "photoGalleryOverlayContainter",
		pageName : "Women Riders Month Photo Gallery",
		overlayHeight : 530,
		overlayWidth : 700,
		playerHeight : "480px",
		playerWidth : "700",
		playerLocation : "/en_US/Media/flash/Women/Riders_Month_Gallery/",
		playerName : "LightboxPhotoViewer",
		hbxCode : "/Experience/Women+Riders/Events/Women+Riders+Month/Photo+View"
	};	
	

	//Create/Show overlay
	WR.util.showOverlay("<div id='" + config.containerName + "'></div>", config.pageName, config.overlayWidth, config.overlayHeight);
		
	//Prepare the SWF Object and insert the video into the overlay
	var hd_Overlay = new SWFObj(config.containerName,config.playerName,config.playerLocation,"9.0.114",config.playerWidth,config.playerHeight,"#000000",false,"playerProductInstall",config.playerWidth,config.playerHeight); 
	hd_Overlay.setAttribute("FlashVars", "locale=en_us&imagetoken=" + image + "&xmltoken=" + xmlreference); 
	hd_Overlay.setAttribute("wmode","window"); 
	//hd_Overlay.setAttribute("srcVars", "locale=en_us&imagetoken=" + image); 
	hd_Overlay.outputHTML();
	document.getElementById(config.containerName).style.visibility = "visible"; 
	postDetectionResults(hd_Overlay);	
	
	if(config.hbxCode)
		WR.hbx.hbPageView(config.hbxCode);
			
}


function closeLightbox() { 
	WR.util.hideOverlay();	
}

//Dealer Event Details popup
function eventDetails(queryStr) {
	window.open ('http://www.harley-davidson.com/EX/HTR/ECAL/events/EventDLRDetails.asp?locale=en_US&bmLocale=en_US&' + queryStr, '', 'width = 500, height = 500, scrollbars = yes, status = no, resizable = no');
}

//HD Sponsored event details popup
function hdEventDetails(queryStr) {
	window.open ('http://www.harley-davidson.com/EX/HTR/ECAL/events/EventHDDetails.asp?locale=en_US&bmLocale=en_US&' + queryStr, '', 'width = 500, height = 500, scrollbars = yes, status = no, resizable = no');
}

/**
 * overlayImage opens overlay witn an image in it
 * @param {String} image src string 
 * @param {String} alt text
 * @return
 */
function overlayImage(image, alt) {
	
	var config = {
		containerName : "photoGalleryOverlayContainter",
		pageName : "Garage Party Photo Gallery",
		overlayHeight : 452,
		overlayWidth : 680,
		hbxCode : "/Experience/Women+Riders/The+Dealership+Experience/Garage+Party+Events/Photo+View"
	};	
	
	//Create/Show overlay
	WR.util.showOverlay("<div id='" + config.containerName + "'><img src='"+image+"' alt='"+alt+"'/></div>", config.pageName, config.overlayWidth, config.overlayHeight);
	
	if(config.hbxCode)
		WR.hbx.hbPageView(config.hbxCode);

}

/**
 * openFeaturedStory overlay on the
 * UGC stories page
 */
function openFeaturedStory(){
	var config = {
		containerName : "videoOverlayContainter",
		pageName : "Featured Story",
		overlayHeight : 555,
		overlayWidth : 650,
		playerHeight : "510px",
		playerWidth : "640px",
		videoLocation : "/en_US/Media/video/women_riders/harley_women.flv",
		imageLocation : "/en_US/Media/video/women_riders/lift_bike_still.jpg",
		frontColor : "9E1B3D",
		lightColor : "ffffff",
		hbxCode : "/Experience/Women+Riders/Riding+Stories/Video+Play/CL+Shoot",
		id : "featuredStoryLink",
		nonFlashString : ", and to view our Featured Rider video"
	};		
	WR.util.videoLaunchOverlay(config);	
	
	if(config.hbxCode)
		WR.hbx.hbPageView(config.hbxCode);

}

/**
 * open WRM Video on WRM page
 * 
 */
function openWRMvideo(){
	var config = {
		containerName : "videoOverlayContainter",
		pageName : "Women Riders Month",
		overlayHeight : 385,
		overlayWidth : 630,
		playerHeight : "340px",
		playerWidth : "620px",
		videoLocation : "/en_US/Media/video/women_riders/wr_may_events.flv",
		imageLocation : "/en_US/Media/video/women_riders/lift_bike_still.jpg",
		frontColor : "9E1B3D",
		lightColor : "ffffff",
		hbxCode : "/Experience/Women+Riders/Events/Women+Riders+Month/Video+Play/NYC-MKE_Events",
		id : "WRMVideoLink",
		nonFlashString : ", and to view our Women Riders Month video"
	};		
	WR.util.videoLaunchOverlay(config);	
	
	if(config.hbxCode)
		WR.hbx.hbPageView(config.hbxCode);

}

/**
 * overlayImage opens overlay witn an image in it
 * Women Riders Month page
 * @param {String} image src string 
 * @param {String} alt text
 * @return
 */
function eventsOverlayImage(image, alt) {
	
	var config = {
		containerName : "photoGalleryOverlayContainter",
		pageName : "Women Riders Month Photo Gallery",
		overlayHeight : 452,
		overlayWidth : 680,
		hbxCode : "/Experience/Women+Riders/Events/Women+Riders+Month/Photo+View"
	};	
	
	//Create/Show overlay
	WR.util.showOverlay("<div id='" + config.containerName + "'><img src='"+image+"' alt='"+alt+"'/></div>", config.pageName, config.overlayWidth, config.overlayHeight);
	
	if(config.hbxCode)
		WR.hbx.hbPageView(config.hbxCode);

}


