$(function() {
  $('#menu li .arrow').click(toggleMenu)
  $('.guide li').click(toggleGuide)
  $('#carousel li').click(toggleCarousel)
  $('#query').click(showBallonCart)
  $(".tipOn").mouseover(showBallon)
  $(".tipOn").mouseout(hideBallon)
  $("input").focus(placeHolder)
  $("input").blur(placeHolder)

  n = Math.floor(Math.random() * 11)
  n = n - 1
  m = n
  if(n > 4){ n = n/2}
  startCarousel(n)
  if(m < 3){ o = 1 }
  else if(m <= 6){ o = 2 }
   else{ o = 3 }
  startBannerLine(o)
});

function showBallonCart(e){
  $(this).children('.ballonCart').fadeIn()

}

function hideBallonCart(e){
  $('.ballonCart').fadeOut('slow')
}

function showBallon(){
  $(this).children('.ballon').show()
}

function hideBallon(){
  $(this).children('.ballon').hide()
}

function toggleMenu(){
  if($(this).hasClass('active')){
    $(this).removeClass('active')
    $('#menuOpened').slideUp(function(){$('#menuOpened > li').hide()})
  }else{
    if($('#menu li span').hasClass('active')){
	   $('#menu > li > .arrow').removeClass('active')
	   $(this).addClass('active')
	   $('#menuOpened').hide()
	   $('#menuOpened > li').hide()
	   p = $(this).index('#menu li .arrow')
	   $('#menuOpened > li').eq(p).show()
	   $('#menuOpened').show()
	}else{
	   $('#menu > li > .arrow').removeClass('active')
	   $(this).addClass('active')
	   $('#menuOpened').slideUp()
	   $('#menuOpened > li').hide()
	   p = $(this).index('#menu li .arrow')
	   $('#menuOpened > li').eq(p).show()
	   $('#menuOpened').slideDown()
	}
  }
}

function toggleGuide(){
  $(this).siblings().removeClass('active')
  $(this).addClass('active')
  position = $(this).index()
  $('.guideContent li').slideUp()
  $('.guideContent').children('li').eq(position).slideDown()
}

function toggleCarousel(){
  clearTimeout(t)
  $(this).siblings().removeClass('active')
  $(this).addClass('active')
  position = $(this).index()
  $('#carouselContent li').hide().eq(position).fadeIn()
  position = position+1
  t = setTimeout("startCarousel("+position+")", 7000)
  return false
}

function startCarousel(i){
  if(i >= 5){i=0}
  $('#carousel li').removeClass('active')
  $('#carousel').children('li').eq(i).addClass('active')
  $('#carouselContent').children('li').fadeOut('slow').eq(i).delay('slow').fadeIn('slow')
  i = i+ 1
  t = setTimeout("startCarousel("+i+")", 7000)
}

function startBannerLine(i){
  if(i == 1){
	cod = '<a href="http://www.serasaexperian.com.br/release/noticias/2012/noticia_00765.htm" onclick="pageTracker._trackEvent(\'barra\',\'Email_Golpistas_2012\')" target="_blank"><img src="/home/img/bannerLineGolpistas.jpg" alt="Alerta para ação de golpistas contra os consumidores!" /></a>'
  }
  if(i == 2){
    cod = '<a href="http://www.serasaexperian.com.br/release/noticias/2012/noticia_00765.htm" onclick="pageTracker._trackEvent(\'barra\',\'Email_Golpistas_2012\')" target="_blank"><img src="/home/img/bannerLineGolpistas.jpg" alt="Alerta para ação de golpistas contra os consumidores!" /></a>'
  }
  if(i == 3){
    cod = '<a href="http://www.serasaexperian.com.br/release/noticias/2012/noticia_00765.htm" onclick="pageTracker._trackEvent(\'barra\',\'Email_Golpistas_2012\')" target="_blank"><img src="/home/img/bannerLineGolpistas.jpg" alt="Alerta para ação de golpistas contra os consumidores!" /></a>'
  }
  $('#bannerLine').html(cod)
}

function placeHolder(){
  if($(this).val() == $(this).attr('title')){
    $(this).val('')
  }
  else{
    if($(this).val() == ''){
      $(this).val($(this).attr('title'))
    }
  }
}