/* John Holland - Layout.js */

var winDimensions;
//var origBGsize = {x:1024,y:680};
var origBGsize = {x:1040,y:742};

var _browser = navigator.userAgent;
var isIE = document.defaultView ? false : true;
var IEvers = isIE ? Number(_browser.substring(_browser.indexOf('MSIE ')+4,_browser.indexOf('MSIE ')+8)) : null;

var isChrome = false;
_browser.toUpperCase().indexOf('CHROME') > -1 ? isChrome = true : null;

var isMobile = false;
_browser.toUpperCase().indexOf('IPHONE') > -1 ? isMobile = true : null;
_browser.toUpperCase().indexOf('IPAD') > -1 ? isMobile = true : null;
_browser.toUpperCase().indexOf('ANDROID') > -1 ? isMobile = true : null;

var sizer = {
	bg:null,
	timer:null
};

function SetupSizer() {
	sizer.bg = $('#bg img');
	sizer.menuBack = $('#JH_MenuBk');
	sizer.footer = $('#footer');
	sizer.contentWidth = $('#mainInner').width();
	sizer.contentHeight = $('#mainInner').height();
	
	winDimensions = [$(window).width(),$(window).height()];
	
	if(isIE == true) {
		$('body').mousewheel(function(event, delta) {
			var modifier = -20;
			if(isIE == true && IEvers <= 6) {
				modifier = -14;
			}
			$('#main').scrollTop($('#main').scrollTop()+(modifier*delta));
		});
	}
	if(isMobile == true) {
		window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', ResetScroller, false);
	}
	ResetSizer();
	sizer.timer = setInterval(ResetSizer,200);
}

var elemS = null;
var scrollerSet = false;

function ResetScroller() {
	scrollerSet = false;
}

function SetScroller() {
	if(isMobile == true) {
		if($('#contentPanelScroll').height() > $('#sidePanelBack').height()) {
			if($('#contentPanelInner').height() != $('#sidePanelBack').height()) {
				$('#contentPanelInner').css('overflow','hidden');
				$('#contentPanelScroll').css('padding-bottom','40px');
				$('#contentPanelInner').height($('#sidePanelBack').height() - 20);
				$('#contentPanelBack').height($('#sidePanelBack').height());
			}
		}
		sizer.footer.css("position",'absolute');
		sizer.footer.css("top",($('#main').height() - 40) + 'px');
		sizer.footer.css("margin-right",'10px');
	}
	if(scrollerSet == false) {
		scrollerSet = true;
		var scrollContent = document.getElementById('contentPanelScroll');
		
		if(scrollContent != undefined && isMobile == true) {
			if($('#contentPanelScroll').height() > $('#sidePanelBack').height()) {
				$(function(){
					elemS = $('#contentPanelScroll');
					elemS.iscroll();
				});
			}
		}
	}
}

function ResetSizer() {
	winDimensions = [$(window).width(),$(window).height()];
	
	$('#contentPanelBack').width($('#contentPanelInner').width() + 20);
	$('#contentPanelBack').height($('#contentPanelInner').height() + 35);
	
	sizer.menuBack.width($('#mainInner').width() + 10);
	
	var Vdist = 0;
	if(winDimensions[0] < 1000) {
		// horizontal scrollbar
		if(isIE == true) {
			Vdist = 17;
		} else {
			Vdist = 15;
		}
	}
	
	if(winDimensions[1] > sizer.contentHeight || isMobile == true) {
		$('#mainInner').height(winDimensions[1] - 50 - Vdist);
		var distF = $('#mainInner').height() - sizer.contentHeight;
		
		if($('#sidePanelInner').height() > $('#mainInner').height() - 155) {
			$('#sidePanelBack').height($('#sidePanelInner').height() + 20);
			$('#mainInner').height($('#sidePanelInner').height() + 175);
			distF = $('#mainInner').height() - sizer.contentHeight;
			sizer.footer.css("top",(distF + 40) + 'px');
		} else {
			sizer.footer.css("top",(distF + 40) + 'px');
			$('#sidePanelBack').height($('#mainInner').height() - 155);
		}
	} else {
		$('#mainInner').height('auto');
		sizer.footer.css("top",40);
		if($('#sidePanelInner').height()+30 > sizer.contentHeight - 155) {
			$('#sidePanelBack').height($('#sidePanelInner').height() + 30);
		} else {
			$('#sidePanelBack').height(sizer.contentHeight - 155);
		}
		$('#contentPanelBack').height($('#contentPanelInner').height() + 75);
	}
	
	$('#PoweredByPeople').css('top',($('#sidePanelBack').height() + 110) + 'px');
	
	if($('#mainInner').height() + 40 > winDimensions[1]) {
		// vertical scrollbar
		$('#sideEdge').css('left',$('#mainInner').width() + 40);
	} else {
		$('#sideEdge').css('left',$('#mainInner').width() + 20);
	}
	
	$('#lowerEdge').css('top',winDimensions[1] + 'px');
	$('#lowerEdge').width(winDimensions[0] + 400);
	
	$('#blackOverlay').width($('#mainInner').width());
	$('#blackOverlay').height($('#mainInner').height());
	
	$('#backgroundOverlay').width($('#mainInner').width());
	$('#backgroundOverlay').height($('#mainInner').height());
	
	var sidePanelWidth = 0;
	var sidePanelDiv = document.getElementById('sidePanel');
	if(sidePanelDiv != undefined) {
		sidePanelWidth = 250;
	}
	
	var HomePanelTop = 0;
	$('#HomePanels').css('left',($('#mainInner').width() - $('#HomePanels').width() - sidePanelWidth) + 'px');
	if($('#mainInner').height() > $('#HomePanels').height() + 10) {
		$('#HomePanels').css('top',($('#mainInner').height() - $('#HomePanels').height() - 155) + 'px');
		HomePanelTop = ($('#mainInner').height() - $('#HomePanels').height() - 155);
	} else {
		$('#HomePanels').css('top','0px');
	}
	
	$('#ImagesPanel').css('left',($('#mainInner').width() - $('#ImagesPanel').width()) + 'px');
	$('#ImagesPanel').css('top',($('#mainInner').height() - $('#ImagesPanel').height()) + 'px');
	
	$('#HomeText').css('top',(HomePanelTop + 280)+'px');
	
	if(isIE == true) {
		$('#searchbar').css('left',($('#mainInner').width() - 202) + 'px');
	} else {
		$('#searchbar').css('left',($('#mainInner').width() - 210) + 'px');
	}
	
	if(isIE == true && IEvers <= 6) {
		$('#mainContent').width($('#mainInner').width() - 20);
		
		if($('#mainInner').width() <= 1000) {
			sizer.footer.width(980);
		} else {
			if($('#mainInner').height() > winDimensions[1]) {
				// vertical scrollbar
				sizer.footer.width($('#mainContent').width() + 18);
			} else {
				sizer.footer.width($('#mainContent').width() + 18);
			}
		}
		$('#sidePanelInner').css('left','0px');
		$('#contentPanelInner').css('left','0px');
	} else {
		$('#mainContent').width($('#mainInner').width() - 10);
	}
	
	$('#main').css('visibility','visible');
	$('#HomePanels').css('visibility','visible');
	$('#footer').css('visibility','visible');
	//if(!isMobile) {
		$('#sideEdge').css('visibility','visible');
		$('#lowerEdge').css('visibility','visible');
	//}
	
	if(sizer.bg.width() < winDimensions[0]) {
		sizer.bg.width(winDimensions[0]);
		var pcW = winDimensions[0] / origBGsize.x;
		sizer.bg.height(Math.round(pcW * origBGsize.y));
	} else {
		if(isIE == true && IEvers <= 6) {
			//
		} else {
			var wD = $('#bg div').width('200%');
			var hD = $('#bg div').height('200%');
			var bW = $('#bg img').width('auto');
			var bH = $('#bg img').height('auto');
		}
	}
	
	if(sizer.bg.height() < winDimensions[1]) {
		sizer.bg.height(winDimensions[1]);
		var pcH = winDimensions[1] / origBGsize.y;
		sizer.bg.width(Math.round(pcH * origBGsize.x));
	} else {
		if(isIE == true && IEvers <= 6) {
			//
		} else {
			var wD = $('#bg div').width('200%');
			var hD = $('#bg div').height('200%');
			var bW = $('#bg img').width('auto');
			var bH = $('#bg img').height('auto');
		}
	}
	
	$('#bg img').css('visibility','visible');
	SetScroller();
}



function ShowTitleOver(who) {
	who.parentNode.style.background = "#ed1b2d url('images/spacer.gif') repeat left top";
}

function ShowTitleOut(who) {
	who.parentNode.style.background = "transparent url('images/JH_MenuPicTxt.png') repeat left top";
}

function PanelNavOver(who) {
	if(who.className.indexOf("Dis") == -1) {
		who.style.backgroundPosition = "0 -16px";
	}
}

function PanelNavOut(who) {
	who.style.backgroundPosition = "0 0";
}

var bgImageRef;

function LoadBackgroundImage(imageRef,who) {
	var objBgImage = new Image();
	objBgImage.onload = function() {
		$('#ImagesLoader').css('display','none');
		SetUpBackgroundImage();
	};
	bgImageRef = imageRef;
	var picPos = GetObjPosMenu(who);
	$('#ImagesLoader').css('left',(picPos[0]+54)+'px');
	$('#ImagesLoader').css('top',(picPos[1]+34)+'px');
	$('#ImagesLoader').css('display','block');
	objBgImage.src = imageRef;
}

function SetUpBackgroundImage() {
	$('#bgHolder').fadeTo(200,0.2,SetBackgroundImage);
}

function SetBackgroundImage() {
	$('#bgHolder').html('<img alt="" src="'+bgImageRef+'" border="0" />');
	if(isIE == true && IEvers <= 6) {
		sizer.bg = $('#bg img');
		ResetSizer();
	}
	if(isChrome == true || isMobile == true) {
		sizer.bg = $('#bg img');
		ResetSizer();
	}
	$('#bgHolder').fadeTo(200,1);
}

// ...swap btn on rollOver...
// ...assumes naming convention : OFF name1.gif/name2.gif ON...

function btnON(n)	{
	r = n.src.toString();
	x = ".gif"
	y = r.indexOf(x) - 1;
	z = r.substring(0,y);
	z += "2.gif"
	n.src = z;
}

// ...swap btn on rollOut...

function btnOFF(n)	{
	r = n.src.toString();
	x = ".gif"
	y = r.indexOf(x) - 1;
	z = r.substring(0,y);
	z += "1.gif"
	n.src = z;
}