var ZoneNav = (function(){
	var instance = function(){
		var me = this;
		var container = null;
		var MainImagesWidth = 0;
		var MainImagesHeight = 0;		
		var MyImages = null;
		var MainImage = document.getElementById('Main');
		var Nav = document.getElementById('Nav');

		var constructor = function(){
			container = document.createElement('DIV');
//			container.className = 'container';
//			Nav.appendChild(container);
			
			paint();
		};
		
		var OpenMainImages = function() {
			MainImage.className = 'MainOpen';
/*				if (MainImagesWidth < 88) {
					MainImage.style.height = MainImagesWidth + '%';
					setTimeout("Timer()", 0);
				}*/
//				Timer();
//				MainImage.style.width = '';
	};
		
		var Timer = function() {
			OpenMainImages();
			MainImagesWidth = MainImagesWidth + 2;
			return MainImagesWidth;
		};
		
		me.getContainer = function() {
			return container;
		};
		var insertImages = function(id, img, TypeImages) {
			if (id == 'Nav'){
				var MyImages = document.createElement('IMG');
				MyImages.src = '/gallery/images/' + TypeImages + '/' + img;
				document.getElementById(id).appendChild(MyImages);
				MyImages.onclick = function () {
					insertImages('MyImagesMain',img, 'gr');
				}
			}
			else {
				document.getElementById(id).src = '/gallery/images/' + TypeImages + '/' + img;
				document.getElementById(id).className = 'MyImage';
			}
		};
		var paint = function(){
			OpenMainImages();
			insertImages('MyImagesMain','IMGP2194.jpg', 'gr');
			insertImages('Nav','IMGP2194.jpg', 'th');
			insertImages('Nav','IMGP2807.jpg', 'th');
			insertImages('Nav','IMGP2868.jpg', 'th');
			
//			document.getElementById('menu').innerHTML = t + '';
		};

		constructor();
	};

	return instance;
})();