function scrollCat(target) {
	//if (target=="#me-now") {$.scrollTo(target,{duration: 1000, offset:{left:-22}});}else
	$.scrollTo(target,{duration: 1000, offset:{left:-16}});
}

function viewport(){
   if (typeof window.innerWidth != 'undefined')
   { viewportwidth = window.innerWidth}
   else if (typeof document.documentElement != 'undefined'
	   && typeof document.documentElement.clientWidth !=
	   'undefined' && document.documentElement.clientWidth != 0)
   {viewportwidth = document.documentElement.clientWidth}
   else
   {viewportwidth = document.getElementsByTagName('body')[0].clientWidth}
   
   var contactdivpos = getposition(document.getElementById('contact'));
	document.getElementById('page').style.width = (contactdivpos+172)+'px';

}

function getposition(obj){
    var left= 0;
    while(obj){
	left+= obj.offsetLeft;
	obj= obj.offsetParent;
    }
    return left;
	}

function position() {
    var scrOfX = 0;
	var scrOfXr = 0;
	var titletag;
	var titlemenow, titlenew, titlewebgraphicdesign, titlevideovisuals, titleand;
 
    if( typeof( window.pageYOffset ) == 'number' ) {
        scrOfX = window.pageXOffset;
    } else if( document.body && ( document.body.scrollLeft ) ) {
        scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft ) ) {
        scrOfX = document.documentElement.scrollLeft;
    }
	scrOfXr = scrOfX + viewportwidth;
	document.getElementById('pos').innerHTML = "left: " + scrOfX + "   right: " + scrOfXr;
	var menow = document.getElementById('me-now-cat').style;
	var menew = document.getElementById('new-cat').style;
	var webgraphicdesign = document.getElementById('web-graphic-design-cat').style;
	var videovisuals = document.getElementById('video-visuals-cat').style;
	var and = document.getElementById('and-cat').style;
	
	var menewdiv = document.getElementById('new');
	var webgraphicdesigndiv = document.getElementById('web-graphic-design');
	var videovisualsdiv = document.getElementById('video-visuals');
	var anddiv = document.getElementById('and');
		
	if (scrOfX<getposition(menewdiv)-16){menow.color = '#ffffff'; titlemenow="fabian lang /";} else {menow.color = '';titlemenow="";}	
	if (scrOfX<getposition(webgraphicdesigndiv)-16&&scrOfXr>(getposition(menewdiv))){menew.color = '#ffffff'; titlenew="new /";} else {menew.color = '';titlenew="";}
	if (scrOfX<getposition(videovisualsdiv)-16&&scrOfXr>(getposition(webgraphicdesigndiv))){webgraphicdesign.color = '#ffffff'; titlewebgraphicdesign="web & graphic design /";} else {webgraphicdesign.color = '';titlewebgraphicdesign="";}
	if (scrOfX<getposition(anddiv)-16&&scrOfXr>(getposition(videovisualsdiv))){videovisuals.color = '#ffffff'; titlevideovisuals="video & visuals /";} else {videovisuals.color = '';titlevideovisuals="";}
	if (scrOfXr>getposition(anddiv)){and.color = '#ffffff'; titleand="projects /";} else {and.color = ''; titleand="";}
	document.title = "fkid.org // " + titlemenow + titlenew + titlewebgraphicdesign + titlevideovisuals + titleand;
    return [ scrOfX ];

}