$(document).ready(function() {
   $('#result').hide();

   /*$('#copyclipboard').click(function () {
      clip.setText( $('#shorturllinkpreview').text() );
      return false;
   });*/

   $('#generate').click(function () {
      $.post(  
         '/api/generateurl',
         {url: $('#url').val()},  
         function( response ) {

            if ( response.result ) { 

               $('#shorturllength').text( response.shorturllength );
               $('#longurllength').text( response.longurllength );
               $('#shorturllinkpreview').text( response.shorturl );
               $('#shorturllink').attr( 'href', response.shorturl );

               $('#result').show();

            } else {

               alert( 'Something went wrong' );

            }  

         },  
         'json'  
      );
   });

});

getUrlParameters = function() {

   var parameters = []
   var part;

   var parts = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

   for(var i = 0; i < parts.length; i++) {
      part = parts[i].split('=');
      parameters.push(part[0]);
      parameters[part[0]] = part[1];
   }

   return parameters;

}

getUrlParameter = function( name ) {

   return getUrlParameters()[name];

}

create = function() {

   $.post(
      '/api/generateurl',
      {url: getUrlParameter('url') },
      function( response ) {

         if ( response.result ) {

            $('#shorturllength').text( response.shorturllength );
            $('#longurllength').text( response.longurllength );
            $('#shorturllinkpreview').text( response.shorturl );
            $('#shorturllink').attr( 'href', response.shorturl );

            $('#result').show();

         } else {

            alert( 'Something went wrong' );

         }

      },
      'json'
   );

}