<span id="FullScreenID" onclick="toggleFullScreen();" style="cursor:pointer;font-size:1.7em;padding-right:10px;color:#B9B9B9;"><i class="xi-expand-square"></i></span>

<script>

function toggleFullScreen() {

var doc = window.document;

var docEl = doc.documentElement;

var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;

var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;

if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {

requestFullScreen.call(docEl);

$("#FullScreenID").children('i').removeClass('xi-expand-square');

$("#FullScreenID").children('i').addClass('xi-compress-square');

} else {

cancelFullScreen.call(doc);

$("#FullScreenID").children('i').removeClass('xi-compress-square');

$("#FullScreenID").children('i').addClass('xi-expand-square');

}

}

</script>