verticalTextImgLists = function (listItemString){

		var listItem = $(listItemString);

		listItem.mouseover(function(){
			$(this).css({
				'cursor' : 'pointer'
			});
			$(this).find('a').css({
				'text-decoration' : 'underline'
			});
		});

		listItem.mouseout(function(){
			$(this).find('a').css({
				'text-decoration' : 'none'
			});
		});

		listItem.click(function(){
			var href = $(this).find('a').attr('href');
			window.location.href = href;
		});
}


$(function (){
	var page = $('body').attr('id');

	switch(page) {

		case'news':
			verticalTextImgLists('ul.vertical-text-img li');
			verticalTextImgLists('ul.titled-lists li');

			var nestedLists = $('ul.drop-down');
			dropDownList(nestedLists);

			setSearchKeywordField();
		break;

		default:
		break;
	}
});

// nothing happens when I run this code 
// If I execute 
// verticalTextImgLists('ul.vertical-text-img li');
// in the console I get ReferenceError: verticalTextImgLists is not defined