Criado mashup com Panoramico

kobkob · Aug 30, 2010 · 5188367 · 5188367
1 parent c65a760
commit 5188367
Show file tree

Hide file tree

Showing 2 changed files with 87 additions and 1 deletion.
diff --git a/system/application/views/.welcome_message.php.swp b/system/application/views/.welcome_message.php.swp
diff --git a/system/application/views/welcome_message.php b/system/application/views/welcome_message.php
@@ -39,18 +39,65 @@
  padding: 12px 10px 12px 10px;
 }
 
+#tacumfome {
+  visibility: hidden;
+}
+#taqui {
+  visibility: hidden;
+}
+
+#tanobrasil {
+  position: absolute;
+  z-index: 99;
+  bottom:  0px;
+  width:   100%;
+  height:  130px;
+  background: #1a1a1a ;
+  color: #ffffff;
+  font: 90px  "Arial" , sans-serif;
+  text-align: center;        
+  filter:alpha(opacity=30); 
+  -moz-opacity:0.3;
+  opacity:0.3;
+  left: 0px
+}
+
+#bodyContainer{
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0px;
+  overflow: hidden;
+  /*border: 2px solid  #68a91c;*/
+  left: 0px
+}
+
+
 </style>
 
 <link type="text/css" href="css/custom-theme/jquery-ui-1.8.4.custom.css" rel="stylesheet" />    
 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 <script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
+<script type="text/javascript" src="http://www.panoramio.com/wapi/wapi.js?v=1&amp;hl=fr"></script>
+<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAeQvcoXjifuXSGje-QnnCdBQUYnmzp9KQ61b_SwfTbZ1X7ZRusxSKYFdRWVjhwCgcCdzFIcPA34L_6A" type="text/javascript"></script>
+
+<!-- Script tanobrasil.js -->
 <script type="text/javascript">
 $(function(){
    // Dialog                       
    $('#janela').dialog({
        autoOpen: false,
-       width: 600,
+       width: 400,
    });
+   var frW = pageWidth();
+   var frH = pageHeight();
+   $('#bodyFrame').attr('src', "http://www.panoramio.com/wapi/template/slideshow.html?width="+frW+"&amp;height="+frH+"&amp;tag=brasil");
+
+/*
+   $('#fotos').load("http://www.panoramio.com/wapi/template/slideshow.html?width=1024&amp;height=768&amp;tag=brasil");
+ */
+
 });
 ////////////////////////////////////////////////////////
 /** inicia o site TAnoBrasil.com/taonde
@@ -87,10 +134,45 @@ function fechaJanela(){
    $('#janela').dialog('close');
 }
 
+function pageWidth() {
+    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
+} 
+
+function pageHeight() {
+    return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
+} 
+
+function posLeft() {
+    return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
+} 
+
+function posTop() {return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
+} 
+
+function posRight() {
+    return posLeft()+pageWidth();
+} 
+
+function posBottom() {
+    return posTop()+pageHeight();
+}
+
+
+
 //////////////////////////////////////////////////////////
 </script>
+<!-- fim tanobrasil.js -->
+
 </head>
 <body onmousemove="abreJanela();">
+<div id='bodyContainer'>
+<center>
+<iframe id='bodyFrame'
+   src="http://www.panoramio.com/wapi/template/slideshow.html?width=1024&amp;height=768&amp;tag=brasil"
+   frameborder="0" width="100%" height="100%" scrolling="no" marginwidth="0" marginheight="0" align="center">
+</iframe>
+</center>
+</div>
 <div id='tanobrasil'>TAnoBrasil.com.br</div>
 <?php
 ?>
@@ -99,5 +181,9 @@ function fechaJanela(){
 </div>
 <div id='taqui'>Resultados</div>
 <div id='tacumfome'>Restaurantes</div>
+<div id='fotos'></div>
+<div id='mapa'></div>
+<!--
+-->
 </body>
 </html>