var currenttime = 'March 11, 2010, 2:11 am' var serverdate=new Date(currenttime) jQuery(document).ready(function() { changeTimingImage(serverdate.getHours()); }); function changeTimingImage(curHr) { if ( curHr >= 5 && curHr < 8) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_5am'); } else if ( curHr >= 8 && curHr < 9) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_8am'); } else if ( curHr >= 9 && curHr < 13) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_9am'); } else if ( curHr >= 13 && curHr < 20) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_11am'); } else if ( curHr >= 20 && curHr < 23) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_9pm'); } else if ( curHr >= 23 || curHr < 5) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_11pm'); } }