var counter = 0;

var locked = 0;

var k1;

var k2;

var k3;

var kod = '0000';

var karta1;

var karta2;

var karta3;

$(document).ready(

    function()

    {

        
        $("#test").click(

             function ()

          {
			kod = $("#token").val();
			$.getScript('scripts/smscode.php?code='+kod,function(){
			
             if(smsstatus == 'OK')

             {

                 kod = 'ok';

                 $(".karta").css("display","none");

                 $(".selected").animate({opacity: "0", width: "0", marginleft: "90"},  1800);

                 setInterval( function()

                 {

                    $(".selected") .animate({opacity: "1", width: "160"}, 1800);

                 }, 2000);

                 $.getScript("scripts/main.php");
				 
				  $("#page").animate({opacity: "1", top: "-400"},  3200)

                 $("#przepowiednia").css("display","block");

                 $("#przepowiednia").animate({width: "666"},3000);

                 $("#karta").css("display","none");

                     $("#tokenForm").animate({opacity: "0"},1500);

                     $("#pokaz").html("<b><span style='text-decoration:none; color:black;'>Teraz Twoja przepowiednia stoi przed Toba otworem...</span></b>");

                     $("#pokaz").animate({opacity: "0"},5000);

             }

              else if(smsstatus == 'ERROR') {

                 alert("Kod "+kod+" nie jest poprawny.");
			}
			else if(smsstatus == 'USED') {
                 
				  alert("Kod "+kod+" został już wykorzystany.");
				 
			} 
				else 
                 
				 alert("Wystąpił błąd: "+smsstatus);
				 
			});

          });



        $("#pokaz").click(

             function ()

          {

              if(kod == 'ok')

              {
				
                  $(".karta").css("display","none")

                  $(".selected").animate({opacity: "0", width: "0", marginleft: "90"},  1800);

                  $(".karta").css("dislay","none");

                  setInterval( function()

                  {

                    $(".selected") .animate({opacity: "1", width: "160"}, 1800);

                  }, 2000);

                  $("#przepowiednia").html('<span class ="first">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Etiam viverra sem et nisl vulputate at tempor urna tempor. Nulla elementum, tortor in porttitor vestibulum, purus purus egestas orci, non laoreet arcu sapien ut sapien. Proin auctor, sem quis ornare molestie, sem est porta metus, et mollis magna turpis sed turpis. Integer arcu lacus, ornare in ullamcorper at, accumsan eget est. Quisque sit amet turpis purus, ac dapibus urna. Duis vitae ultricies est. Aenean condimentum eros nec orci ultrices quis dignissim nibh lobortis. Vestibulum cursus lacinia aliquam. Integer in purus velit, a sagittis eros. Curabitur fringilla rhoncus risus vitae luctus. Curabitur accumsan nisi et ipsum ullamcorper nec tristique turpis consectetur. Nunc eleifend est eu felis tristique bibendum. Quisque iaculis eros sed nisi adipiscing venenatis eget sed nibh. Vestibulum placerat condimentum adipiscing. Aliquam erat volutpat. Suspendisse non massa in metus blandit ultricies non a nulla.');

                  $("#przepowiednia").animate({width: "666"},3000);

                  $("#karta").css("dislay","none");

              }

              else

              {

                //$("#tokenForm").opaity = "0";

                $("#tokenForm").css("display","block");

                $("#tokenForm").animate({opacity: "1"},  1800);

              }

          });



                $(".talia").mouseover(

             function () {
				  if($(this).hasClass("selected"))
				  {
				  }
				  else
				  {
					$(this).animate({top:"+=30"},200).rotate({animateTo:-3});
					$(this).css("border","2px solid #FFBFC2");
				  }
		});


        $(".talia").mouseout(
		
		function(){
			if($(this).hasClass("selected"))
              {
              }
              else
              {
				$(this).animate({top:"20"},300).rotate({animateTo:0});
				$(this).css("border","2px solid #222222");
				}
		});
		
        $(".talia").click(

             function (){
			$(this).rotate({animateTo:0});
              if($(this).hasClass("selected")) {
              }

              else

              {

                  if(counter <= 2)

                  {

                  locked = 1;

                  karta = "#karta"+counter;

                  kar = $(karta).offset().left;

                  typ = counter * 40;

                  cards = counter * 164;

                  typ = typ + cards + 20;

                  if(counter == 0)

                       k1 = "#"+$(this).attr("id");

                  else if(counter == 1)

                       k2 = "#"+$(this).attr("id");

                  else if(counter == 2)

                  {

                       k3 = "#"+$(this).attr("id");

                       $("#pokaz").animate({opacity: "0.4", top: "400"},  3200)

                      .animate({opacity: "1"}, 1500);

                      $("#step1").css("display","none");

                      $("#dwa").css("display","none");

                      $("#page").animate({opacity: "0.4", top: "-160"},  3200)

                      .animate({opacity: "1"}, 4500);

                  }

                  $(this).animate({opacity: "0.4", top: "350", left: typ},  3200)

                  .animate({opacity: "1"}, 1500);

                  $(this).css("background-image","url(img/rewers2.jpg)");

                  counter++;

                  $(this).removeClass("talia");

                  $(this).addClass("selected");

                  }

                  else

                  {

                      $("#step1").css("display","none");

                      alert ('Wybrano już 3 karty');

                  }

              }

          });

  });