// JavaScript Document Style Functions

function addClass(el, className){
	
	$("p:last").addClass("selected");

	currentClassName = el.className;
    el.className = currentClassName+" "+className;
}

function removeClass(el, className){
	var currentClassName = el.className;
	var newClassName = currentClassName.substr(0, currentClassName.length-className.length);
	el.className = newClassName;
}

function showHide(id){
	$("#"+id).toggle();
}

function showNewsImages(category_id, numCategories){
	els = document.getElementById('newsImages').getElementsByTagName('div');
	for(var i=0; i<els.length; i++){
		els[i].style.display = 'none';
	}
	document.getElementById('category_images_'+category_id).style.display = '';
	els = document.getElementById('category_images_'+category_id).getElementsByTagName('img');
	if(els.length>0)
		selectNewsImage(els[0], category_id);

}

function selectNewsImage(el, category_id, img_url){
	els = document.getElementById('category_images_'+category_id).getElementsByTagName('img');
	for(var i=0; i<els.length; i++){
		els[i].style.border = '2px solid #FFF';
	}
	el.style.border = '2px solid #000';
	document.getElementById('image_url').value = img_url;	
}