// JavaScript Document
$(function() {
	//CONTATO
	$('#5').click(function(e) {
		e.preventDefault();
		var $this = $(this);
		var horizontalPadding = 0;
		var verticalPadding = 0;
        $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({
            title: ($this.attr('title')) ? $this.attr('title') : 'Literato / Contato',
            autoOpen: true,
            width: 500,
            height: 450,
            modal: true,
            resizable: false,
			autoResize: true,
            overlay: {
                opacity: 0.5,
                background: "black"
            }
        }).width(500 - horizontalPadding).height(450 - verticalPadding);	        
	});
        $('#31').click(function(e) {
		e.preventDefault();
		var $this = $(this);
		var horizontalPadding = 0;
		var verticalPadding = 0;
        $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({
            title: ($this.attr('title')) ? $this.attr('title') : 'Literato / Contato',
            autoOpen: true,
            width: 500,
            height: 450,
            modal: true,
            resizable: false,
			autoResize: true,
            overlay: {
                opacity: 0.5,
                background: "black"
            }
        }).width(500 - horizontalPadding).height(450 - verticalPadding);	        
	});
	//BOLETIM
	$('#12').click(function(e) {
		e.preventDefault();
		var $this = $(this);
		var horizontalPadding = 0;
		var verticalPadding = 0;
		$('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({
			title: ($this.attr('title')) ? $this.attr('title') : 'Literato / Boletim Escolar',
					autoOpen: true,
					width: 750,
					height: 450,
					modal: true,
					resizable: false,
					autoResize: true,
					overlay: {
				opacity: 0.5,
				background: "black"
			}
		}).width(800 - horizontalPadding).height(550 - verticalPadding);	        
	});
	//FOTOS
	$('#13').click(function(e) {
		e.preventDefault();
		var $this = $(this);
		var horizontalPadding = 0;
		var verticalPadding = 0;
        $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({
            title: ($this.attr('title')) ? $this.attr('title') : 'Literato / Galeria de Fotos',
            autoOpen: true,
            width: 980,
            height: 600,
            modal: true,
            resizable: false,
			autoResize: true,
            overlay: {
                opacity: 0.5,
                background: "black"
            }
        }).width(980 - horizontalPadding).height(600 - verticalPadding);	        
	});
	$('.slideshow').cycle( {
		fx : 'fade'
	});

	// Accordion
	$("#accordion").accordion( {
		header : "h3"
	});

	// Tabs
	$('#tabs').tabs();

	// Dialog
	$('#dialog').dialog( {
		autoOpen : false,
		width : 600,
		buttons : {
			"Ok" : function() {
				$(this).dialog("close");
			},
			"Cancel" : function() {
				$(this).dialog("close");
			}
		}
	});

	// Dialog Link
	$('#dialog_link').click(function() {
		$('#dialog').dialog('open');
		return false;
	});

	// Datepicker
	$('#calender').datepicker( {
		changeMonth : true,
		changeYear : true,
		dateFormat : 'dd-mm-yy'
	});

	// Slider
	$('#slider').slider( {
		range : true,
		values : [ 17, 67 ]
	});

	// Progressbar
	$("#progressbar").progressbar( {
		value : 20
	});

	// hover states on the static widgets
	$('#dialog_link, ul#icons li').hover(function() {
		$(this).addClass('ui-state-hover');
	}, function() {
		$(this).removeClass('ui-state-hover');
	});

});