$(function(){ 
	
	// Preload images
	$.preloadCssImages();
	
	// Setup WYSIWYG editor
    $('#wysiwyg').wysiwyg({
    	css : "css/wysiwyg.css"
    });
	
	$('.nav li a').each(function()
		{
			$(this).click(function(){
				$('.nav li a').removeClass('selected');
				$('.popup').css('display', 'none');
				
				$(this).addClass('selected');
				
				var popup = $(this).parent().find('.popup');
				
				//if has submenu
				if(popup.length > 0)
				{
					//get the position of the placeholder element
  					var pos = $(this).parent().offset();  
  					var width = $(this).parent().width();
  					var popupPos = pos.left-80+(width/2)+1;

  					//show the menu directly over the placeholder
  					popup.css( { "left": popupPos + "px", "top":pos.top + 60 + "px" } );
  					popup.show();
  					
  					return false;
				}
			});
		}
	);
	
	$('#shortcut_item li a').tipsy({gravity: 'w'});
	$('#shortcut2_item a').tipsy({gravity: 'e'});
	
	$(document).click(function(){
		$('.popup').css('display', 'none');
		$('.popup').parent().find('a').removeClass('selected');
	});
	
	$('table.global tbody tr').mouseenter(function(){
		$(this).css('background', '#f9f9f9');
	});
	
	$('table.global tbody tr').mouseleave(function(){
		$(this).css('background', '#ffffff');
	});
	
	$(window).resize(function() {
 		 $('.wysiwyg').css('width', '100%');
	});
	
	// Setup style of select
	$('div.option').find('div.text').html($('div.option').find('select:first').val());
	$('div.option').find('select:first').change(function(){
		$(this).parent().find('div.text').html($(this).val());
	});
	
	// Setup style of input file
	$('div.file').find('input:first').change(function(){
		$(this).css('top', '-18px');
		var filename = $(this).val().replace(/^.*\\/, '').substr(0, 24);
		$(this).parent().find('div.text').html(filename);
	});
	
	$('.media_photos li').mouseenter(function(){
		$(this).find('.action').css('visibility', 'visible');
	});
	
	$('.media_photos li').mouseleave(function(){
		$(this).find('.action').css('visibility', 'hidden');
	});
	
	// Setup datepicker input
	$("#datepicker").datepicker({
		nextText: '»',
		prevText: '«',
		showAnim: 'slideDown'
	});


	$(function(){
	$("#calendario").datepicker({
	dateFormat: 'dd/mm/yy',
	dayNames: [
	'Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'
	],
	dayNamesMin: [
	'D','S','T','Q','Q','S','S','D'
	],
	dayNamesShort: [
	'Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'
	],
	monthNames: [
	'Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro',
	'Outubro','Novembro','Dezembro'
	],
	monthNamesShort: [
	'Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set',
	'Out','Nov','Dez'
	],
		nextText: '»',
		prevText: '«',
		showAnim: 'slideDown',
        dateFormat: "mm/yy"
	
	});
	});

	$('div.date').find('input:first').change(function(){
		if (BrowserDetect.browser != "Explorer")
		{
			$(this).css('top', '-21px');
		}
		else
		{
			if(BrowserDetect.version > 7)
			{
				$(this).css('top', '-21px');
			}
			else
			{
				$(this).css('top', '-10px');
			}
		}
		
		$(this).parent().find('div.text').html($(this).val());
	});
	
	// Setup click to hide to all alert boxes
	$('.alert_warning').click(function(){
		$(this).fadeOut('fast');
	});
	
	$('.alert_info').click(function(){
		$(this).fadeOut('fast');
	});
	
	$('.alert_success').click(function(){
		$(this).fadeOut('fast');
	});
	
	$('.alert_error').click(function(){
		$(this).fadeOut('fast');
	});
	
	// Setup modal window link
	$('#janela').fancybox({
		padding: 0, 
		titleShow: false, 
		overlayColor: '#333333', 
		overlayOpacity: .5
	});
	
	// Add tooltip to shortcut
	$('#shortcut li a').tipsy({gravity: 's'});
	
	$('#btn_modal').fancybox({
		padding: 0, 
		titleShow: false, 
		overlayColor: '#333333', 
		overlayOpacity: .5,
		href: 'modal_window.html'
	});
	

	// Setup modal window for all photos
	$('.media_photos li a[rel=slide]').fancybox({
		padding: 0, 
		titlePosition: 'outside', 
		overlayColor: '#333333', 
		overlayOpacity: .2
	});
	
});

$(document).ready(function() {
	
	// Find all the input elements with title attributes and add hint to it
    $('input[title!=""]').hint();
	
	setTimeout(function(){ 
		
		// Setup graph
    	$('#graph_data').visualize({
			type: 'line',
			width: '760px',
			height: '240px',
			colors: ['#26ADE4', '#D1E751']
		}).appendTo('#graph_wrapper');
		
		$('.visualize').trigger('visualizeRefresh');
		
	}, 500);
	
	$('.wysiwyg').css('width', '100%');
    
});