** Instructions and code includes**

Set browser to presentation mode.
Refresh the page.
Hit "View Presentation" button below to load slides. 
Use arrow keys to change slides. 
Esc to exit.

<style type="text/css">
/* Custom styles for Launch Mtg Presentation */  
  
@CHARSET "UTF-8";  
  
body #Presentation, #Presentation p, #Presentation td, #Presentation table, #Presentation tr, #Presentation .bodytext, #Presentation .stepfield {  
    color: #FFF;  
    background: #000;  
    font-style: normal;  
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;  
    font-weight: 300;  
}  
  
#Presentation.aui-dialog h1 {  
    background: #000 none repeat scroll 0 0;  
    color: #FFF;  
    font-family: "HelveticaNeue", "Helvetica Neue", sans-serif;  
    font-size: 1.5em;  
    font-weight: bold;  
    overflow: hidden;  
    padding: 0;  
    margin:-.3em 0;  
    text-align: left;  
}  
#Presentation.aui-dialog h2 {
    background: #000 none repeat scroll 0 0;  
    color: #FFF;  
    font-family: "HelveticaNeue", "Helvetica Neue", sans-serif;  
    font-size: 1.2em;  
    font-weight: bold;  
    overflow: hidden;  
    padding: 0;  
    margin:-.3em 0;  
    text-align: left;  
}
  
#Presentation p {  
    font-size: .7em;  
    color: #FFF;  
}  
  
#Presentation.aui-dialog {  
    border:none;  
    -webkit-border-radius: none;  
    border-radius: none;  
}  
  
#Presentation.aui-dialog .dialog-panel-body {  
    background: #000;
    padding: 15px;
}  
  
#Presentation.aui-dialog h2 {  
        background:#F0F0F0 none repeat scroll 0 0;  
        color:#666;  
        margin:0;  
        overflow:hidden;  
        position:relative;  
        text-align:center;  
}  
  
#Presentation.aui-dialog h3 {  
    background:#F0F0F0 none repeat scroll 0 0;  
    color:#666;  
    height:1.1em;  
    margin:0;  
    overflow:hidden;  
    padding:0 1em;  
    position:relative;  
    text-align:center;  
    margin-bottom: 0.1em;  
}  
  
#Presentation.aui-dialog .issues-subheading {  
    display:none;  
/* 
    background:#F0F0F0 none repeat scroll 0 0; 
    color:#666; 
    font-size:1em; 
    height:1.1em; 
    line-height:1.2em; 
    margin:0; 
    overflow:hidden; 
    padding:0 1em; 
    position:relative; 
    text-align:center; 
    margin-bottom: 0.1em; 
*/  
}  
#Presentation .flexigrid {  
    font-size:0.8em;  
}  
  
#Presentation .image-left {  
    float: left;  
    margin: 0 10px 10px 0;  
}  
  
#Presentation .image-center {  
    margin-left: auto;  
    margin-right: auto;  
    display: block;  
}  
  
#Presentation .image-right {  
    float: right;  
    margin: 0 0 10px 10px;  
}  
  
#Presentation .aui {  
    /*height:1em;*/  
    font-size: 0.8em;  
}  

#Presentation .end {
    color:#FFF;
    display: block;
    text-align: center;
    padding: 20% 0 0 0;
}


#Presentation a {  
    color:#63B3FF;  
}  
#Presentation .aui>tbody>tr>th,
#Presentation .aui>tbody>tr>td {   
    word-wrap: break-word;  
    width: 100px;
    max-width: 600px;
    background: #000 none repeat scroll 0 0;  
    color: #FFF; 
    font-size: 0.98em;
    line-height: 1.1;
}
#Presentation .aui>tbody>tr {  
    border-bottom: none;  
    border-top: 1px solid #333;  
}
#Presentation .aui>tbody>tr>td>img {  
    display:none;
}

/*
#Presentation .aui>tbody>tr>th:nth-child(3),
#Presentation .aui>tbody>tr>td:nth-child(3) {
    width: 10%;
    max-width: 80px;
}
#Presentation .aui>tbody>tr>th:nth-child(4),
#Presentation .aui>tbody>tr>td:nth-child(4) {
    display:none;
}


*/
.resolved-done {
    color: white !important;
    background-color: green !important;
}
.resolved-dropped {
    color: white !important;
    background-color: red !important;
}

#viewPresentationLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
        margin: 0 0 20px 0;
	background: -moz-linear-gradient(
		top,
		#61b6e7 0%,
		#0ca0e0);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#61b6e7),
		to(#0ca0e0));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #3d486b;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
#presentationHeader {
        background-color: white !important;
        margin: 40px 0;
}
</style>

<script>

var formatJiraTable = function(){

    var lastKR = "";
    
    $("#Presentation .aui>tbody>tr").each(function( index ) { 
        $(this).find("th").eq(0).before('<th style="width:1%"></th>');      // add column for line#s
        $(this).find("td").eq(0).before('<td style="width:1%"></td>');
        $(this).find("td").eq(3).css({"width":"10%","max-width":"80px"});   // resize status column 
        $(this).find("th").eq(4).css({"display":"none"});                   // remove resolution column
        $(this).find("td").eq(4).css({"display":"none"}); 
    });
    
    $("#Presentation .aui>tbody>tr").slice(2).each(function( index ) {      // top 2 rows are table headers (1 hidden)
            var thisKR = $(this).find("td").eq(2).text().trim();

            if ((thisKR != "") && (thisKR == lastKR)) {
                $(this).find("td").eq(2).html("&nbsp &nbsp ''");
            }
            else {
                lastKR = thisKR;
            }
        
            // Brittle: depends on columns 4 & 5 being status & resolution state (after adding line# column)
            var status = $(this).find("td").eq(3).text().trim();
            var resolution = $(this).find("td").eq(4).text().trim();
            var statusClass = "";
            if ((status == "Resolved") && ((resolution == "Cancelled") || (resolution == "Duplicate"))) {
                statusClass = "resolved-dropped";
                $(this).find("td").eq(3).text("Cancelled");
            }
            else if (( status == "Resolved" ) || (status == "Shippable")) {
                statusClass = "resolved-done";
            }
            $(this).find("td").eq(0).text(index+1);
            $(this).find("td").eq(3).addClass(statusClass);
    });
}
// TODO: this is fugly. need better way to know when slide has changed. 
// Could fork the presentation plugin to call formatJiraStatus directly on slide change if we really cared.
setInterval(function(){
    if( $("#Presentation table.aui").length && !$("#Presentation table.aui").hasClass("jira-formatted") ) {
        $("#Presentation table.aui").addClass("jira-formatted");        
        formatJiraTable();
    }
}, 10);


</script>