var Parallax = new Class({
  
  Implements: [Options, Events],
  
  options: {
      container: window,
      lisc1: null,
	  lisc2: null,
	  lisc3: null,
	  lisc4: null,
	  lisc5: null,
	  lisc6: null,
      cytryna: null,
	  cytryna2: null,
	  malina: null,
	  malina2: null,
	  brzoskwinia: null,
	  brzoskwinia2: null,
	  wyspa: null,
      start: 0,
      plan1Faktor: -1.7,
      plan2Faktor: -2.5,
	  wyspaFaktor: -0.15
  },
  
  initialize: function(options) {
    this.setOptions(options);
    this.container = document.id(this.options.container);
	this.container = $('main');
    this.go();
	//alert(this.container);
  },
  
  go: function() {
    if(this.options.lisc1) {
      var lisc1 = this.options.lisc1;
	  var lisc2 = this.options.lisc2;
	  var lisc3 = this.options.lisc3;
	  var lisc4 = this.options.lisc4;
	  var lisc5 = this.options.lisc5;
	  var lisc6 = this.options.lisc6;
      var cytryna = this.options.cytryna;
	  var cytryna2 = this.options.cytryna2;
	  var malina = this.options.malina;
	  var malina2 = this.options.malina2;
	  var brzoskwinia = this.options.brzoskwinia;
	  var brzoskwinia2 = this.options.brzoskwinia2;
	  var wyspa = this.options.wyspa;
      var plan1Faktor = this.options.plan1Faktor;     
      var plan2Faktor = this.options.plan2Faktor;
	  var wyspaFaktor = this.options.wyspaFaktor;
      var start = this.options.start;
      var stop = lisc1.getCoordinates().left + lisc1.getSize().x;
      this.container.addEvent('scroll', function(e) {
        var containerPos = this.getScroll().x;
        //if((containerPos >= start) && (containerPos <= stop)) {
		if(containerPos >= start) {
           var plan1Pos = containerPos * plan1Faktor;
           var plan2Pos = containerPos * plan2Faktor;
		   var wyspaPos = containerPos * wyspaFaktor;
           //el.setStyle('background-position', '0 ' + elPos + 'px');
           //elInner.setStyle('background-position', elInnerPos + 'px');
		   lisc1.setStyles({left : 1620 + plan1Pos});
		   lisc2.setStyles({left : 3583 + plan1Pos});
		   lisc3.setStyles({left : 5152 + plan1Pos});
		   lisc4.setStyles({left : 6947 + plan1Pos});
		   lisc5.setStyles({left : 8006 + plan1Pos});
		   lisc6.setStyles({left : 8506 + plan1Pos});
		   cytryna.setStyles({left : 3000 + plan2Pos});
		   cytryna2.setStyles({left : 2500 + plan2Pos});
		   malina.setStyles({left : 4891 + plan2Pos});
		   malina2.setStyles({left : 4591 + plan2Pos});
		   brzoskwinia.setStyles({left : 6562 + plan2Pos});
		   brzoskwinia2.setStyles({left : 7237 + plan2Pos});
		   wyspa.setStyles({left : 0 + wyspaPos});
		   //alert(this.getScroll().x);
        }
      });
    }
  }
});

window.addEvent('domready', function () {
    var myParallax = new Parallax({
        lisc1: $('lisc1'),
		lisc2: $('lisc2'),
		lisc3: $('lisc3'),
		lisc4: $('lisc4'),
		lisc5: $('lisc5'),
		lisc6: $('lisc6'),
        cytryna: $('cytryna'),
		cytryna2: $('cytryna2'),
		malina: $('malina'),
		malina2: $('malina2'),
		brzoskwinia: $('brzoskwinia'),
		brzoskwinia2: $('brzoskwinia2'),
		wyspa: $('wyspa')
    });
	//alert($("outer").getPosition().x);
});