// $Id

/**
 * Handle rollover states for images and inputs
 * - find relevant items with class='rollover-btn'
 * - ensure follow a strict naming standard 
 *  > for over state image '-over.<extension>'
 *  > for normal state image '-normal.<extension>'
 *  
 *  @author Liem Khuu - 2010
 */
$(document).ready(function() {
	$("img.rollover-btn, input.rollover-btn").mouseover(function() {
		btn_rollover_img_overstate($(this));
	});
	$("img.rollover-btn, input.rollover-btn").mouseout(function() {
		btn_rollover_img_outstate($(this));
	});
	
	// handle subnav background image over
	$("div#subnav").children("div.item").mouseover(function() {
		var img = $(this).css("background-image").replace(/-off\.(png|gif|jpg)/i, "-on.$1");
		$(this).css("background-image", img);
		$(this).children("a").addClass("over-state");
	})
	
	$("div#subnav").children("div.item").mouseout(function() {
		var img = $(this).css("background-image").replace(/-on\.(png|gif|jpg)/i, "-off.$1");
		$(this).css("background-image", img);
		$(this).children("a").removeClass("over-state");
	})
	
	$("#form-reset-btn").click(function(event) {
		event.preventDefault();
		var forms = $(this).parents('form')[0].reset();
	})
});

function btn_rollover_img_outstate(img_obj) {
	var img_file = img_obj.attr("src").replace(/-on\.(png|gif|jpg)$/i, "-off.$1");
	img_obj.attr("src", img_file);
}

function btn_rollover_img_overstate(img_obj) {
	var img_file = img_obj.attr("src").replace(/-off\.(png|gif|jpg)$/i, "-on.$1");
	img_obj.attr("src", img_file);
}