// Header Page Scripts



// Header Background Images
var images = new Array(
	"http://www.abc.net.au/science/css/img/headers/homepage01.jpg",
	"http://www.abc.net.au/science/css/img/headers/homepage02.jpg",
	"http://www.abc.net.au/science/css/img/headers/homepage03.jpg",
	"http://www.abc.net.au/science/css/img/headers/homepage04.jpg",
	"http://www.abc.net.au/science/css/img/headers/homepage05.jpg"
);
var ImageNo = Math.floor(Math.random()*images.length);
document.write('<style type=\"text\/css\" media=\"screen\">#header, #headerMain{background-image:url(',images[ImageNo],');}<\/style>');



// Color Box Scripts
// Wait for the DOM to be loaded
$(document).ready(function() {

	// $(".iframe").colorbox({width:"500px", height:"370px", iframe:true});
	// $(".inline").colorbox({width:"50%", inline:true, href:"#display_commentform"});
	$(".iframe").colorbox({width:"750px", height:"500px", iframe:true});
	$(".inline").colorbox({width:"600px", height:"500px", inline:true, href:"#display_commentform"});

	var options = {
		target:        '#output1',   // target element(s) to be updated with server response
		//beforeSubmit:  showRequest,  // pre-submit callback
		success:       showResponse  // post-submit callback
	};

// bind form using 'ajaxForm'
	$('#newTagForm').ajaxForm(options);
	//$("p.tag-thanks").fadeOut("slow");
});
$("#addtag").click(function () {
  $("p.tag-thanks").fadeOut("slow");
});
function showResponse(responseText, statusText)  {

	// alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
		// '\n\nThe output div should have already been updated with the responseText.');
	$("div#newTagForm").fadeOut("slow");
}



// jQuery for Carousel
jQuery(document).ready(function() {
	// jQuery('#newTagForm').ajaxForm(function() {
			// alert("Thank you for your comment!");
	// });
    // Initialise the first and second carousel by class selector.
	// Note that they use both the same configuration options (none in this case).
	jQuery('.first-and-second-carousel').jcarousel();

	// If you want to use a caoursel with different configuration options,
	// you have to initialise it seperately.
	// We do it by an id selector here.
	jQuery('#third-carousel').jcarousel({
        vertical: true
    });
});



// Refine Search Checkboxes
function checkedAll () {
	var aa= document.getElementById('filterform');
	var allTypes = document.getElementById('all');

	if (allTypes.checked == false) {
		checkThem = false;
	} else {
		checkThem = true;
	}
	for (var i =0; i < aa.elements.length; i++) {
		aa.elements[i].checked = checkThem;
	}
}


function toggleChecks(elType) {
	el = document.getElementById(elType);
	if (el.checked == false) {
		document.getElementById('all').checked = false;
	}
}


function copyName() {
	document.getElementById('displayname').value = document.getElementById('realname').value;
}