var Site = {
	init: function() {
		Imagehover.init();
		this.pngImgFix();
	},
	
	load: function() {
		this.footerFx();
		new SmoothScroll({duration:620, transition:'quad:in:out'});
	},
	
	footerFx: function() {
		var closePosition = 0;
		var openPosition = 285;
		if(!$('footerFxTrigger')) return;
		var trigger = $('footerFxTrigger');
		var target = $('footer_content');
		var fx = new Fx.Tween(target, {duration:390, wait:false, transition:'quad:in:out'});
		trigger.addEvents({
			'mouseenter': function() {
				if(this.hasClass('active')) return;
				this.addClass('on');
			},
			'mouseleave': function() {
				this.removeClass('on');
			},
			'click': function() {
				if(!this.hasClass('active')) {
					fx.start('height', openPosition);
					this.addClass('active');
				} else {
					fx.start('height', closePosition);
					this.removeClass('active');
				};
			}
		});
		$('footerFxClose').addEvent('click', function() {
			fx.start('height', closePosition);
			trigger.removeClass('active');
		});
	},
	
	
	// Example:
	//   <img src="XX.png" alt="" class="pngfix" />
	pngImgFix: function(){
		if(!$$('.pngfix')[0] || !Browser.Engine.trident4) return;
		var target=$$('.pngfix');
		var path = $$('h1 a')[0].href.replace(location.hash,'');
		path = path.indexOf('#') > -1 ? path.substr(0, path.indexOf('#')) : path;
		path = path.replace('/index.html', '/') + 'blank.gif';
		target.each(function(el,i) {
			if(el.get('tag') == 'img') {
				var src = el.src;
				el.src = path;
				el.setStyle('filter','progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+src+')');
			} else {
				var src = el.getStyle('background-image');
				src = src.replace('url(','');
				src = src.replace(')','');
				var size = el.hasClass('sizeScale') ? 'scale' : 'crop';
				el.setStyles({
					'background-image': 'url('+path+')',
					'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+src+',sizingMethod='+size+')'
				});
			};
		});
	}
}


/*




*/
var Imagehover = {
	init: function() {
		this.images = [], this.srcList = [];
		$$('img').each(function(el) {
			if(!el.src.test('_off.')) return;
			this.images.push(el);
			this.srcList.push(el.src);
		}, this);
		this.preload();
	},
	preload: function() {
		this.srcList.each(function(src,i) {
			new Asset.image(src.replace('_off.', '_on.'), {onload: this.attach.bind(this, i)});
		}, this);
	},
	attach: function(i) {
		if(Browser.Engine.trident4 && this.images[i].hasClass('pngfix')) return this.trident(i);
		this.images[i].addEvents({
			'mouseenter': function() {
				this.src =  this.src.replace('_off.', '_on.');
			},
			'mouseleave': function() {
				this.src = this.src.replace('_on.', '_off.');
			}
		});
	},
	trident: function(i) {
		this.images[i].addEvents({
			'mouseenter': function() {
				if(!this.getStyle('filter')) return;
				this.style.filter = this.style.filter.replace('_off.', '_on.');
			},
			'mouseleave': function() {
				if(!this.getStyle('filter')) return;
				this.style.filter = this.style.filter.replace('_on.', '_off.');
			}
		});
	}
}




window.addEvents({
	'domready': Site.init.bind(Site),
	'load': Site.load.bind(Site)
});