iTelepolis

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>iTelepolis</title>
    <style>
	body{
	background: black;
	}

	</style>

  </head>
  <body>
   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
   <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
   <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
   <script>
   var TELEPOLIS = {
              adres_wiadomosci : "http://www.telepolis.pl/wiadomosci,2,1,0.html",
			  tablica_wiadomosci:[],
			  index_diva:0,
			  div_pozycja:0,
			  pierwsze_uruchomienie : true,
			  zaladujWiadomosci : function(){
			                                 var _TEL=this;

			                                  $.ajax({

                                                          url: _TEL["adres_wiadomosci"],
                                                          success: function( strona){
                                                               $( strona ).find( 'ul.wiadomosci_lista li:not(".wiadomosci_lista_div")' ).each(function(index) {
                                                                                                                                               var tytul = $(this).find("h2 a").text();
																																			   var link = $(this).find ("a:first").attr ("href");
																																			   var komentarze = $(this).find("p.time strong").text();
																																			   var szczegoly = $(this).find("p.time").contents().filter (function(){return (this.nodeType == 3);}).text();
																																			   var dlugosc = szczegoly.length;
																																			   var godzina = szczegoly.substring(dlugosc-7);
																																			   var data = szczegoly.substring(0,dlugosc-7);
																																			   var zajawka = $(this).find("p").eq(1).text();
																																			   _TEL.tablica_wiadomosci.push([link,tytul,godzina,data]);
																																			   var adres_obrazka = "http://www.telepolis.pl"+$(this).find("a:first img").attr("src");
																																				 var pozycja ='<div  style="display:none;background:grey;" id="'+index+'" ><img class="obrazek_newsa" style="float:left;margin:5px;border: 2px solid white;" src="'+adres_obrazka+'" /><h3 style="color:white;background:#33b5e5;">"'+tytul+'"</h3><br/><p>'+godzina+' / '+data +'</p><p style="clear:both;color:white;font-weight:bold;padding-left:3px;">'+zajawka+'<br/>(komentarze: '+komentarze+')</p><hr style="color:white;width:80%;"></div>';

                                                                                                                                               $("#blok-wiadomosci").append(pozycja);

																																			   $("div#"+index).on( "click" ,function() {_TEL.index_diva = $(this).attr("id");
																																			                                             _TEL.div_pozycja = $(this).position().top;

																																			                                                                                                         $("#blok-newsa").empty();
																																																													 $("#blok-tytulu").empty();
																																																													 _TEL.zaladujNewsa();
												                                                                                                                                            $('html, body').animate({scrollTop: 0},"slow", function(){
																                                                                                                                                                                                     $.mobile.changePage( $("#news"), { transition: "fade" });

																												                                                              	                                                              });
																																				                                            });


                                                                                                                                  });

                                                                  var licznik=0;
																	var stoper = window.setInterval (function (){ $("div#"+licznik).fadeIn(1500);
																													licznik +=1;
																													if (licznik == 15) {window.clearInterval (stoper);}
																													}, 500);


                                                         }
                });

			  },
			  zaladujNewsa : function(){
			                             var _TEL = this;
										 $("#blok-tytulu").append('<h3>'+_TEL.tablica_wiadomosci[_TEL.index_diva][1]+'</h3>');
										 var adres = _TEL.tablica_wiadomosci[_TEL.index_diva][0]+" div.main_tresc_news";
										 $("#blok-newsa").load (adres,function(){
										                                            $("script").remove();
										                                            $("#blok-newsa a").css({"text-decoration":"none","color":"white","background":"#33b5e5"}).click (function(){return false;});
										                                            $("#blok-newsa img").each (function(){
																				                                                 var ad = $(this).attr("src");
																																 var pop_ad = "http://www.telepolis.pl"+ad;
																																 $(this).attr({"src":pop_ad});																				                                                 });
										                                          });
										var adres = _TEL.tablica_wiadomosci[_TEL.index_diva][0]+" ul#comments";
										 $("#tresc-komentarzy").load (adres,function(){
										                                            $("script").remove();
										                                            $("#tresc-komentarzy a , #tresc-komentarzy div.box_oceny").remove();
																					$("#tresc-komentarzy li").css({"list-style-type":"none"});
										                                            $("#tresc-komentarzy .nr").css({"float":"left"});
																					$("#tresc-komentarzy ul").css({"margin-left":"-10%"});
																					$("#tresc-komentarzy li").each(function(){$(this).wrap('<div style="background:grey;padding-left:5px;"></div>');})
										                                          });
			                            }
			  ,
			  powiazObslugeZdarzen : function (){
			                                     var _TEL = this;
				                                  $("#blok-tytulu" ).
												                    on( "swiperight", function() {
			                                                                                     $.mobile.changePage( $("#wiadomosci"), { transition: "fade",reverse: "true" });
                                                                                                 var pozycja = _TEL.div_pozycja-40;
                                                                                                 $('html,body').animate({ scrollTop:pozycja},"slow", function (){
																			                                                                 $("h3","div#"+_TEL.index_diva).css({background:"darkgrey"});
																			                                                               });
                                                                                                   }).
																								       on ("swipeleft", function(){
																									                                 $.mobile.changePage( $("#komentarze"), { transition: "fade" });
																									                              }).
																																      on ("tap", function(){telepolis.podzielSieTelepolis(_TEL.tablica_wiadomosci[_TEL.index_diva][1],_TEL.tablica_wiadomosci[_TEL.index_diva][0]);});
													$("#naglowek-komentarzy").on ("swiperight", function(){
													                                                         $.mobile.changePage( $("#news"), { transition: "fade",reverse: "true" });
													                                                        }).on ("swipeleft", function(){
													                                                                                         $.mobile.changePage( $("#wiadomosci"), { transition: "fade"});
																																			 var pozycja = _TEL.div_pozycja-40;
                                                                                                                                             $('html,body').animate({ scrollTop:pozycja},"slow", function (){
																			                                                                                                                                  $("h3","div#"+_TEL.index_diva).css({background:"darkgrey"});
																			                                                                                                                                  });
																																			 });

						$("#wiadomosci").bind("pageshow", function(){
                                                                            var pozycja = _TEL.div_pozycja-40;
                                                                            $('html,body').animate({ scrollTop:pozycja},"slow", function (){
																			                                                                 $("h3","div#"+_TEL.index_diva).css({background:"darkgrey"});
																			                                                               });
																	});

   }
   };
   $(function(){
	         TELEPOLIS.zaladujWiadomosci();
             TELEPOLIS.powiazObslugeZdarzen();
    });
   </script>

   <div id="wiadomosci" data-role="page" data-theme="a">
    <div data-role="header" >
		                 <h1>Wiadomości</h1>
	                </div>
	   <div data-role="content" id="blok-wiadomosci">

	   </div>
    </div>

   <div id="news" data-role="page" data-theme="a">
   <div data-role="header" >
		                 <h1>News</h1>
	                </div>
    <div data-role="content">
	<div  id = "blok-tytulu"  style="color:white;background:#33b5e5;padding:5px;"></div>
	  <div id="blok-newsa"  style="color:white;background:grey;padding:5px;" ></div>
		 </div>
    </div>


	 <div id="komentarze" data-role="page" data-theme="a">
   <div data-role="header" >
		                 <h1>Komentarze</h1>
	                </div>
    <div data-role="content">
	<div id = "naglowek-komentarzy"  style="color:white;background:#33b5e5;padding:5px;"><h3 style="text-align:center;" >Ostatnie komentarze</h3></div>
	  <div id="tresc-komentarzy"  ></div>
		 </div>
    </div>


  </body>
</html>