var i18 = {
  'en': {
      'answer': 'Answer'
  },
  'bg': {
      'answer': 'Отговор',
      'remove': 'Изтрии'
  },
  'de': {
      'answer': 'Antwort'
  },
  'es': {
      'answer': 'Respuesta'
  },
  'pl': {
      'answer': 'Odpowiedź'
  },
  'ro': {
      'answer': 'Răspuns'
  },
  'ru': {
      'answer': 'Ответ',
      'remove': 'Сотри'
  }
};

$(document).ready(function(){
  
  var locationParts = document.location.toString().split('/');
//   console.log( locationParts );
  
  
  $('#toggle-login-forms').click(function(){
      $('form#login-form').toggle();
      $('#resetpassword_form').toggle();
       
      return false;
  })

  $('a.remove_option').unbind('click').bind('click', remoteOptionRow);

  $('tr.option_row').each(function(i){
      var rel = $(this).attr('rel');
      attachOptionEvents(rel);
  })

  $('.add_option_row').click(function(){
      var tr = $(this).parents('.toolbar-row:first');
      if( $('tr.option_row').length >= 14 ) return;
      var length = $('tr.option_row').length + 1;
      
      var key = 10000000 - length;
      tr.before(''+
		'<tr class="option_row" rel="'+key+'">'+
	    '        <td bgcolor="#F2FFFF">'+i18[locationParts[3]].answer+'</td>'+
	    '        <td bgcolor="#F2FFFF"><input name="option[]" type="text" style="width: 250px;"/> <a href="#" class="remove_option">'+( i18[locationParts[3]].remove ? i18[locationParts[3]].remove : 'remove' )+'</a></td>'+
	    '      </tr>'+
		'');
      $('span.option_rows_count').text( length );
      $('td#preview-poll').append('<span class="preview-option option-'+key+'"><input type="radio" name="option" value="" /> <span class="option-text"></span><br /></span>');
      $('a.remove_option').unbind('click').bind('click', remoteOptionRow);
      attachOptionEvents(key);
      return false;
  })

  $('.remove_option_row').click(function(){
      
//       var length = $('tr.option_row').length;
//       if( length <= 1 ) return false;
//       length--;
      $('tr.option_row:last a.remove_option').trigger('click');//.remove();
//       $('span.option_rows_count').text( length );
      return false;
  })

  $('.colour-picker a').click(function(){
      $('#colour-picker').val( $(this).attr('rel') );
      $('#poll-body').get(0).className = $(this).attr('rel')+'_all webanketi';
      return false;
  })

  $('#poll-question').keypress(function(event){
	code = event.charCode;
	var character = String.fromCharCode(code);
	$('#preview-question').text( $('#preview-question').text() + character );
  })

  $('#poll-question').keydown(function(event){

      $('#preview-question').text( $(this).val() );
  });

  $('#poll-question').change(function(){
      $('#preview-question').text( $(this).val() );
  })

  $('#random-poll').click(function(){
      currentPublicPoll++;
      if( currentPublicPoll >= publicPolls.length   ) currentPublicPoll = 0;
      $('#reloadpolls').html(''); 
      var div = document.getElementById('reloadpolls');
      var script= document.createElement('script');
      script.type= 'text/javascript';
      script.src= 'http://www.webanketi.com/bg/getpoll/?id='+publicPolls[ currentPublicPoll ]['id'];
      div.appendChild(script);
//       console.log( currentPublicPoll );
//       console.log( publicPolls[ currentPublicPoll ] );
//      $('#reloadpolls').html('<script type="text/javascript" src="http://www.webanketi.com/bg/getpoll/?id='+publicPolls[ currentPublicPoll ]['id']+'"></script>');
      //$('#random-poll-iframe').get(0).src="http://www.webanketi.com/bg/getpoll/?id="+publicPolls[ currentPublicPoll ]['id'];
      return false;
  })

  $('#toggle_countries').click(function(){
	$('.toggle').toggle();
	
	return false;
  })
  $('#submit_form').click(function(){
      $(this).parents('form:first').submit();
      return false;
  })

})

function attachOptionEvents(key ) {
    $('input', $('tr.option_row[rel="'+key+'"]') ).keypress(function( event ){
	var rel = $(this).parents('tr:first').attr('rel');
// 	console.log( event.charCode );
	code = event.charCode;
	var character = String.fromCharCode(code);
	$('span.preview-option.option-'+rel+' span.option-text').text( $('span.preview-option.option-'+rel+' span.option-text').text() + character );
    })

    $('input', $('tr.option_row[rel="'+key+'"]') ).keydown(function( event ){
	var rel = $(this).parents('tr:first').attr('rel');
	$('span.preview-option.option-'+rel+' span.option-text').text( $(this).val() );
    })

    $('input', $('tr.option_row[rel="'+key+'"]') ).change(function(){
      $('span.preview-option.option-'+key+' span.option-text').text( $(this).val() );
    })
}

function remoteOptionRow() {
    var tr = $(this).parents('tr:first');
    var rel = tr.attr('rel');
    $(this).parents('tr:first').remove();
    var length = $('tr.option_row').length;
     $('span.option_rows_count').text( length );
//      console.log( '.preview-option.option-'+rel );
     $('.preview-option.option-'+rel).remove();
    return false;
}