Customer Journey Snippets

Replace the following in the head of products.html
	<!-- Minified JavaScript -->
	<script src="js/libs/bootstrap.min.js"></script>
	<script src="js/libs/xmlToJSON.js"></script>
	<script src="js/libs/AvayaClientServices.min.js"></script>
	<script src="js/libs/AvayaDataStoreClient-1.4.min.js"></script>

	<script src="js/avayaGlobal.js"></script>
	<script src="js/dialcodes.js"></script>
	<script src="js/links.js"></script>
	<script src="js/contextStore.js"></script>

With the following:
    <!-- import AvayaClientServices and its dependencies -->
    <script src="js/libs/xmlToJSON.js"></script>
    <script src="js/libs/AvayaClientServices.min.js"></script>
    <script src="js/libs/AvayaDataStoreClient-3.2.2.0-SNAPSHOT.min.js"></script>
    <script src="js/libs/bootstrap.min.js"></script>

    <script src="js/avayaGlobal.js"></script>
    <script src="js/links.js"></script>
    <script src="js/customerJourneyCommon.js"></script>
    <script src="js/contextStore.js"></script>
    <script src="js/oceanaCoreData.js"></script>

    <!-- UI code is declared after bootstrap to fix jQuery conflicts -->
    <link rel="stylesheet" href="jquery-ui-1.11.4.custom/jquery-ui.min.css">
    <script src="jquery-ui-1.11.4.custom/jquery-ui.min.js"
        type="text/javascript"></script>
    <script src="js/contextStoreUI.js"></script>
	

Replace the following in the head of solutions.html:
	<!-- Minified JavaScript -->
	<script src="js/libs/bootstrap.min.js"></script>
	<script src="js/libs/xmlToJSON.js"></script>
	<script src="js/libs/AvayaClientServices.min.js"></script>
	<script src="js/libs/AvayaDataStoreClient-1.4.min.js"></script>

	<script src="js/avayaGlobal.js"></script>
	<script src="js/dialcodes.js"></script>
	<script src="js/links.js"></script>
	<script src="js/contextStore.js"></script>

With the following:
    <!-- import AvayaClientServices and its dependencies -->
    <script src="js/libs/xmlToJSON.js"></script>
    <script src="js/libs/AvayaClientServices.min.js"></script>
    <script src="js/libs/AvayaDataStoreClient-3.2.2.0-SNAPSHOT.min.js"></script>
    <script src="js/libs/bootstrap.min.js"></script>

    <script src="js/avayaGlobal.js"></script>
    <script src="js/links.js"></script>
    <script src="js/customerJourneyCommon.js"></script>
    <script src="js/contextStore.js"></script>
    <script src="js/oceanaCoreData.js"></script>

    <!-- UI code is declared after bootstrap to fix jQuery conflicts -->
    <link rel="stylesheet" href="jquery-ui-1.11.4.custom/jquery-ui.min.css">
    <script src="jquery-ui-1.11.4.custom/jquery-ui.min.js"
        type="text/javascript"></script>
    <script src="js/contextStoreUI.js"></script>
	
	
Replace the following in the head of services.html:
	<!-- Minified JavaScript -->
	<script src="js/libs/bootstrap.min.js"></script>
	<script src="js/libs/xmlToJSON.js"></script>
	<script src="js/libs/AvayaClientServices.min.js"></script>
	<script src="js/libs/AvayaDataStoreClient-1.4.min.js"></script>

	<script src="js/avayaGlobal.js"></script>
	<script src="js/dialcodes.js"></script>
	<script src="js/links.js"></script>
	<script src="js/contextStore.js"></script>

With the following:
	<!-- import AvayaClientServices and its dependencies -->
    <script src="js/libs/xmlToJSON.js"></script>
    <script src="js/libs/AvayaClientServices.min.js"></script>
    <script src="js/libs/AvayaDataStoreClient-3.2.2.0-SNAPSHOT.min.js"></script>
    <script src="js/libs/bootstrap.min.js"></script>

    <script src="js/avayaGlobal.js"></script>
    <script src="js/links.js"></script>
    <script src="js/customerJourneyCommon.js"></script>
    <script src="js/contextStore.js"></script>
    <script src="js/oceanaCoreData.js"></script>

    <!-- UI code is declared after bootstrap to fix jQuery conflicts -->
    <link rel="stylesheet" href="jquery-ui-1.11.4.custom/jquery-ui.min.css">
    <script src="jquery-ui-1.11.4.custom/jquery-ui.min.js"
        type="text/javascript"></script>
    <script src="js/contextStoreUI.js"></script>

	
Replace videoconferencing.html with that from FP2
	
Copy the following entries from css/style.css into your own stylesheet
	#contextConfigLink
	#subscribePanel
	#subscribePanel input
	#subscribePanel button
	#subscribeLink
	#subscribeInputDiv
	#contextDisplayDialog
	.blurb
	.blurb li
	.moreDetails
	
Copy the HTML elements with the following IDs from videoconferencing.html into pages where you wish to start the customer journey
	contextConfigLink
	subscribeLink
	subscribePanel
	
Copy the following script from videoconferencing.html into pages where you wish to start the customer journey
	<!-- This loads the customer ID. If it isn't defined already, then ask them to subscribe -->
    <script type="text/javascript">
        customerJourneyCommon.setup();
        if (customerJourneyCommon.customerId === 'DefaultCustomerId'){
            contextStoreUI.createSubscribeDialog();    
        }
    </script>
	
To add a routing attribute on e.g. products.html, call "oceanaCoreData.addAttribute('Language.English');" instead of "contextStore.addAttribute('Language.English');"