adding fullscreen support to the mediaplayer

chrome/browser/resources/mediaplayer.html

Index: chrome/browser/resources/mediaplayer.html
===================================================================
--- chrome/browser/resources/mediaplayer.html	(revision 41726)
+++ chrome/browser/resources/mediaplayer.html	(working copy)
@@ -8,7 +8,7 @@
   -webkit-appearance: slider-horizontal;
   position: absolute;
   left: 93px;
-  right:90px;
+  right:120px;
   bottom:-2px;
   height: 30px;
 }
@@ -22,7 +22,7 @@
   -webkit-appearance: slider-horizontal;
   position: absolute;
   left: 93px;
-  right:90px;
+  right:120px;
   bottom:-2px;
   height: 30px;
 }
@@ -100,6 +100,7 @@
   height: 80px;
   width: 30px;
   right: 30px;
+  z-index: 99999;
   background: black;
   background: -webkit-gradient(linear,
                                left top,
@@ -114,6 +115,7 @@
   height: 80px;
   width: 30px;
   right: 30px;
+  z-index: 99999;
   background: black;
   background: -webkit-gradient(linear,
                                left top,
@@ -122,6 +124,32 @@
                                to(#070707));
 }
 
+.audio.fullscreen {
+  position:absolute;
+  right: 60px;
+  cursor: pointer;
+  bottom:0;
+  z-index: 9999;
+  width: 30px;
+  background: url('../../app/theme/mediaplayer_full_screen.png');
+  background-repeat: no-repeat;
+  background-position: 4px 4px;
+  height: 30px;
+}
+
+.video.fullscreen {
+  position:absolute;
+  right: 60px;
+  cursor: pointer;
+  bottom:0;
+  z-index: 9999;
+  width: 30px;
+  background: url('../../app/theme/mediaplayer_full_screen.png');
+  background-repeat: no-repeat;
+  background-position: 4px 4px;
+  height: 30px;
+}
+
 .volumeslider {
   -webkit-appearance: slider-vertical;
   position: absolute;
@@ -191,7 +219,7 @@
 }
 
 .duration {
-  right: 58px;
+  right: 88px;
   color: white;
   position: absolute;
   top: 7px;
@@ -467,6 +495,12 @@
   soundbutton.onclick = toggleVolumeVisible;
   element.appendChild(soundbutton);
 
+  var fullscreen = document.createElement('div');
+  fullscreen.id = 'fullscreen';
+  fullscreen.className = controlsclass + ' fullscreen';
+  fullscreen.onclick = toggleFullscreen;
+  element.appendChild(fullscreen);
+
   var volume = document.createElement('div');
   volume.id = 'volume';
   volume.className = controlsclass + ' volume';
@@ -509,7 +543,7 @@
 };
 
 function toggleFullscreen() {
-
+  chrome.send('toggleFullscreen', ['']);
 };
 
 function onMetadataAvail() {