// JavaScript Document
var startTime	= 1;
var seconds;
var clock;

function toggle(id, speed)
{
	if (undefined == speed || !speed) {
		speed = 400;
	}
	
	$(id).slideToggle(speed);
}

function showInfo(el, container, upImg, downImg)
{
	if ($(container).is(":hidden")) {
		$(container).slideDown(400);
		$(el).html('Hide Information &nbsp;<img src="' + downImg + '"/>');
	} else {
		$(container).slideUp(400);
		$(el).html('Show Information &nbsp;<img src="' + upImg + '"/>');
	}
}

function channelNav()
{
	$("#channelNav ul").slideToggle(200);
	stopClock();
}

function startClock(){
	clock = setTimeout("startClock()", 800);
	if(seconds <= 0){
		$("#channelNav ul").slideUp(200);
		stopClock();
	}
	seconds--;
}

function stopClock(){
	clearTimeout(clock);
	seconds = startTime;
}

function formSubmit(button)
{
	$(button).hide();
	$("fieldset.submit").append('<img src="/images/loading.gif" class="loading" alt="Loading" id="loading" />');
	
	var post	= new Object;
	post['button']	= button.id;
	for(var a = 0; a < button.form.elements.length; a++){
		name	= button.form.elements[a].name;
		post[name]	= button.form.elements[a].value;
	}
	
	$.post(button.form.action, post, callback, "json");

	return false;
}

function callback(data, status)
{
	$("#loading").remove();
	$("div.messages").remove();
	$("#"+data.button).show();
	
	var msg	= "";
	for(var a = 0; a < data.message.length; a++){
		msg	+= data.message[a] + '<br/>';
	}
	
	if (msg) {
		msg	= "<div class='messages'>" + msg + "</div>";
	}
	
	$("input[name='token']").replaceWith('<input type="hidden" name="token" value="' + data.token + '" id="token">');
	$("form:has(input#"+data.button+")").prepend(msg);
}

function clearDefault(el)
{
	switch(el.value) {
		case el.defaultValue:
			el.value	= "";
		break;
		case "":
			el.value	= el.defaultValue;
		break;
	}
}

function mediacoverageswitch(el, alias, color)
{
	$('#mediacoverage img').hide();
	$('div.description span').hide();
	
	$('#mediacoverage img[rel=' + alias + ']').show();
	$('div.description span[title=' + alias + ']').show();
	
	$('#mediacoverage a[onmouseover]').css("background", "transparent");
	
	el.style.background	= color;
}