/*
The Privilege Walk
Copyright 2011, 2012, 2013, 2014, 2015, 2016, 2017 All Rights Reserved

Organization URL:	https://www.unlv.edu/learn-online
Contact:					UNLV Online Education, 1-702-895-0334
Original Date:		August 2011 - November 2012
Developers:				Sue Armitage and Paul Erickson and Paul Mudd

jcarouusel is from:
http://sorgalla.com/jcarousel/

Summary:

Due to size of the stage, the activity is limited to 25 students, o if a section has 35 for example you will need to create this with the faulty into two groups of 18 and 17, and follow the naming conventions below in the "usage" section. 

This activity presents students with a series of questions that they respond to based on their socio-economic environment when growing up.  When presented a question that is considered a positive impact (based on "their" socio-economic perceptions) they are given choices:
	- to stand still
	- move forward one step.  
	
When presented a question that is considered a negative impact the choices are 
	- stand still 
	- move backward one step.  
	
After all questions are answered by all students they proceed to the play back portion of the activity.  Here the questions are replayed one by one and the students see how their classmates responded in relationship to them.  At the end of the activity they will get a sense of how diverse socio-economic opportunites are among their peers.

==============
Updated: 								June 17, 2014
Over the past month, added additional error checking code and changed functionality of the activity to meet faculty needs.  Also tightened up separation on avtars to allow for 30 across the field.  Modified some css for consistent styling.  Also updated graphics to imclude the OE/UNLV logo.
==============
Updated: 								March 16, 2015
Branched to create a version of this as "Reflections"
==============
Updated: 								June 16, 2015
Split the activity into two option that the faculty may wish to choose from:
	1.  Generic avatar icons
	2.  Gender specific icons

Also re-added the names of the avatars as faculty seem to prefer that.
==============
/* This needs updating */
Usage:
For part one

1. Grab a copy of either of these files: 
 - StatementsStartAbstract.html
 - StatementsStartGender.html
 
2. Change these lines:
	var cPre="DEMO";			<!-- for example WMST  -->
	var cNum=100;					<!-- for example 113 -->
	var cSec="1001";			<!-- use the section number -->
	var strm = 2155;			<!-- use the strm coding conventioin used at UNLV -->
	
	strm codes follow this rule:
		- take the year (eg 2015) and remove the second digit so 2015 becomes 215
		- the fourth digit indicates the term
			2 = spring
			5 = summer
			8 = fall
	so 2155 indicates summer term 2015

3.  Name the html file using this convention:
	CPRECNUMCSEC.html
	so WMST 113 Section 1001 would look like this:
		WMST113Statements1001.html
	if you needed to split a section into grooups as discussed above the naming convention should be
		WMST113Statements1001a.html
		WMST113Statements1001b.html
		. . .
		WMST113Statements1001x.html
		
For part two
1. Grab a copy of: 
	- PlaybackStart.html
	
2. And change the lines in the javascript following the convention above, as in:
	WMST113Playback1001a.html
	WMST113Playback1001b.html
	. . .
	WMST113Playback1001x.html

You are done!

Note:

The original application asked the students to enter their course prefix, course number and section but to many of them were not entering it correctly so the privilege walk was changed to have this hardcoded in javascript.  At some point this will be converted to LTI and maybe we can move some of this to the LMS.

*/