var HeaderFixed = {

	init : function(){
		if (!$('#FixedBg')) return false;

		var me = this;
		this.oHeader = $('#Header');
		this.oContent = $('#Layout');
		$(window).scroll(function(){ me.onScroll(); });
		this.oContent.mousewheel(me.wheelScroll);
		me.ctrlInit();
		me.onScroll();

	},


	onScroll : function(){
		this.scrollHeader();
		this.scrollBackground();
	},

	scrollHeader : function(){
		if ($.browser.msie)
			return;
		if (document.body.scrollTop) {
			this.oHeader.css("top",-document.body.scrollTop+"px");
		} else {
			this.oHeader.css("top",0);
		}
	},

	scrollBackground : function(){
		if ($.browser.msie && Math.round($.browser.version) < 7)
			return;
		if (document.body.scrollTop) {
			$("body").css("background-position","0 "+(-document.body.scrollTop)+"px");
		} else {
			$("body").css("background-position","0 0");
		}
	},

	wheelScroll : function(event, delta){
		delta = delta > 0 ? -1 : 1;
		if ($.browser.opera && $.browser.version > '9.2')
			delta = delta > 0 ? -1 : 1;
		document.body.scrollLeft = document.body.scrollLeft + (delta * 50);
		return false;
	},


	// Controls scroll
	ctrlInit : function(){
		var me = this;
		this.oCtrlLeft = $('#CtrlLeft');
		this.oCtrlRight = $('#CtrlRight');
		this.oScroll = $('#Products');

		$('#CtrlLeft, #CtrlRight').mousedown(me.ctrlScroll);
		$('#CtrlLeft, #CtrlRight').mouseout(me.ctrlScrollStop);
		$('#CtrlLeft, #CtrlRight').mouseup(me.ctrlScrollStop);

		$(window)
				.resize(function(){me.ctrlVisibility()})
				.scroll(function(){me.ctrlVisibility()});

		me.ctrlVisibility()
	},

	ctrlScroll : function(){
		var me = HeaderFixed;
		me.dir = 1;
		me.stop = 0;
		if (this.id.match(/left/i))
			me.dir = -1;

		me.ctrlScrollMove();
		me.ctrlVisibility();
	},

	ctrlScrollMove : function(){
		var me = this;
		document.body.scrollLeft = document.body.scrollLeft + (this.dir * 30);

		if ( !me.stop )
			this.timer = setTimeout(function(){ me.ctrlScrollMove(); },5);
	},

	ctrlScrollStop : function(){
		HeaderFixed.stop = 1;
	},

	ctrlVisibility : function(){
		var layout = document.getElementById('Layout');
		var content = document.getElementById('Products');

		var s = document.body.scrollLeft;
		var w = content.offsetWidth - layout.offsetWidth;

		this.oCtrlLeft.css('display', (!s ? 'none' : 'block'));
		this.oCtrlRight.css('display', (s == w ? 'none' : 'block'));
	}

}

$(function(){
	HeaderFixed.init();
});