//alert(window.innerWidth);

var addEvent = function(elem, type, eventHandle) {
    if (elem == null || elem == undefined) return;
    if ( elem.addEventListener ) {
        elem.addEventListener( type, eventHandle, false );
    } else if ( elem.attachEvent ) {
        elem.attachEvent( "on" + type, eventHandle );
    } else {
        elem["on"+type]=eventHandle;
    }
};

//window.onscroll = resize;
addEvent(document,"touchmove", resize);
addEvent(document,"scroll", resize);
addEvent(window,"resize", resize);

//var gSaveHeaderMarginTop = '0px';

function resize() {

	//return;
	
	//console.log('resize() called...');
	
	var changeat=37;
	var isscrolling = (window.pageYOffset>=changeat);
	var isneartop = (window.pageYOffset<10);
	var clippedHeight =  isscrolling ? '4px' :  (window.pageYOffset+4)+'px';	
	//var ipad786 = (((window.innerWidth > 0) ? window.innerWidth : screen.width) == '768');
	var isandroid = navigator.userAgent.match(/Android/i) ? true : false;
	var issmaller = window.innerWidth <= (isscrolling ? 785 : 785);
	var issmall = window.innerWidth <= (isscrolling ? 700 : 700); /* from style.css */
	
	//if (issmall) console.log('IS SMALL!'); else console.log('IS NOT');

// header	
	document.getElementById('header').style.backgroundPosition = isscrolling ? '-25px -289px' : '-25px -215px';
	document.getElementById('header').style.height = issmall || isscrolling ? (issmaller ? '33px' : '36px') : '60px';
	document.getElementById('header').style.marginTop = isscrolling && !issmall ? '-11px' : '0px';
	document.getElementById('shadowh').style.visibility = isscrolling ? 'visible' : 'hidden';

	//alert(isscrolling);

	if(issmall) {
		// now, do nothing if small
	} else if(isandroid) {
		document.getElementById('header').style.position = isscrolling ?  'absolute' : 'static';
		document.getElementById('header').style.left = isscrolling ?  '0px' : 'auto';
		document.getElementById('header').style.top = isscrolling ?  ((window.pageYOffset+11)+'px') : '';
	} else {
		document.getElementById('header').style.position = issmall || isscrolling ?  'fixed' : 'relative';
		document.getElementById('header').style.maxWidth = !issmaller && isscrolling ?  '952px' : '';
		document.getElementById('shadowh').style.height = isscrolling ? (issmaller ? (issmall ? '28px' : '33px') : '32px') : '55px';
	}

	document.getElementById('header').style.borderBottom = issmall || isscrolling ?  '0px' : '';

// login
	//document.getElementById('member-login').style.marginTop = clippedHeight;
	//document.getElementById('member-login').style.marginTop = isscrolling ? '6px' : (issmall ? '0px' : '44px') ;
	//document.getElementById('member-login').style.float = issmall ? 'none' : 'right';

// logo
	//document.getElementById('logo').style.display = isscrolling ? 'none': 'block';
	var logo = document.getElementById('logo');
	var logoimg = logo.childNodes[1].childNodes[0];
	logoimg.style.width='auto';
	logoimg.style.height='auto';
	logoimg.src = issmall || isscrolling ? 'https://wp.dynamicglobal.com/wp-content/uploads/2014/03/dg-logo-new-longtrans-tiny.png': 'https://wp.dynamicglobal.com/wp-content/uploads/2014/03/cropped-cropped-dg-logo-new-trans-144.png';
	//logo.style.margin = issmall ? '2px 2px 2px 4px' : (isscrolling ? '2px 0px 0px 2px': '4px 2px 4px 4px');
	logo.style.left = issmall ? '0px' : (isscrolling ? '0px' : (issmaller ? '4px' : ''));
	logo.style.top = issmall ? '0px' : (isscrolling ? '3px' : (issmaller ? '-3px' : '27px'));
	logo.style.borderWidth = issmall ? '2px':'4px';

	//if(logo.style.zoom != (isscrolling ? '100%':'80%')) logo.style.zoom = isscrolling ? '100%':'80%'; // just cant do, ruins scrolling/fixed

// wrapper
	document.getElementById('wrapper').style.marginTop = isscrolling ? (issmall ? '-10px' : (issmaller ? '56px' : '56px')) : (issmaller ? '0px' : '0px');

// menus
	if(document.getElementById('responsive_current_menu_item')!==null) {
		document.getElementById('responsive_current_menu_item').style.marginLeft = issmall ? '131px': '0px';
		document.getElementById('responsive_current_menu_item').style.paddingTop = issmall ? '7px': '0px';
		document.getElementById('responsive_current_menu_item').style.visibility = 'visible';
	}
	//document.getElementById('menu-main-menu').style.zoom = issmaller ? '80%': '100%';
	
	// .main-nav (parent of menu-main-menu)
	document.getElementById('menu-main-menu').parentElement.style.float = issmall ? 'none' : 'right';
	document.getElementById('menu-main-menu').parentElement.style.height = issmall ? '33px' : '';

	document.getElementById('menu-main-menu').style.paddingLeft = isscrolling ? '0px': '0px';
	document.getElementById('menu-main-menu').style.height = issmall ? '33px' : (isscrolling ? (issmaller ? '31px' : '33px'): '');
	document.getElementById('menu-main-menu').style.marginTop = issmall ? '8px' : (isscrolling ? (issmaller ? '0px' : '3px') : (issmaller ? '24px' : '15px'));
	document.getElementById('menu-main-menu').style.marginLeft = issmall ?  '100px' : '';
	
	document.getElementById('menu-item-2101').style.marginTop = isscrolling ? (issmaller ? '2px' : '-5px'): '0px';
	document.getElementById('menu-item-2100').style.marginTop = isscrolling ? (issmaller ? '2px' : '-5px'): '0px';
	document.getElementById('menu-item-416').style.marginTop = isscrolling ? (issmaller ? '2px' : '-5px'): '0px';
	document.getElementById('menu-item-2541').style.marginTop = isscrolling ? (issmaller ? '2px' : '-5px'): '0px';
	document.getElementById('menu-item-161').style.marginTop = isscrolling ? (issmaller ? '2px' : '-5px'): '0px';
	document.getElementById('menu-item-14').style.marginTop = isscrolling ? (issmaller ? '2px' : '-5px'): '0px';
	
	document.getElementById('menu-item-2101').childNodes[0].style.height = isscrolling ? '48px': '45px';
	document.getElementById('menu-item-2100').childNodes[0].style.height = isscrolling ? '48px': '45px';
	document.getElementById('menu-item-416').childNodes[0].style.height = isscrolling ? '48px': '45px';
	document.getElementById('menu-item-2541').childNodes[0].style.height = isscrolling ? '48px': '45px';
	document.getElementById('menu-item-161').childNodes[0].style.height = isscrolling ? '48px': '45px';
	document.getElementById('menu-item-14').childNodes[0].style.height = isscrolling ? '48px': '45px';

	document.getElementById('logo').style.visibility = 'visible';
	document.getElementById('menu-main-menu').style.visibility = 'visible';
}

var issmall=null;
setTimeout("resize();", 500);
setInterval("resize();", 3000);


function doShadows() {
document.write("<div id='shadowdeco'></div>");
document.write("<div id='shadowh' style='heightX:" + (document.getElementById('header').clientHeight) + "px;'></div>");
var h1s = document.getElementsByTagName('h1');
var max;
for (var i=0, max=h1s.length; i < max; i++) {
	h1s[i].style.opacity='1';
	var pos = offset(h1s[i]);
	document.write("<div class='shadow1' style='top:" + (pos.top-1) + 
			"px;background-color:" + (h1s[i].className.indexOf('title')==-1?'rgba(228, 248, 255, 0.10)':'rgba(255, 239, 205, 0.10)') + 
			";'></div>");
}
var h2s = document.getElementsByTagName('h2');
for (var i=0, max=h2s.length; i < max; i++) {
	var pos = offset(h2s[i]);
	document.write("<div class='shadow2' style='top:" + (pos.top-6) + "px;'></div>");
}
}

function offset(element){
    var body = document.body,
        win = document.defaultView,
        docElem = document.documentElement,
        box = document.createElement('div');
    box.style.paddingLeft = box.style.width = "1px";
    body.appendChild(box);
    var isBoxModel = box.offsetWidth == 2;
    body.removeChild(box);
    box = element.getBoundingClientRect();
    var clientTop  = docElem.clientTop  || body.clientTop  || 0,
        clientLeft = docElem.clientLeft || body.clientLeft || 0,
        scrollTop  = win.pageYOffset || isBoxModel && docElem.scrollTop  || body.scrollTop,
        scrollLeft = win.pageXOffset || isBoxModel && docElem.scrollLeft || body.scrollLeft;
    return {
        top : box.top  + scrollTop  - clientTop,
        left: box.left + scrollLeft - clientLeft};
}