// RollOver
$(function () {
    $.rollover = {
        init: function () {
            $('img,input[@type="iamge"]').not('[@src*="_on."]')
                .bind('mouseover', this.over)
                .bind('mouseout',  this.out)
                .each(this.preload);
        },

        over : function () {
            this.setAttribute('src', this.getAttribute('src').replace('_off.', '_on.'));
        },

        out : function () {
            this.setAttribute('src', this.getAttribute('src').replace('_on.', '_off.'));
        },

        preload : function () {
            new Image().src = this.getAttribute('src').replace('_off.', '_on.');
        }
    };

    $.rollover.init();
});


// index system
$(document).ready(function() {
	$("div.system dl dt img").hover(function(){
		$(this).css("cursor","pointer"); 
	},function(){
		$(this).css("cursor","default");
		});
	$("div.system dl dd").css("display","none");
	$("div.system dl dt").hover(function(){
		$(this).next().show();
	}, function() {
		$(this).next().hide();
	});
});