var currenttime = 'February 3, 2012, 8:40 pm' var serverdate=new Date(currenttime) jQuery(document).ready(function() { changeTimingImage(serverdate.getHours()); }); function changeTimingImage(curHr) { if ( curHr >= 5 && curHr < 9) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_5am'); } else if ( curHr >= 9 && curHr < 11) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_9am'); } else if ( curHr >= 11 && curHr < 13) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_11am'); } else if ( curHr >= 13 && curHr < 15) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_1pm'); } else if ( curHr >= 15 && curHr < 17) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_3pm'); } else if ( curHr >= 17 && curHr < 19) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_5pm'); } else if ( curHr >= 19 && curHr < 21) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_7pm'); } else if ( curHr >= 21 && curHr < 22) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_9pm'); } else if ( curHr >= 22 && curHr < 23) { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_10pm'); } else { jQuery('#hero').css({ display: 'none'}).fadeIn(1000).addClass('hero_bg_11pm'); } }