// 



window.addEvent('domready',function() {
    $('play').set('class', 'none');
    var posnov = 0;
    var kaunt = 0;
    var scrolla = 734;
    var scrolldiv = 700;
    var moveit = $('categories').getElements('a.top');
    var libg = $('categories').getElements('li.menu');
    var shakeit = $('categories').getElements('li.level a');
    var started = 0;

	
// lame	
		if(started == 0) {
			$('ureg').set('morph', {duration: 200, fps: 120}).morph({'opacity': ['1', '0']});
			started = 1;
		}
		var mohaa = $('page').get('style');
		if(mohaa == 'width: 400px;') {
			$('picture').morph({'opacity': ['0', '1']});
			$('page').set('morph', {duration: 100, fps: 120}).morph({'width': '0px'});
		}
		var allz = "";
		var szkrollc = new Fx.Scroll(document.body).set(0, 0);
		kaunt = 0;
		posnov = 0;
		$('play').set('class', '');
		
		var subdirload = 'fashionistic';
		$('picture').set('html','');
		$('spinner').morph('.loading');
		$('picture').load('dir2.php?pic=' + subdirload + '&desc=desc');
	
		new Request({onSuccess: function(responseText, responseXML){
		allz = responseText.split("-");
		var allz = allz.erase("");
		var myImages = new Asset.images(allz, {
		onComplete: function() {
			$('spinner').morph('.loaded');
	
			var gg = 0;
			//$('cont').setStyle('width', gg);	

			var clear = new Element('div', {style: 'clear: both; display: block; float: none;'}).inject($('picture'));
			
			}
		});
	
		var all = 0;
		var state = 0;
		$('cont').setStyle('width', 0);    
	
		allz.each(function(item, index) {
	

		var ahah = 0;
        (function() {
		
			var x = new Element('img',{style:'margin-right: 28px; display: block; height: 500px; float: left;', src: item}).inject($('picture'));
		

			x.addEvent('load',function() {
			
				var state = $('cont').getStyle('width');
				var ahah = (x.getSize().x);

						
				
				
				ahah = ahah * 1;
				
				state = state.split('px');
				state = (state[0] * 1) + 32;
				
					
				$('cont').setStyle('width', state + ahah);
				
				//alert(ahah);
			})
			
				
		
		}).delay(200);
	
        kaunt = kaunt + 1;
		
		});
		}, url:'dir2.php?pic=' + subdirload}).send();
    
	
	
	
	
	
	
	
	
    moveit.addEvent('click', function() {
    var dirload = this.get('id');
    var dire = this.get('class');
    dire = dire.split(" ");
    if(dire[1] == "dir") {
        moveit.set('morph', {duration: 300, fps: 60}).morph({'height': '0px', 'opacity': ['1','0']});
        libg.set('class', 'menu disabled');
        $(dirload + 'X').set('morph', {duration: 200, fps: 60}).morph({'height': '42px', 'opacity': '1'});
        $(dirload + 'X').set('class', 'active');
		}
		else {
		if (dire[1] == "no") {
			$('picture').set('morph', {duration: 300, fps: 120});
			$('page').set('html', '');
			var moha = $('page').get('style');
			$('page').set('morph', {duration: 300, fps: 120});

		if(moha == 'width: 400px;') {
			$('page').morph({'width': '0px'});
			$('page').set('html', '');
			(function(){$('page').morph({'width': '400px'});}).delay(500);
		}
		else {
			$('page').set('morph', {duration: 600, fps: 120}).morph({'width': '400px'});
		}
		daj = this.get('id');
		(function(){$('page').load('_' + daj + '.php');}).delay(800);
		return 0;
		}
		if(started == 0) {
			$('ureg').set('morph', {duration: 200, fps: 120}).morph({'opacity': ['1', '0']});
			started = 1;
		}
		var mohaa = $('page').get('style');
		if(mohaa == 'width: 400px;') {
		$('picture').morph({'opacity': ['0', '1']});
			$('page').set('morph', {duration: 100, fps: 120}).morph({'width': '0px'});
		}
		$('play').set('class', '');
		var allz = "";
		var szkrollc = new Fx.Scroll(document.body).set(0, 0);
		kaunt = 0;
		posnov = 0;
		$('picture').set('html','');
		$('spinner').morph('.loading');
		$('picture').load('dir2.php?pic=' + dirload + '&desc=desc');
		new Request({onSuccess: function(responseText, responseXML) {
		allz = responseText.split("-");
		var allz = allz.erase("");
		var myImages = new Asset.images(allz, {
		onComplete: function() {
			$('spinner').morph('.loaded');
		}
		});
	
		allz.each(function(item, index) {
		
			(function() {new Element('div',{style:'width:'+scrolldiv+'px; height: 500px; background: #070707 url('+item+') no-repeat top center;' }).inject($('picture'));}).delay(200);
			kaunt = kaunt + 1;
		});
		}, url:'dir2.php?pic=' + dirload}).send();
		

		}
    });
	
	
	

    shakeit.addEvent('click', function() {
		if(started == 0) {
			$('ureg').set('morph', {duration: 200, fps: 120}).morph({'opacity': ['1', '0']});
			started = 1;
		}
		var mohaa = $('page').get('style');
		if(mohaa == 'width: 400px;') {
			$('picture').morph({'opacity': ['0', '1']});
			$('page').set('morph', {duration: 100, fps: 120}).morph({'width': '0px'});
		}
		var allz = "";
		var szkrollc = new Fx.Scroll(document.body).set(0, 0);
		kaunt = 0;
		posnov = 0;
		$('play').set('class', '');
		
		var subdirload = this.get('name');
		$('picture').set('html','');
		$('spinner').morph('.loading');
		$('picture').load('dir2.php?pic=' + subdirload + '&desc=desc');
	
		new Request({onSuccess: function(responseText, responseXML){
		allz = responseText.split("-");
		var allz = allz.erase("");
		var myImages = new Asset.images(allz, {
		onComplete: function() {
			$('spinner').morph('.loaded');
	
			var gg = 0;
			//$('cont').setStyle('width', gg);	

			var clear = new Element('div', {style: 'clear: both; display: block; float: none;'}).inject($('picture'));
			
			}
		});
	
		var all = 0;
		var state = 0;
		$('cont').setStyle('width', 0);    
	
		allz.each(function(item, index) {
	

		var ahah = 0;
        (function() {
		
			var x = new Element('img',{style:'margin-right: 28px; display: block; height: 500px; float: left;', src: item}).inject($('picture'));
		

			x.addEvent('load',function() {
			
				var state = $('cont').getStyle('width');
				var ahah = (x.getSize().x);

						
				
				
				ahah = ahah * 1;
				
				state = state.split('px');
				state = (state[0] * 1) + 32;
				
					
				$('cont').setStyle('width', state + ahah);
				
				//alert(ahah);
			})
			
				
		
		}).delay(200);
	
        kaunt = kaunt + 1;
		
		});
		}, url:'dir2.php?pic=' + subdirload}).send();
    
	
	});
	
	
	

    $('categories').getElements('a.back').addEvent('click', function() {
        var dirload2 = this.get('name');
        $(dirload2 + 'X').set('morph', {duration: 300, fps: 60, transition: Fx.Transitions.Cubic.easeIn}).morph({'height': '0px', 'opacity': '0'});
        (function(){
            moveit.set('morph', {duration: 200, fps: 60, transition: Fx.Transitions.Cubic.easeIn}).morph({'height': '42px', 'opacity': ['0', '1']});
            $(dirload2 + 'X').set('class', '');
            (function() {libg.set('class', 'menu');}).delay(200);
        }).delay(300);
    });

});