var windowWidth=0;
var windowHeight=0;
var yScroll=0;
var pageHeight=0;
var resizeTimeout=0;
var currentSlide=0;
var projectSlideTween=0;
var screenSlideTween=0;


Event.observe(window, "resize", function() {  clearTimeout(resizeTimeout); resizeTimeout = setTimeout(setLayout, 100); });
Event.observe(window, "load",init);



/* BOOT */

function init() {
		
		getDocDim();
		setLayout();

}



/* HOME */

function switchSlide(direction) {
	
	var spacing = 40;
	var maxItems = $('slide_slider').childNodes.length-1; //don't count clear
	
	var newSlide = currentSlide;
	if(direction == "next") var newSlide = currentSlide+1;
	if(direction == "prev") var newSlide = currentSlide-1;
	
	if(newSlide < 0) newSlide = maxItems-1;
	if(newSlide > (maxItems-1)) newSlide = 0;
	
	new Effect.Fade('logo', { duration: 0.2 });
	new Effect.Fade('menu', {  duration: 0.2, delay: 0.3 });

	//big scroll
	var curScroll = $('slide_holder').scrollLeft;
	var newScroll = (newSlide*(windowWidth));
			
	if(projectSlideTween) projectSlideTween.cancel();
	projectSlideTween = new Effect.Tween('slide_holder', curScroll, newScroll, { duration: 0.5, afterFinish: function() {
			
			new Effect.Appear('logo', { duration: 0.2 });
			new Effect.Appear('menu', { duration: 0.2, delay: 0.3 });

			var thisClass = $('slide_holder').firstChild.childNodes[newSlide].className;
			
			if(thisClass=="item dark" || thisClass=="item dark simple") {
				$('logo').src = "/images/logo.png";
				if(thisClass=="item dark") {
					$('menu_holder').className = "menu_holder2";
				} else {
					$('menu_holder').className = "";
				}
			} else {
				$('logo').src = "/images/logo_dark.png";
				$('menu_holder').className = "";
			}
			
	 
	
}	}, 'scrollLeft');
	
	

	//screenshot scroll
	var curScroll = $('screen_loader').scrollLeft;
	var newScroll = (newSlide*(311));
	
	if(screenSlideTween) screenSlideTween.cancel();
	screenSlideTween = new Effect.Tween('screen_loader', curScroll, newScroll, { duration: 0.4, delay: 0.4 }, 'scrollLeft');

	
	currentSlide = newSlide;
	
	
	for(i=0;i<$('slide_nav2').childNodes.length;i++) {
		$('slide_nav2').childNodes[i].className = "";
	}
	
	
	var dotId = ($('slide_nav2').childNodes.length-newSlide)-1;
	$('slide_nav2').childNodes[dotId].className="active";
	
	
}

function getSlide(slide) {
currentSlide = slide;
switchSlide();
}


/* LAYOUT */


function setLayout() {

		getDocDim();
		
		
		for(i=0;i<$('slide_slider').childNodes.length;i++) {
		
		//set all background images to window size.
		var newWidth = windowWidth;
		var currentWidth = $('slide_slider').childNodes[i].style.width.sub("px","");
		$('slide_slider').childNodes[i].style.width = newWidth+"px";

		}
		
		if($('slide_holder')) $('slide_holder').scrollLeft = (currentSlide*(windowWidth));
		


		

}






/* GENERAL */




/* GENERAL */

function getDocDim() {


if( typeof( window.innerWidth ) == 'number' ) {
windowWidth = window.innerWidth;
windowHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}

if (self.innerHeight) {	
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { 
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { 
windowHeight = document.body.clientHeight;
}	


var yScroll;
if (window.innerHeight && window.scrollMaxY) {	
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){
yScroll = document.body.scrollHeight;
} else { 
yScroll = document.body.offsetHeight;
}


if(yScroll < windowHeight){
pageHeight = windowHeight;
} else { 
pageHeight = yScroll;
}


}


function getPage(page)  {
document.location.href=page;
}


function confirmPage(msg,page) {
if(confirm(msg)) {
getPage(page);
} else {
return false ;
}
}