$(document).ready(function(){
	$("#onair-container").load("/assets/asset.onair.php");
	var refreshId = setInterval(function(){
		$("#onair-container").load('/assets/asset.onair.php');
	}, 30000);
	$.ajaxSetup({ cache: false });
});

$(document).ready(function(){
	$("#playing-container").load("/assets/asset.playing.php");
	var refreshId = setInterval(function(){
		$("#playing-container").load('/assets/asset.playing.php');
	}, 30000);
	$.ajaxSetup({ cache: false });
});

//Created an array to hold onto the desired info.
var windowSizeArray = [ "width=348,height=525,scrollbars=yes" ];

$(document).ready(function(){
	//Links that has the ".newWindow" class will call this script.
	$('.newWindow').click(function (event){
		
		// Gets the URL from the clicked link.
		var url = $(this).attr("href");
		
		/*Gets the name from the clicked link. Currently I commented out the
		 jquery script and just put "popUp" for a default name because I didn't
		 include the name in the links.*/
		var windowName = "popUp";
		
		/*Places the string from the array into the windowSize variable.
		 The array slot is determined by the "rel" number on the link.*/
		var windowSize = windowSizeArray[  $(this).attr("rel")  ];
		
		//This method opens a new browser window.
		window.open(url, windowName, windowSize);
		
		/*Prevents the browser from executing the default action and
		 allows us to use the "window.open" within our script.*/
		event.preventDefault();
	});
});