Garfeild · July 28, 2012 18:59
diff --git a/gistfile1.html b/gistfile1.html
 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 <head>
  	<title>Business Strategy - Change management</title>
  	<meta name="description" content="" />
  	<meta name="keywords" content="" />
 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />	

  	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css"/>
 	 
 	<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
 	<script src="js/slide.js" type="text/javascript"></script>
    <script src="js/popup.js" type="text/javascript"></script>
   
   	<script type="text/javascript">
 		function loadCartItems(){   		
 			$.ajax({
 				type: "GET",
 				url: "cart_items.xml",
 				dataType: "xml",
 				success: function(xml) {
 					//reset array if loaded again
 					contentIdList = new Array();
 					contentURLList = new Array();
 					contentIdList_counter = 0;
 					$(xml).find('site').each(function(){
 						
 						//add node value to an array
 						contentIdNode = ['' + $(this).attr('id'), '' + $(this).find('title').text(), '' + $(this).find('mediatype').text()];
 						//add new array to array parent
 						contentIdList[contentIdList_counter] = contentIdNode;
 						//increment counter
 						// contentIdList_counter = contentIdList_counter + 1;
 						var id = $(this).attr('id');
 						var title = $(this).find('title').text();
 						var url = $(this).find('url').text();
 						var mediatype = $(this).find('mediatype').text();

 						contentURLList[contentIdList_counter] = url;

 						contentIdList_counter = contentIdList_counter + 1;

 						$('<li class="item"></li>').html('<a class="view" id="link_'+id+'" href="../'+url+'">'+'<img src="images/'+mediatype+'_icon.png"/>'+title+'</a>').appendTo('#xml');
 						$('<a href="#" class="cartLink" id="cart_'+id+'">').html('<img id="icon_'+id+'" src="images/cart_icon.png"/></a>').appendTo('#xml');
 						
 						$('#link_'+id).click(function() {
 							//alert('View: '+id);
 						});
 						//cart icon clicked
 						$('#cart_'+id).click(function() {
 							img_src = '' + $("#icon_" + id).attr("src");	
 							triggerAddItemToCart(url);

 							//if on or off
 							if (img_src.indexOf("cart_icon_on") != -1){	
 								//change img src
 								turnCartIconOff(id);
 								// $("a.cartLink").attr( "href", "../remove."+url);
 								
 							} else {								
 								//change img src
 								turnCartIconOn(id);
 								//send PDF to cart
 								// $("a.cartLink").attr( "href", "../add."+url);
 							}
 						});
 					});
 				}
 			});	
 		}
 		
 		function resetCartItems(){  	
 			$(document).find('#xml').empty();
 			loadCartItems();
 		}
 	
 		$(document).ready(loadCartItems());
 	</script>
        
 	<script type="text/javascript">
 	
 		//array full of possible variables
 		var contentIdList;
 		var contentURLList;
 		//array counter
 		var contentIdList_counter;
 		// Takes a list of items separated by string, and loops through each to set them on or off in cart
 		function initializeCartItemsFromString(commadelimitedItems){	
 			var itemsArray = commadelimitedItems.split(","); // separate string into array
 			// loop through items
 			for (k=0; k<itemsArray.length; k++){
 				// Call function to set image on
 				addItemToCartWithName(itemsArray[k]);
 			}
 			return 'OK';
 		}
 		function resetSelectedCartItems(){	
 			var itemsArray = commadelimitedItems.split(","); // separate string into array
 			// loop through items
 			for (k=0; k<itemsArray.length; k++){
 				// Call function to set image on
 				addItemToCartWithName(itemsArray[k]);
 			}
 		}
 		
 		function addItemToCartWithName(id){
 			//match found boolean
 			var id_match = false;
 			var idx = -1;
 			//loop through parent array
 			for (var i = 0; i < contentURLList.length; i++)
 			 {
 				if (contentURLList[i] == id) 
 				{
 					//postive
 					turnCartIconOn(contentIdList[i]);
 				}
 			}			
 		}
 		
 		function isContentIdInList(id, list){	
 		}
 		
 		function triggerAddItemToCart(name){
 			// TO DO: trigger link press for app to intercep
 			var iframe = document.createElement("IFRAME");
 			iframe.setAttribute("src", "ipresent:addItemToCartWithName:"+name);
 			document.documentElement.appendChild(iframe);
 			iframe.parentNode.removeChild(iframe);
 			iframe = null;	
 		}
 		
 		//change img src by id
 		function turnCartIconOn(id){
 			$("#icon_" + id).attr({ src: "images/cart_icon_on.png"});
 		}
 		function turnCartIconOff(id){
 			$("#icon_" + id).attr({ src: "images/cart_icon.png"});
 		}		
 	</script>
    
 </head>

 <body>

 <div id="pageContent">


    <div class="documents">
    	<div style="margin: 20px 0 0 0;"><img src="images/topbar.png" width="360px"/></div>
        <h2>Resources</h2>
        <ul id="xml">
        <!--Generated Dynamically from XML>-->    
        </ul>
    </div>  
    
    
    <div id="panel">
        <div id="coverIMG"><img src="images/i_s2.png"/></div>
        <div class="tab">
            <div id="toggle">
                <a id="open" style="display: none;" class="open" href="#"><img src="images/resources_cover_icon_open.png"/></a>
                <a id="close" class="close" href="#"><img src="images/resources_cover_icon_close.png"/></a>			
            </div>
        </div>
    </div>
    
    <div class="mainArea">
        <h2>Improving service from your<br/>business technology</h2>
        <h1>Change management</h1>
        <p>Deploying new technologies requires staff to learn new ways of working and accept that innovation will improve patient care. 
        	However, people like doing things the “old” way and often resist using new systems. Change management is needed to ensure success.
 		</p>
        
        <h4>We can help you:</h4>
        <ul>
            <li>Support your change team through the <strong>pre-planning, program management, and implementation</strong> of new, technology-based solutions</li>
            <li>Assess the need for change</li>
            <li>Increase user adoption, ROI, and improved service delivery</li>
        </ul>
        
        <div class="popup">
            <div class="button" style="position:absolute; right:0; top:650px;"><img src="images/i.png"/></div>
            
            <div class="popupContent">
                <a class="popupClose"><img src="images/x.png"/></a>
                <h1>Sales Notes</h1>
                <p>Deploying new technologies requires that your staff must learn new ways of working and needs to understand and accept 
                    that innovation will improve patient care.  However, change doesn’t come easy. People like doing things the “old” way and 
                    often resist using new systems. Change management is needed to ensure success.  Philips Healthcare Consulting can help you 
                    develop a thorough change management and communications strategy to help your staff understand the need for change and 
                    adopt new technology solutions.  We can work with your team through the deployment of new technology-based solutions 
                    from pre-planning, to program management, and implementation.  We can support your change team and staff every step of 
                    the way for increased user adoption, ROI, and improved service delivery. 
 				</p>
            </div>
            <div class="backgroundPopup"></div>
        </div>
        
    </div>
    
 </div>    
    




 </body>
 </html>
	<!DOCTYPE html>

	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>
	<title>Business Strategy - Change management</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css"/>

	<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
	<script src="js/slide.js" type="text/javascript"></script>
	<script src="js/popup.js" type="text/javascript"></script>

	<script type="text/javascript">
	function loadCartItems(){
	$.ajax({
	type: "GET",
	url: "cart_items.xml",
	dataType: "xml",
	success: function(xml) {
	//reset array if loaded again
	contentIdList = new Array();
	contentURLList = new Array();
	contentIdList_counter = 0;
	$(xml).find('site').each(function(){

	//add node value to an array
	contentIdNode = ['' + $(this).attr('id'), '' + $(this).find('title').text(), '' + $(this).find('mediatype').text()];
	//add new array to array parent
	contentIdList[contentIdList_counter] = contentIdNode;
	//increment counter
	// contentIdList_counter = contentIdList_counter + 1;
	var id = $(this).attr('id');
	var title = $(this).find('title').text();
	var url = $(this).find('url').text();
	var mediatype = $(this).find('mediatype').text();

	contentURLList[contentIdList_counter] = url;

	contentIdList_counter = contentIdList_counter + 1;

	$('<li class="item"></li>').html('<a class="view" id="link_'+id+'" href="../'+url+'">'+'<img src="images/'+mediatype+'_icon.png"/>'+title+'</a>').appendTo('#xml');
	$('<a href="#" class="cartLink" id="cart_'+id+'">').html('<img id="icon_'+id+'" src="images/cart_icon.png"/></a>').appendTo('#xml');

	$('#link_'+id).click(function() {
	//alert('View: '+id);
	});
	//cart icon clicked
	$('#cart_'+id).click(function() {
	img_src = '' + $("#icon_" + id).attr("src");
	triggerAddItemToCart(url);

	//if on or off
	if (img_src.indexOf("cart_icon_on") != -1){
	//change img src
	turnCartIconOff(id);
	// $("a.cartLink").attr( "href", "../remove."+url);

	} else {
	//change img src
	turnCartIconOn(id);
	//send PDF to cart
	// $("a.cartLink").attr( "href", "../add."+url);
	}
	});
	});
	}
	});
	}

	function resetCartItems(){
	$(document).find('#xml').empty();
	loadCartItems();
	}

	$(document).ready(loadCartItems());
	</script>

	<script type="text/javascript">

	//array full of possible variables
	var contentIdList;
	var contentURLList;
	//array counter
	var contentIdList_counter;
	// Takes a list of items separated by string, and loops through each to set them on or off in cart
	function initializeCartItemsFromString(commadelimitedItems){
	var itemsArray = commadelimitedItems.split(","); // separate string into array
	// loop through items
	for (k=0; k<itemsArray.length; k++){
	// Call function to set image on
	addItemToCartWithName(itemsArray[k]);
	}
	return 'OK';
	}
	function resetSelectedCartItems(){
	var itemsArray = commadelimitedItems.split(","); // separate string into array
	// loop through items
	for (k=0; k<itemsArray.length; k++){
	// Call function to set image on
	addItemToCartWithName(itemsArray[k]);
	}
	}

	function addItemToCartWithName(id){
	//match found boolean
	var id_match = false;
	var idx = -1;
	//loop through parent array
	for (var i = 0; i < contentURLList.length; i++)
	{
	if (contentURLList[i] == id)
	{
	//postive
	turnCartIconOn(contentIdList[i]);
	}
	}
	}

	function isContentIdInList(id, list){
	}

	function triggerAddItemToCart(name){
	// TO DO: trigger link press for app to intercep
	var iframe = document.createElement("IFRAME");
	iframe.setAttribute("src", "ipresent:addItemToCartWithName:"+name);
	document.documentElement.appendChild(iframe);
	iframe.parentNode.removeChild(iframe);
	iframe = null;
	}

	//change img src by id
	function turnCartIconOn(id){
	$("#icon_" + id).attr({ src: "images/cart_icon_on.png"});
	}
	function turnCartIconOff(id){
	$("#icon_" + id).attr({ src: "images/cart_icon.png"});
	}
	</script>

	</head>

	<body>

	<div id="pageContent">


	<div class="documents">
	<div style="margin: 20px 0 0 0;"><img src="images/topbar.png" width="360px"/></div>
	<h2>Resources</h2>
	<ul id="xml">
	<!--Generated Dynamically from XML>-->
	</ul>
	</div>


	<div id="panel">
	<div id="coverIMG"><img src="images/i_s2.png"/></div>
	<div class="tab">
	<div id="toggle">
	<a id="open" style="display: none;" class="open" href="#"><img src="images/resources_cover_icon_open.png"/></a>
	<a id="close" class="close" href="#"><img src="images/resources_cover_icon_close.png"/></a>
	</div>
	</div>
	</div>

	<div class="mainArea">
	<h2>Improving service from your<br/>business technology</h2>
	<h1>Change management</h1>
	<p>Deploying new technologies requires staff to learn new ways of working and accept that innovation will improve patient care.
	However, people like doing things the “old” way and often resist using new systems. Change management is needed to ensure success.
	</p>

	<h4>We can help you:</h4>
	<ul>
	<li>Support your change team through the <strong>pre-planning, program management, and implementation</strong> of new, technology-based solutions</li>
	<li>Assess the need for change</li>
	<li>Increase user adoption, ROI, and improved service delivery</li>
	</ul>

	<div class="popup">
	<div class="button" style="position:absolute; right:0; top:650px;"><img src="images/i.png"/></div>

	<div class="popupContent">
	<a class="popupClose"><img src="images/x.png"/></a>
	<h1>Sales Notes</h1>
	<p>Deploying new technologies requires that your staff must learn new ways of working and needs to understand and accept
	that innovation will improve patient care. However, change doesn’t come easy. People like doing things the “old” way and
	often resist using new systems. Change management is needed to ensure success. Philips Healthcare Consulting can help you
	develop a thorough change management and communications strategy to help your staff understand the need for change and
	adopt new technology solutions. We can work with your team through the deployment of new technology-based solutions
	from pre-planning, to program management, and implementation. We can support your change team and staff every step of
	the way for increased user adoption, ROI, and improved service delivery.
	</p>
	</div>
	<div class="backgroundPopup"></div>
	</div>

	</div>

	</div>





	</body>
	</html>