$.fn.TextMagnifier = function(options) {
	markup = '<ul id="text-magnifier">'       						+
				'<li>Tamanho da letra:</li>'  						+
				'<li><a href="#" id="increase">Aumentar</a></li>' 	+
				'<li><a href="#" id="decrease">Diminuir</a></li>' 	+
			 '</ul>';
	
	widget = $(markup);
	
	$('a',widget).click(function(e) {
		e.preventDefault();
		
		var size = parseInt($(options.target).css("font-size").replace(/px/, ""));
		var newSize =  this.id == 'increase' ? size + 1 : size - 1;
		
		$(options.target).css("font-size", newSize + "px");
	});
	
	this.each(function() { $(this).append(widget) });
	
};

// Cria um layer com borda arredondada e transparente
$.fn.fancylayer = function(options) {
	var defaults = {
			arrow_position: '10',
			show_close: false,
			id: '',
			style: '',
			classe: 'submenu'
	};
	
	var opts = $.extend(defaults, options);
	
	this.each(function() {
		$(this).hide();
		
		submenu = $('<div id="'+ opts.id +'" class="'+ opts.classe +'" style=" '+ opts.style +'"></div>').append('<div class="menu_arrow" style="left:'+ opts.arrow_position  +'px"></div>');
		
		if (opts.show_close) {
			submenu.append('<img src="/images/close_icon.png" class="close_btn" onclick="$(this).parent().fadeToggle()" alt="Fechar"/>');
		}
		
		submenu.append('<div class="menu_tl"></div>')
			.append('<div class="menu_tr"></div>')
			.appendTo($(this).parent());
		
		$('<div class="menu_content_l"><div class="menu_content_r"><ul class="'+ opts.classe +'_content">' + $(this).html() + '</ul></div></div>')
			.appendTo(submenu);
		
		submenu.append('<div class="menu_bl"></div>')
			.append('<div class="menu_br"></div>');
	});
};

$(function(){
	
	//Menu
	$("#menu-bar > ul > li:has('ul')").each(function() {
		$('ul',this).fancylayer({ arrow_position: ($(this).width() + 22) })
	}).hover(function(){
		$('.submenu',this).css('visibility', 'visible');
    }, function(){
    	$('.submenu',this).css('visibility', 'hidden');
    });

	
	//Widget Notícias
	$('#highlight-widget li').css('cursor','pointer').click(function(){
		$('#highlight-widget li').removeClass('active');

		$('#highlight-widget > div').hide();
		$('#highlight-widget > div:eq('+ $(this).addClass('active').index() +')').fadeIn()
	});

	//Widget Edições
	function fillInfos(target) {
		try {
			edicao_infos = target.find('img').attr('alt').split(' - ');
			$('#infos li:eq(0)').html(edicao_infos[0]);
			$('#infos li:eq(1)').html(edicao_infos[1]);
		}catch(err){}
	}
	
	fillInfos($('#covers li').hide().eq(0).addClass('current').show())
	$('#next, #prev').click(function() {
		$('#next, #prev').show();
		current = $('#covers li.current');
		target = this.id == 'next' ? current.prev('li') : current.next('li');
		
		if(target.length > 0) {
			current.removeClass('current').hide();
			fillInfos(target.addClass('current').fadeIn());
			
			new_target = this.id == 'next' ? target.prev('li') : target.next('li');
			if(new_target.length == 0) {
				$(this).hide();
			}
		} 
	})
	
	//Autobox dos inputs
	$('.autobox')
		.focus(function(){ if (this.value == this.defaultValue) this.value = ''; })
		.blur(function() { if (this.value == '') this.value = this.defaultValue; })
		
		
	//Tabs	
	$('#tab a').click(function(e) {
		e.preventDefault();
		
		$('#tab a').removeClass('ativo');
		$('#tab').css('border-bottom-color',$(this).addClass('ativo').css('background-color'));

		
		$('#tab_content .tab').hide();
		$($(this).attr('href')).show().css('background-color');
	});
});
