// ********************************************
// *** Skrypt  "Suwak"                      ***
// *** Autor:  Tomasz Nabrzeski             ***
// *** E-mail: tnabrzeski@gmail.com         ***
// ********************************************

var Suwak = {
	mouse		: false,
	left		: 0,
	pageWidth	: 0,
	ratio		: 1.333333333333,

	init: function() {
		if (!$('suwak') || !$('pole_suwak')) {
			alert('Brak zdefiniowanego suwaka');
			return false;
		}
		
		if (window.ie) {
			$('pole_suwak').setStyles({'position':'absolute','left':((window.getWidth()/2)-77)+'px'});
			window.addEvent('resize', function() { $('pole_suwak').setStyles({'position':'absolute','left':((window.getWidth()/2)-77)+'px'}); });
		}
		
		document.onmouseup		= Suwak.mouseUp;
		document.onmousemove	= Suwak.mouseMove;
		$('suwak').onmousedown 	= Suwak.mouseDown;
		Suwak.left  			= $('suwak').getStyle('left').toInt();
		Suwak.pageWidth			= Window.getWidth() - 100;
		Suwak.window			= parseInt( $$('#page .bt').getStyle('width'));
		//Suwak.resizeGame(63);
	},

	mouseDown: function(e) {
		Suwak.mouse = true;
		Suwak.start = document.all ? window.event.clientX : e.pageX;
		
		e.preventDefault();
	},

	mouseUp: function() {
		Suwak.mouse = false;
		Suwak.left  = $('suwak').getStyle('left').toInt();
	},

	mouseMove: function(e) {
		if (!Suwak.mouse) return;

		var x = document.all ? window.event.clientX : e.pageX ;
		x =  x - Suwak.start + Suwak.left;
		Suwak.resizeGame(x);
		
		e.preventDefault();
	},

	resizeGame: function(x) {
		if (x < 0) x = 0;
		if (x > 125) x = 125;
		$('suwak').setStyle('left', x + 'px');
		var p = x / 125;
		var w = (Suwak.pageWidth * p).toInt();
		var h = (w / Suwak.ratio ).toInt();
		$('ramka').setStyle('width', w + 'px');
		$('ramka').setStyle('height', h + 'px');
		if (w > (Suwak.window - 20)) {
			$('main').setStyle('width', (w + 32) + 'px');
		} else {
			$('main').setStyle('width', '780px');
		}
	}
}