$(document).ready(function(){
	/** initialize configuration **/
	var containerID = "AIBlockItemsContainerID";
	var sourceDirectory = "../res/videos/snapshots";
	var DS = "/";
	var showSnapshotsBlock = 2;
	var maxSnapshootsImages = 3;
	var minSnapshootsImages = 1;
	var videoCount = 4;
	var snapshootPrefix = "v";
	var snapshotSeparator = "_";
	var snapshootBlockName = "SnapShootBlock";
	var snapshootExtension = ".jpg";
	var altSnapshootName = "Snapshoot";
	var spacerName = "CustomSnapShootSpacer"
	
	//alert("ok");
	
	/** creating blocks **/
	var _blocks = makeBlocks(showSnapshotsBlock);
	/** adding blocks to container **/
	$("#" + containerID).html(_blocks);
	
	function makeBlocks(count) {
		var _videos = createRandomArray(count, 1, videoCount);
		var _currSnapShoot = 1;
		var _snapshootpath = "";
		var _content = "";
		var _data = "";
		
		//alert("hgfhg"+count);

		for (i = 0; i < count; i++){
			_currSnapShoot = getRandom(minSnapshootsImages, maxSnapshootsImages);
			_snapshootpath = getSnapShootPath(_videos[i], _currSnapShoot);
			//alert(_snapshootpath);
			_content = customBlockContent(_snapshootpath, altSnapshootName);
			_data += createVideoBlock(snapshootBlockName, snapshootBlockName, _content);
			_data += addSpacer(spacerName);
		}
		
		return _data;
	}


	function createRandomArray(range, minValue, maxValue) {
		var _arr = new Array();

		if (maxValue - minValue + 1 > range)
			range = maxValue - minValue + 1;

		//alert("rrr"+range);
			
		var _rr = 0;
		var _isset = false;
		for (i = 0; i < range; i++) {
			do {
				_isset = false;
				_rr = getRandom(minValue, maxValue);
				for (j = 0; j < i; j++) {
					if (_arr[j] == _rr) {
						_isset = true;
						break;
					}
				}
			}while (_isset);
			_arr[i] = _rr;
		}

		//alert(_arr);
		
		return _arr;
	}

	function getRandom(minValue, maxValue) {
		if (minValue > maxValue)
			return 0;
			
		var _rn = minValue + Math.floor(Math.random() * (maxValue - minValue) + 0.1)
		return _rn;
	}


	function createVideoBlock(id, cssClass, content) {
		var _block = '<div id="'+id+'ID" class="'+cssClass+'">';
		_block += content;
		_block += "</div>";
		return _block;
	}


	function getSnapShootPath(video, number) {
		return sourceDirectory + DS + snapshootPrefix + video + snapshotSeparator + number + snapshootExtension;
	}

	function customBlockContent(snapsoot, alt) {
		var _cont = '<img src="' + snapsoot + '" alt="' + alt + '">';
		return _cont;
	}
	
	function addSpacer(name) {
		return _spacer = '<div id="' + name + 'ID" class="' + name + '"></div>';
	}

});