// JavaScript Document

var icon_array = new Array();
var icon_array_fix = new Array();
var number_box = new Array();

$(function(){
	
	var i = 0;
	var loadedNumEnd = 0;
	var iconLength = 8;
	
	$.ajax({
    url: 'xml/icon.xml',
    type:'GET',
    dataType:'xml',
    error: function(){
        alert("xmlファイルの読み込みに失敗しました");
    },
	success: function(xml){
		$(xml).find("icon").each(function(){
			
			$(this).find("image").each(function(){
				icon_array[i] = $(this).text();
				i++;
				
			});
			
			for(var n=0; n<icon_array.length; n++){
				
				$.imgpreload(icon_array[n],function(){
					if(n>=i){
						if(loadedNumEnd>=icon_array.length-1){
							
							for(var num=0; num<iconLength; num++){
							var rondomNum = Math.floor(Math.random()*icon_array.length);
							var checkArray = jQuery.inArray(rondomNum, number_box)
							
							if(checkArray == -1){
								number_box.push(rondomNum);
								icon_array_fix.push(icon_array[rondomNum]);
							}else{
								iconLength++;
							}
							}
							$('.header_image').prepend('<div class="icon1"><img src="'+icon_array_fix[0]+'" width="100" height="100" alt="" /></div><div class="icon2"><img src="'+icon_array_fix[1]+'" width="100" height="100" alt="" /></div><div class="icon3"><img src="'+icon_array_fix[2]+'" width="100" height="100" alt="" /></div><div class="icon4"><img src="'+icon_array_fix[3]+'" width="100" height="100" alt="" /></div><div class="icon5"><img src="'+icon_array_fix[4]+'" width="100" height="100" alt="" /></div><div class="icon6"><img src="'+icon_array_fix[5]+'" width="100" height="100" alt="" /></div><div class="icon7"><img src="'+icon_array_fix[6]+'" width="100" height="100" alt="" /></div><div class="icon8"><img src="'+icon_array_fix[7]+'" width="100" height="100" alt="" /></div>');
						}
						loadedNumEnd++;
					}
				});
				
			}
			//header_image
			
		});
		
	}});
	
});