// 
//  scroller.js
//  Urban Lab Studio
//  
//  Created by Raphael Morin on 2009-06-01.
//  Copyright 2009 Karbonik Media. All rights reserved.
//	www.karbonikmedia.com
// 


var viewportwidth = 0;
var viewportheight = 0;
var goingleft = false;
var goingright = false;
var goingtop = false;
var goingbottom = false;
var x = 0;
var y = 0;
var scroll = null;
var box = {};

window.addEvent('resize',function(){
	returnViewportSize();
	centerTheScroller();
});

window.onload = init;
function init() {
  if ($('container').Event) {
    $('container').captureEvents(Event.MOUSEMOVE);
  }
  $('container').onmousemove = getXY;

};


window.addEvent('domready',function(){
	returnViewportSize();
	centerTheScroller();
	scroll = new Fx.Scroll('container', {
		wait: false,
		duration: 5000,
		//offset: {'x': -200, 'y': -50},
		offset: {'x': -200},
		area: 0, 
		velocity: .1,
		transition: Fx.Transitions.linear.easeInOut
	});
	
	
	var Tips2 = new Tips($$('.Tips2'), {
        initialize: function() { this.tip.fade('hide'); },
        onShow: function(tip) { scroll.pause(); tip.fade('in');  },
        onHide: function(tip) { tip.fade('out'); goingleft=false; goingright=false;}
	});
	
	

});


function moveThePic(){
	
	switch (true){
		
		case x>(viewportwidth/2) + 200:
		lockTheScroller("right");
		break;
	
		case x<(viewportwidth/2) - 200: 
		lockTheScroller("left");
		break;
		
		default : 
		scroll.pause();
		goingleft=false; 
		goingright=false;
	}
	
};

function lockTheScroller(way){
	switch(way) {
		case "left":
		if (goingleft==false) {goingright=false; goingleft=true; scroll.toElement('content1');};
		break;
		
		case "right":
		if (goingright==false) {goingleft=false; goingright=true; scroll.toElement('content4');};
		break;
		
		case "bottom":
		if (goingbottom==false) {goingtop=false; goingbottom=true; scroll.toBottom();};
		break;
		
		case "top":
		if (goingtop==false) {goingbottom=false; goingtop=true; scroll.toTop();};
		break;
	}
}



function centerTheScroller(){
	document.getElementById("container").scrollLeft=(2700-viewportwidth)/2;
	document.getElementById("container").scrollTop=100;
};


function getXY(e) {
  	/*x = (window.Event) ? e.pageX : event.clientX;
	y = (window.Event) ? e.pageY : event.clientY;*/
	
	/*pageX = event.clientX + document.body.scrollLeft;
	pageY = event.clientY + document.body.scrollTop;
	*/
	//pour IE... Quelle merde !!
	/*x = (window.Event) ? e.pageX : event.clientX;
		y = (window.Event) ? e.pageY : event.clientY;*/
	
	if (window.event) {
		x = target = window.event.clientX;
		y = target = window.event.clientY;
	} else if (e) {
		x = target = e.pageX;
		y = target = e.pageY;
	} else return;
	
	/*x = (window.Event) ? e.pageX = e.clientX + document.body.scrollLeft;
	y = (window.Event) ? e.pageY = e.clientY + document.body.scrollTop;*/
	
	moveThePic();
};


function returnViewportSize() {
	 // mozilla/netscape/opera/IE7
	 if (typeof window.innerWidth != 'undefined'){ viewportwidth = window.innerWidth, viewportheight = window.innerHeight }
	// IE6  jamais simple
	 else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !=
	     'undefined' && document.documentElement.clientWidth != 0)
	 { viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight}
	 // IE < 6
	 else
	 { viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight }
};