var resizeTimer = null;

$(document).ready(function() {
	//$("div.imageBar").css("height", "115px");
		
	var _id = get_GET_param('id');
	if( _id && _id != 0 ) {

	
		
		generateImageBar();
		
		$(window).bind('resize', function() {
			if (resizeTimer) clearTimeout(resizeTimer);
			resizeTimer = setTimeout(generateImageBar, 100);
		});			   

	} else  {
		$("div.subtitle").append($('<img src="template/img/MOHEMIAN201006/Subtitle.jpg" alt="Aus Liebe zum Schönen" class="subtitle" style="display:none" ondragstart="return false;" />'));
		$("div.subtitle").find("img.subtitle").fadeIn("fast");
	
		var table = '<table  border="0" id="imageTable">';
		table += '<tr>';
	
		var images = $("input.imageBarList");
		var randomNumbers = new Array();
		var maxImgCount = 12;
		//maxImgCount = maxImgCount - $("img.imageBar").length;

		for( var i=0; i<maxImgCount; i++ ) {
			var randomnumber;
		
			do {
				do {
					randomnumber = Math.floor(Math.random()*images.length);
					console.log( $.inArray(randomnumber, randomNumbers) );
				} while ($.inArray(randomnumber, randomNumbers) != -1) 
			/*var lastSrc = $("img.imageBar:last").attr("src");
			
				if( lastSrc && (lastSrc.indexOf('colorImage.php') != -1) ) {
					do {
						randomnumber = Math.floor(Math.random()*images.length);
					} while( ($("img#imageBarImg"+randomnumber).length > 0)  ) 
				}
				*/
			} while( ($("img#imageBarImg"+randomnumber).length > 0)  ) 
			
			randomNumbers.push( randomnumber );
			
			if( i!=0 && (i % 4 == 0) )  {
				table += '</tr><tr>';
			}
				
			table += '<td><img src="'+images[randomnumber].getAttribute("value")+'" class="imageBar" alt="imageBanner" id="imageBarImg'+randomnumber+'" style="display:block" ondragstart="return false" /></td>';
		
		
			
		
		}
		
		console.log(  );
		console.log( randomNumbers );
	

		//table += '<td>';
		
	
		table += '</tr>';
		table += '</table>';
		
		$("div.homepage").append($(table));
			
			
		$("table.imageTable").find("img.imageBar").fadeIn("slow");				
		
		
	}
	
	
});



function generateImageBar() {
	
	//$("img.imageBar").last().remove();
	
	var width = $(window).width();
	var reduction = $("div.overall").css("margin-left");
	reduction = reduction.substr(0,reduction.indexOf("px"));
	reduction = 0;
	var images = $("input.imageBarList");
	
	

	var maxImgCount = Math.ceil((width-reduction)/175);
	maxImgCount = maxImgCount - $("img.imageBar").length;

	for( var i=0; i<maxImgCount; i++ ) {
		var randomnumber;
		
		do {
			randomnumber = Math.floor(Math.random()*images.length);
			var lastSrc = $("img.imageBar:last").attr("src");
			
			if( lastSrc && (lastSrc.indexOf('colorImage.php') != -1) ) {
				do {
					randomnumber = Math.floor(Math.random()*images.length);
				} while( ($("img#imageBarImg"+randomnumber).length > 0)  ) 
			}
		} while( ($("img#imageBarImg"+randomnumber).length > 0)  ) 
			

		$("div.imageBar").append($('<img src="'+images[randomnumber].getAttribute("value")+'" class="imageBar" alt="imageBanner" id="imageBarImg'+randomnumber+'" style="display:none" ondragstart="return false" />'));
	}

	
	$("div.imageBar").find("img.imageBar").fadeIn("slow");
	
	
	
}