var weie_stack = "pic_1";
var weie_roop_stack = "pic_1";
var weie_query = "";
var weie_timer_id = null;
var weie_timer_msec = 5000;
var weie_length = 0;
var weie_next_num = 0;

function weImageEffectInit( aQuery, aTimerMsec )
{
	weie_query = aQuery;
	weie_length = $( weie_query + " .pic_box h2" ).length;

	if( typeof(aTimerMsec) != "undefined" ){
		weie_timer_msec = aTimerMsec;
	}

	$( weie_query + " .pic_box h2" ).each(
		function( index, elm ){
			tmp_index = index;
			now_index = index;

			$( weie_query + " .pic_box h2:eq(" + index + ")" ).attr( "class", "pic_" + (now_index+1) );
			$( weie_query + " .pic_box h2:eq(" + index + ") img" ).attr( "rel", "pic_" + (now_index+1) );

			$( weie_query + " .pic_box h2:eq(" + index + ") img" ).mouseover(
				function(event){
					var pic_class = $(this).attr("rel");

					weie_stack = pic_class;

					clearTimeout(weie_timer_id);
					weie_timer_id = null;
				}
			);

			$( weie_query + " .pic_box h2:eq(" + index + ") img" ).mouseout(
				function(event){
					weie_roop_stack = weie_stack;
					weie_timer_id = setTimeout( weImageEffectRoop , weie_timer_msec );
				}
			);


			$( weie_query + " .btn_box li:eq(" + tmp_index +") img" ).attr( "class", "pic_" + (now_index+1) );

			$( weie_query + " .btn_box li:eq(" + tmp_index +") img"  ).mouseover(
				function(event){
					var pic_class = $(this).attr("class");

					if( weie_stack != pic_class ) {
						weie_next_num = pic_class;

						$( weie_query + " .pic_box ." + weie_stack ).fadeOut( "normal", weImageEffectFadeIn );

						weie_stack = pic_class;
					}

					clearTimeout(weie_timer_id);
					weie_timer_id = null;

					// img_highlight
					$(weie_query + " .btn_box img").each(
						function( index, elm ){
							if( $( elm ).attr("rel") == "on" ) {
								var file = $( elm ).attr("src").replace(/\\/g,'/').replace( /.*\//, '' );
								var dir = $( elm ).attr("src").replace(/\\/g,'/').replace( /\/[^\/]*$/, '' )+"/";
								var file_name = file.replace( /_on\..*/, '' );
								var file_ext = file.replace( /.*\./, '' );

								$( elm ).attr( "src", dir + file_name + "." + file_ext );
								$( elm ).attr( "rel", "off" );
							}
						}
					);

					var file = $( this ).attr("src").replace(/\\/g,'/').replace( /.*\//, '' );
					var dir = $( this ).attr("src").replace(/\\/g,'/').replace( /\/[^\/]*$/, '' )+"/";
					var file_name = file.replace( /\..*/, '' );
					var file_ext = file.replace( /.*\./, '' );

					$( this ).attr( "src", dir + file_name + "_on." + file_ext );
					$( this ).attr( "rel", "on");
					// img_highlight

				}
			);

			$( weie_query + " .btn_box li:eq(" + tmp_index +") img"  ).mouseout(
				function(event){
					weie_roop_stack = weie_stack;
					weie_timer_id = setTimeout( weImageEffectRoop , weie_timer_msec );

					// img_highlight
					
					//if( $( this ).attr( "rel") == "on" ){
					//	var file = $( this ).attr("src").replace(/\\/g,'/').replace( /.*\//, '' );
					//	var dir = $( this ).attr("src").replace(/\\/g,'/').replace( /\/[^\/]*$/, '' )+"/";
					//	var file_name = file.replace( /_on\..*/, '' );
					//	var file_ext = file.replace( /.*\./, '' );

					//	$( this ).attr( "src", dir + file_name + "." + file_ext );
					//	$( this ).attr( "rel", "off");
					//}
					
					// img_highlight

				}
			);

			if( index > 0 ){
				$( elm ).hide();
				$( weie_query + " .btn_box li:eq(" + tmp_index +") img"  ).attr( "rel", "off" );
			} else {
				// img_highlight
				var file = $( weie_query + " .btn_box li:eq(" + tmp_index +") img"  ).attr("src").replace(/\\/g,'/').replace( /.*\//, '' );
				var dir = $( weie_query + " .btn_box li:eq(" + tmp_index +") img"  ).attr("src").replace(/\\/g,'/').replace( /\/[^\/]*$/, '' )+"/";
				var file_name = file.replace( /\..*/, '' );
				var file_ext = file.replace( /.*\./, '' );

				$( weie_query + " .btn_box li:eq(" + tmp_index +") img"  ).attr( "src", dir + file_name + "_on." + file_ext );
				$( weie_query + " .btn_box li:eq(" + tmp_index +") img"  ).attr( "rel", "on" );
				// img_highlight
			}

		}
	);

	weie_timer_id = setTimeout( weImageEffectRoop , weie_timer_msec );
}

function weImageEffectRoop()
{
	var now_num = new Number( weie_stack.replace("pic_", "") );
	var next_num = 1;

	var now_index = now_num;

	if( (now_num+1) <= weie_length){
		next_num = now_num+1;
	}

	weie_next_num = "pic_" + next_num;
	$( weie_query + " .pic_box .pic_" + now_index ).fadeOut( "normal", weImageEffectFadeIn );


	// img_highlight
	$(weie_query + " .btn_box img").each(
		function( index, elm ){
			if( $( elm ).attr("rel") == "on" ) {
				var file = $( elm ).attr("src").replace(/\\/g,'/').replace( /.*\//, '' );
				var dir = $( elm ).attr("src").replace(/\\/g,'/').replace( /\/[^\/]*$/, '' )+"/";
				var file_name = file.replace( /_on\..*/, '' );
				var file_ext = file.replace( /.*\./, '' );

				$( elm ).attr( "src", dir + file_name + "." + file_ext );
				$( elm ).attr( "rel", "off" );
			}
		}
	);
	// img_highlight

	weie_stack = "pic_" + next_num;

	weie_timer_id = setTimeout( weImageEffectRoop , weie_timer_msec );
}

function weImageEffectFadeIn()
{
	$( weie_query + " .pic_box ." + weie_next_num ).fadeIn();

	// img_highlight
	if( $( weie_query + " .btn_box img." + weie_next_num ).attr("rel") == "off" ){
		var file = $( weie_query + " .btn_box img." + weie_next_num ).attr("src").replace(/\\/g,'/').replace( /.*\//, '' );
		var dir = $( weie_query + " .btn_box img." + weie_next_num ).attr("src").replace(/\\/g,'/').replace( /\/[^\/]*$/, '' )+"/";
		var file_name = file.replace( /\..*/, '' );
		var file_ext = file.replace( /.*\./, '' );

		$( weie_query + " .btn_box img." + weie_next_num ).attr( "src", dir + file_name + "_on." + file_ext );
		$( weie_query + " .btn_box img." + weie_next_num ).attr( "rel", "on" );
	}
	// img_highlight
}