window.addEvent('domready',function(){

// AJAX REQUESTS

	$$('.frontpage .categories li').each(function(e) {
		e.addEvent('click', function(event) {

			event.stop();

			var req = new Request.HTML({
				method: 'get',
				url: '/inc/frontpage.php',
				data: { 'b' : e.get('value') },
				evalScripts: true,
				update: $('ajax_content'),
				onRequest: function() {
					$('ajax_content').empty().addClass('loader');
				},
				onComplete: function(html) {
					new Asset.javascript('/scripts/effects.frontpage.js');
					new Asset.javascript('/scripts/effects.general.js');
					$('ajax_content').removeClass('loader');
				}
			}).send();
		});
	});


// CATEGORIES PHOTOS
	
	var cat_area = $('cat_photos');
	var cat_items = $$('#cat_photos .items div');
	var info_frontpage = $$('.fp_viewer .info_frontpage');
	var info = $$('.fp_viewer .info');

	info_frontpage.setStyles({
		opacity: 0,
		right: -200
	}).set('morph', {
		duration: 500,
		transition: Fx.Transitions.Quint.easeOut,
		link: 'chain'
	}).morph({
		'opacity': 1
	}).morph({
		'right': 0
	});
	
	(function(){
		info_frontpage.set('morph', {
			duration: 500,
			transition: Fx.Transitions.Quint.easeOut
		}).morph({'right': -200});
	}).delay(5000);

	info.setStyles({
		opacity: 0,
		right: -200
	}).set('morph', {
		duration: 500,
		transition: Fx.Transitions.Quint.easeOut,
		link: 'chain'
	}).morph({
		'opacity': 1
	}).morph({
		'right': -25
	});

	var cat_photos = new noobSlide({
		mode: 'vertical',
		box: cat_area,
		items: cat_items,
		size: 300,
		autoPlay: true,
		interval: 3500,
		fxOptions: {
			duration: 0
		},
		onWalk: function(current_item) {
			
			$$(this.items).set('morph', {duration: 250, transition: 'linear'}).morph({'opacity': 0});
			$$(current_item).set('morph', {duration: 250, transition: 'linear'}).morph({'opacity': 1});
			
		}
	});


// LATEST ADDITIONS
	
	var latest_additions_area = $('viewer_latest_additions');
	var latest_additions_items = $$('#viewer_latest_additions .items');
	var latest_additions_prev = $$('.frontpage .latest_additions .prev a');
	var latest_additions_next = $$('.frontpage .latest_additions .next a');

	var latest_additions = new noobSlide({
		mode: 'vertical',
		box: latest_additions_area,
		items: latest_additions_items,
		handles: latest_additions_items,
		size: 130,
		autoPlay: true,
		interval: 10000,
		fxOptions: {
			duration: 500,
			transition: Fx.Transitions.Quint.easeOut,
			wait: false
		},
		addButtons: {
			previous: latest_additions_prev,
			next: latest_additions_next
		},
		onWalk: function() {
			
			if(this.currentIndex == 0) latest_additions_prev.set('opacity', 0);
			else latest_additions_prev.set('opacity', 1);
	
			if(this.currentIndex == latest_additions_items.length-1) latest_additions_next.set('opacity', 0);
			else latest_additions_next.set('opacity', 1);

		}
	});

// LATEST OFFERS
	
	var latest_offers_area = $('viewer_latest_offers');
	var latest_offers_items = $$('#viewer_latest_offers .items');
	var latest_offers_prev = $$('.frontpage .latest_offers .prev a');
	var latest_offers_next = $$('.frontpage .latest_offers .next a');

	var latest_offers = new noobSlide({
		mode: 'vertical',
		box: latest_offers_area,
		items: latest_offers_items,
		handles: latest_offers_items,
		size: 130,
		interval: 10000,
		fxOptions: {
			duration: 500,
			transition: Fx.Transitions.Quint.easeOut,
			wait: false
		},
		addButtons: {
			previous: latest_offers_prev,
			next: latest_offers_next
		},
		onWalk: function() {
			
			if(this.currentIndex == 0) latest_offers_prev.set('opacity', 0);
			else latest_offers_prev.set('opacity', 1);
	
			if(this.currentIndex == latest_offers_items.length-1) latest_offers_next.set('opacity', 0);
			else latest_offers_next.set('opacity', 1);

		}
	});
	
	(function(){
		latest_offers.play(latest_offers.interval, 'next', true);
	}).delay(5000);


// BRANDS

	var handle = $$('.fp_viewer_navi .brands li');
	var brands = $$('.fp_viewer_brands');
	brands.set('morph', {duration: 500, transition: Fx.Transitions.Quint.easeOut});
	
	$$(handle, brands).addEvents({
		'mouseenter': function(){
			brands.morph({
				'opacity': 1,
				'width': '700px',
				'height': '320px'
			});
			handle.addClass('active');
		},
		'mouseleave': function(){
			brands.morph({
				'opacity': 0,
				'width': '0px',
				'height': '0px'
			});
			handle.removeClass('active');
		}
	});

});