// UTF-8

/*
jQuery ランダムイメージ
*/

$(function() {	
	   
	/*　ランダムイメージ 機械部分　*/
	
	var imgArray = new Array();
	imgArray[0]="img_index_product00.jpg";
	imgArray[1]="img_index_product01.jpg";
	imgArray[2]="img_index_product02.jpg";
	imgArray[3]="img_index_product03.jpg";
	imgArray[4]="img_index_product04.jpg";
	imgArray[5]="img_index_product05.jpg";
	imgArray[6]="img_index_product06.jpg";
	var rand = Math.floor( Math.random() * imgArray.length);
	var imgSrc = '<img src="img/'+ imgArray[rand] +'" alt="製品機械イメージ" width="275" height="240" />';	
	
	$('.intro div').html(imgSrc);
	
	
	
	/*　ランダムイメージ パーツ部分　*/
	
	/* imgNumパーツの数、imgNumArrayシャッフル用配列 */
	var imgNum = 11;
	var imgNumArray = new Array();
	var imgL_Array = new Array();
	var imgC_Array = new Array();
	var imgR_Array = new Array();
		
	for (i=0; i<imgNum; i++) {
		imgNumArray[i]=i;
		
		j= i+1
		imgL_Array[i]="img_top_l"+ j +".png";
		imgC_Array[i]="img_top_c"+ j +".png";
		imgR_Array[i]="img_top_r"+ j +".png";
	}
	imgNumArray.sort(
    	function(){
    		return Math.random()*100 - Math.random()*100;
        }
    );
	
	var imgSrcL = '<img src="img/'+ imgL_Array[imgNumArray[0]] +'" alt="製品パーツイメージ" width="85" height="76" />';
	var imgSrcC = '<img src="img/'+ imgC_Array[imgNumArray[1]] +'" alt="製品パーツイメージ" width="188" height="138" />';
	var imgSrcR = '<img src="img/'+ imgR_Array[imgNumArray[2]] +'" alt="製品パーツイメージ" width="260" height="161" />';
	
	
	$('.imgL').html(imgSrcL);
	$('.imgC').html(imgSrcC);
	$('.imgR').html(imgSrcR);
	
	/*
	myArrayという配列の中身をシャッフルしたいとき、ワタシはsortメソッドをこんな風に使ってます。
	http://nagblog.blog24.fc2.com/blog-entry-23.html#
	
	myArray = [1,2,3,4,5];	
	myArray.sort(
    	function(){
    		return Math.random()*100 - Math.random()*100;
        }
    );
	alert(myArray);
	*/
	
	/*
	ヘッダー部分イメージ透明化　js/jquery.belatedPNG.js　メソッド実行
	何かエラーなのか、fixPng()後のスクリプトが動かないので、最後に
	
	プリントされなくなるので
	IE6以下のみ適用
	*/
	
	if ($.browser.msie && $.browser.version == 6)
	{
		$('.header_img img').fixPng();
	} 
	
});