//Scripts
$(document).ready(function(){

	$('#myaccordion').accordion();

	$('#mydialog').dialog({
		autoOpen: false,
		width: 677,
		modal: true,
		zIndex: 9999
	});

	// Projects Modal Window Ajax Links
	$('a.project-modal').click(function(){
		var link = this.id;
		$('#mydialog').dialog('open');
		$('#modal-content').html('<div class="loading"><img src="/themes/site_themes/usgt/img/loading.gif" alt="loading" />&nbsp;Loading...</div>');
		$.ajax({
			type: "GET",
			url: link,
			dataType: "xml",
			success: function(xml) {
				$(xml).find('project').each(function(){
					var title = $(this).find('title').text();
					var content = $(this).find('content').text();
					$('#ui-dialog-title-modal').text(title);
					$('#modal-content').html(content);
				});
			}
		});
		return false;
	});
	
	// FAQs Modal Window Ajax Links
	$('a.faq-modal').click(function(){
		var link = this.id;
		$('#mydialog').dialog('open');
		$('#modal-content').html('<div class="loading"><img src="/themes/site_themes/usgt/img/loading.gif" alt="loading" />&nbsp;Loading...</div>');
		$.ajax({
			type: "GET",
			url: link,
			dataType: "xml",
			success: function(xml) {
				$(xml).find('faq').each(function(){
					var title = $(this).find('title').text();
					var content = $(this).find('content').text();
					$('#ui-dialog-title-modal').text("FAQ");
					$('#modal-content').html('<h3>'+title+'</h3>'+content);
				});
			}
		});
		return false;
	});
	
	// Video Modal Window Ajax Links
	$('a.video-modal').click(function(){
		var link = this.rel;
		$('#mydialog').dialog('open');
		$('#modal-content').html('<div class="loading"><img src="/themes/site_themes/usgt/img/loading.gif" alt="loading" />&nbsp;Loading...</div>');
		$('#ui-dialog-title-modal').text("VIDEO");
		$('#mydialog').load(link);
		return false;
	});

	// Simple Ajax Link
	$('a.article-ajax').click(function(){
		var link = this.id;
		$('#carea').html('<div class="loading"><img src="/themes/site_themes/usgt/img/loading.gif" alt="loading" />&nbsp;Loading...</div>');
		$.ajax({
			type: "GET",
			url: link,
			dataType: "xml",
			success: function(xml) {
				$(xml).find('article').each(function(){
					var title = $(this).find('title').text();
					var content = $(this).find('content').text();
					$('#carea').html('<h1>'+title+'</h1>'+content);
				});
			}
		});
		return false;
	});
	
});