// prototype.js use $();
// jQuery       use gr$();
jQuery.noConflict();
var gr$ = jQuery;

//var gr_frame = 10;
//var gr_num = 0;

// Initialization

gr$.gif_rotation = {
	init: function() {
		for (module in gr$.gif_rotation) {
			if (gr$.gif_rotation[module].init)
				gr$.gif_rotation[module].init();
		}
	}
};

//gr$(document).ready(gr$.gif_rotation.init);


// Auto-hidden elements

gr$.gif_rotation.hide = {
	init: function() {
		gr$('.Hide').hide();
	}
};


gr$.gif_rotation.start = {

	init: function() {
		gr$('IMG.GifRotation')
			.each(this.preload);
	},

	preload: function() {
		var target = this;
		var gr_frame = 10;
		var gr_num = 0;
		gr_frame=(target.alt)?Number(target.alt):gr_frame;
		for (i=1;i<gr_frame;i++){
			img = new Image;
			img.src = this.src.replace(/^(.+)([0-9]+)(\.[a-z]+)$/, "$1"+i+"$3");
			img.width = this.width;
			var rot = String(target.name+i);
			gr$(this).parent().append("<div style='z-index:"+i+";position:absolute;top: 0px;left: 0px;' class='"+rot+"'></div>");
			gr$("DIV."+rot).append(img);
			gr$("DIV."+rot).hide();
		}
		gr$.timer(4000, function (timer) {
			var rot = String(target.name+(gr_num));
	    gr$("DIV."+rot).fadeOut(1500);
			gr_num = (gr_num<gr_frame)?gr_num+1:1;
			if(gr_num<gr_frame){
				rot = String(target.name+(gr_num));
		    gr$("DIV."+rot).fadeIn(1500);
		   }
		});
	}
};