function verticalTextImgLists(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