/*
	Author: Joe Tan (joetan54@gmail.com)
*/

// misc formatting
jQuery(function($) {
	$('.search input[type=text], .signup input[type=text]').focus(function() {
		if ($(this).attr('defaultValue') == $(this).val()) {
			$(this).val('');
		}
	});
	$('hr').wrap('<div class="hr"></div>');
	
	$('ul').find('li:last').addClass('last');
	$('#sidebar .ad:last').addClass('last');
	
	$('img[align=left]').addClass('alignleft');
	$('img[align=right]').addClass('alignright');
	$('img[align=center]').addClass('aligncenter');
	
	$('#nav ul li > ul > li').prepend('&gt; ');
	$('#content table tr').find('td:first').addClass('first');
	
	var randomad = Math.floor(Math.random() * $('p.ad-meal').length);
	$('p.ad-meal').hide();
	$('p.ad-meal').eq(randomad).show();
	
	$('#content a[href$=.pdf]:not([target])').attr('target', '_blank');
	$('#content a:not([target])').each(function (i, obj) {
		if ($(obj).attr('hostname') != window.location.hostname) {
			$(obj).attr('target', '_blank');
		}
	});
	$('table').find('tbody tr:odd').addClass('odd');
});

// drop down menu handlers
jQuery(function($) {
	var nav = $('#nav');
	nav.find('ul li.level-1 > ul').addClass('level-2').wrap('<div class="level-2"></div>');
	nav.find('ul li.level-1').hover(
		function() { //over
			if(nav.data('menuTimer'))    clearTimeout(nav.data('menuTimer'))
			if(nav.data('menuTimerOut')) clearTimeout(nav.data('menuTimerOut'))
			if ($(this).find('div.level-2').hasClass('hover')) { return;} // already opened
			
			nav.data('menuDropDown', $(this).find('div.level-2'));
			nav.data('menuTimer', setTimeout(function() {
				$('#nav div.level-2').hide().removeClass('hover');
				$('#nav li.level-1, #nav a.level-1').removeClass('hover');

				var menu = $('#nav').data('menuDropDown')
				$(menu).addClass('hover').show();
				$(menu).prev().addClass('hover').show().parent().addClass('hover');
				
			}, 150));
			$(this).addClass('over');
		},
		function() { //out
			if(nav.data('menuTimer'))    clearTimeout(nav.data('menuTimer'))
			if(nav.data('menuTimerOut')) clearTimeout(nav.data('menuTimerOut'))
			nav.data('menuTimerOut', setTimeout(function() {
				$('#nav div.level-2').hide().removeClass('hover');
				$('#nav li.level-1, #nav a.level-1').removeClass('hover');
			}, 1500));
			$(this).removeClass('over');
		}
	);
	nav.find('ul li.level-1 a').each(function(i, obj) {
		$(obj).attr('class', $(obj).parent().attr('class'));
	});
	nav.find('ul > li li, ul > li li a').mouseover(function() {
		var nav = $('#nav');
		if(nav.data('menuTimer'))    clearTimeout(nav.data('menuTimer'))
		if(nav.data('menuTimerOut')) clearTimeout(nav.data('menuTimerOut'))
	});
	nav.addClass('initialized');
});

// format images with nice shadows
jQuery(function($) {

	var img = $('#content .framed');
	img.each(function(i, obj) {
		var imgTag = null;
		if ($(obj).parent().attr('tagName').toLowerCase() == 'a') {
			imgTag = $(obj).parent();
		} else {
			imgTag = $(obj);
		}
		$(obj).load(function() {
			var div = $(this).closest('div.framed');
			var w = $(this).attr('width');
			if (!w) w = $(this).width();
			if (w) $(div).css('width', w + 60);
			
			var h = $(this).attr('height');
			if (!h) h = $(this).height();
			if (h) $(div).css('height', h + 60);
			
		});
		var div = document.createElement('div');
			$(div).append('<div class="frame1"><div class="frame2"><div class="frame3"><div class="frame4"></div></div></div></div>');
			$(div).attr('class', $(obj).attr('class'));
			var w = $(obj).attr('width');
			if (w) $(div).css('width', w + 60);
			
			var h = $(obj).attr('height');
			if (h) $(div).css('height', h + 60);
			imgTag
				.wrap(div)
				.after('<div class="clear"></div>');
	});
	$('#content div.framed.alignleft').addClass('framed-alignleft');
	$('#content div.framed.alignright').addClass('framed-alignright');
	$('#content div.framed.aligncenter').addClass('framed-aligncenter');
});


// timeline animation
jQuery(function($) {
	var timeline = $('.timeline').wrap('<div class="timeline"><div class="timeline2"><div class="timeline3"><div class="timeline4"></div></div></div></div>').removeClass('timeline');
	timeline.find('dt').hover(function() {
		$(this).addClass('selected')
			.siblings().removeClass('selected sibling1 sibling2')
			
			
//		$('.timeline dd').removeClass('selected')
		$(this).next('dd').fadeIn('fast').addClass('selected').siblings('dd').hide();
	}, function() {	});
	timeline.find('dt:first').mouseover()
});