$(document).ready(function() {
  // se a pagina atual for a de config
  if ($('body#config').get(0)) {
    var $ecomm = $('#ecomm');
    var $affid = $('#affid');
    var $feedtoggle = $('#feedtoggle');
    var $feedurlgroup = $('#feedurlgroup');
    var $feed = $('#feed');
    var $tosalert = $('#submit span');
    var $form = $('form');
    // caixas de ajuda
    $('#helpsubmarino').fancybox({
			'overlayOpacity' :	0.8
			, 'overlayColor' :	'#000'
			, 'frameHeight' : 480
		});
		$('#helpfeed').fancybox({
			'overlayOpacity' :	0.8
			, 'overlayColor' :	'#000'
			, 'frameHeight' : 480
		});
    configHelp();
    
    if ($feed.val() == ''
    || $feed.val() == 'http://') {
      $feedtoggle.attr('checked', false);
      $feedurlgroup.hide();
    }
    
    $form.submit(function(){
      if ($feed.val() == ''
      || $feed.val() == 'http://'
      || $feedtoggle.attr('checked') == false) {
        $feed.val('');
      };
    });
    
    // ao clicar nos checkboxes
    $ecomm.click( function(){
      toggleField($ecomm, $affid)
    } );
    toggleField($ecomm, $affid);
    
    $feedtoggle.click( function(){
      toggleField($feedtoggle, $feedurlgroup)
    } );
    toggleField($feedtoggle, $feedurlgroup);
  };

  // controla visualizacao do campo de codigo de afiliado
  function toggleField($check, $complementar){
    // verifica se esta marcado
    if ($check.attr('checked')) {
      $complementar.slideDown();
      if ($check == $ecomm) {
        $tosalert.slideDown();
      };
    }
    else {
      $complementar.slideUp();
      if ($check == $ecomm) {
        $tosalert.slideUp();
      };
    }
  }
  
  function configHelp(){
    var tpos = {
      corner: {
        target: 'topRight'
        , tooltip: 'bottomLeft'
      }
    }
    var tstyle = {
      name: 'cream'
      , border: {
        width: 1
        , radius: 2
      }
      , tip: 'bottomLeft'
    }
    var tpos2 = {
      corner: {
        target: 'topMiddle'
        , tooltip: 'bottomLeft'
      }
    }
    var tstyle2 = {
      name: 'cream'
      , border: {
        width: 1
        , radius: 2
      }
      , tip: 'bottomLeft'
    }

	$('#twitterusername').qtip({
      content: 'Não coloque @'
      , position: tpos
      , style: tstyle
    })
    
    $('#twitterpassword').qtip({
      content: 'Não direi seu password pra terceiros em nenhuma hipótese.'
      , position: tpos
      , style: tstyle
    })
    
    $('#adinterval').qtip({
       position: tpos
       , style: tstyle
    });
    
    var api = $('#adinterval').qtip('api');
    api.beforeShow = function(){
      this.updateContent('A cada ' + $('#adinterval').val() + ' twitts seus, o AdBird vai postar um link automaticamente.');
      return true;
    };
    
    $('#affsubmarino').qtip({
       content: 'Preencha seu código numérico <em>franq</em> do Submarino'
       , position: tpos
       , style: tstyle
    });
      
    $('#feed').qtip({
       content: 'Coloque o endereço de um feed neste campo para publicar links do feed no seu Twitter. <br />Pode ser o RSS ou Atom de: blog, Delicious, Flickr, itens compartilhados do Google Reader ou qualquer outro.'
       , position: tpos2
       , style: tstyle2
    });
    
    $('#adinterval').qtip({
       position: tpos
       , style: tstyle
    });
  
    var api = $('#adinterval').qtip('api');
    api.beforeShow = function(){
      this.updateContent('A cada ' + $('#adinterval').val() + ' twitts seus, o AdBird vai postar um link automaticamente.');
      return true;
    };
  };

});