window.onload = base;

var offTimer = 0;
var theObj = new Array();
var dropObj = null;
var atai = 1;
var timerSwitch = null;
var subnavOn = false;
var subnavOn2 = false;

var objX = null;
var objY = null;
var mouseX = null;
var mouseY = null;
var counter = 0;
var on_off = true;
var offsetPos = null;
var scrolltop = 0;
var scrollbtm = 230;
var barlong = scrollbtm-scrolltop;
var ps = null;
var currScrTop = null;
var scrPs = null;
var newPs = null;
var fix = null;
var scrY = null;
var theY = null;
var delta = 0;
var contHeight = null;
var chanPs = null;
var ie  = document.all;
var ns6 = document.getElementById&&!document.all;
var timer = null;
var dragapproved = false;
var z, x, y;
var newsCont = null;
var num = null;
var contNotChangePos = null;
var contHeight = null;
var dy = null;
var moveScroller = null;
var thePos = theY;
var fix = thePos - theY;
var scrollPosPs = null;
var totalMovement =  null;
var fixPx = null;
var openHeight = null;
var adjustHeigh = null;
var contTop = null;
var nagaiBun = null;

var teamBtnNum = null;
var teamClassArray = new Array();

var objNum = null;
var theNum = null;
var objArray = new Array();

var bascHeight = null;

var servicesBoolens = new Array();
var btnArray = new Array();

var locationArray = new Array();
locationArray[0] = "personnel.html";
locationArray[1] = "research_projects.html";
locationArray[2] = "training.html";

var corpArrayTitle = new Array();
corpArrayTitle[0] = 'agriculture';
corpArrayTitle[1] = 'forest';
corpArrayTitle[2] = 'mining';
corpArrayTitle[3] = 'oil_sands';
corpArrayTitle[4] = 'pipelines';
corpArrayTitle[5] = 'pipeline_scc';
corpArrayTitle[6] = 'soil_ecology';
corpArrayTitle[7] = 'soil_survey';
corpArrayTitle[8] = 'vegetation';
corpArrayTitle[9] = 'wastewater';
corpArrayTitle[10] = 'wellsites';

var adjustNum = 30;

var photoEnginVal = null;
var img_s_height = null;

if(browser('MSIE 7.0') == true){
if(url('services.html') == false){
var adjustNum = 18;
}else{
	var adjustNum = 30;
	}
}
			
/*    $(document).ready(function(){
        $('#about_us').pngFix();
    });*/
		

function base(){
	//$('#about_li').pngFix();
	if(url('home.html')) document.location.href = 'http://www.paragonsoil.com/';
	backImg();
	doropNav();
	//dorNav();
	chackonObj();
	safaryHome();
	//onMouseNav();
	document.onclick = closedrop;
	if(url('personnel.html') || url('mission_statement.html') || url('services.html') || url('health_safety.html') || url('resources.html')) scroller();
	if(url('our_team.html')) teamBtn();
	
	if(url('services.html')){showCont(11); openHeight = $('#hide_con_sesrvice').height(); linksitemap(corpArrayTitle);}
	if(url('personnel.html')){showCont(10); openHeight = $('#hide_con_sesrvice').height(); $('#scroll_box').css('display','none'); personnelPage();}
	}//end base
	
	
function safaryHome(){
	if(browser('Safari')){
		var thepage = loArray[loArray.length-1];
		if(thepage == 'index.html' || thepage == ''){
			var home_title = document.getElementById('home_title');
			home_title.style.verticalAlign = 'bottom';
			}
	}
	}

function showCont(num){
		for(i=0; i<num; i++){
			servicesBoolens.push(false);
			btnArray.push(document.getElementById('services_btn'+i));
			objNum = btnArray.length-1;
			btnArray[objNum].name = i;
			objArray.push($('#desc'+i));
			objArray[objArray.length-1].hide();
			btnArray[objNum].onclick = function(){theNum = this.name; onclickShow(theNum,this);}
			
			}
			bascHeight = $('#cont').height();
	}

var ugokasiBoolen = false;
var oldHeight = null;
function onclickShow(num,obj){
	var theObjHeight = $('#desc'+num).height();
	var curBoxHeight = $('#cont').height();
	var curVal = curBoxHeight - theObjHeight;
	
	if(bascHeight+adjustNum == curVal ||bascHeight+adjustNum-15 == curVal){
		$('#cont').animate({marginTop:0});
		$('#scroller').animate({'top':0});
		theY = 0;
		ugokasiBoolen = true;
		}else{
			ugokasiBoolen = false;
			}
		
	oldHeight = theObjHeight;
		
	obj_p = obj.firstChild;
	if(servicesBoolens[num] == false){
	if(theY != 0) setTimeout("chackHeight('"+num+"')",20);
	var img = btnArray[num].firstChild.firstChild;
	var imgSrc = img.src;
	var newSrc = imgSrc.replace('plus','minus');
	img.src = newSrc;
	$('#desc'+num).slideDown("slow");
	servicesBoolens[num] = true;
	}else{
		var obj_p = obj.firstChild;
		//obj_p.style.color="#432b28";
		//obj_p.style.fontWeight = "100";
		if(ugokasiBoolen == false) setTimeout("chackHeight('"+num+"')",300);
		var img = btnArray[num].firstChild.firstChild;
		var imgSrc = img.src;
		var newSrc = imgSrc.replace('minus','plus');
		img.src = newSrc;
		$('#desc'+num).slideUp("slow");
		servicesBoolens[num] = false;
	}
	
	if(url('personnel')) chackBoolen();
		
}

function chackBoolen(){
	var counter = 0;
		for(i=0; i<servicesBoolens.length; i++){
		if(servicesBoolens[i] == true){counter += 1;}
		}
		if(counter == 0) $('#scroll_box').css('display','none');
		else $('#scroll_box').css('display','block');
	}



function teamBtn(){
	var in_box_our_team = document.getElementById('in_box_our_team');
	var h3 = in_box_our_team.getElementsByTagName('h3');
	for(i=0; i<h3.length; i++){
		teamClassArray.push(document.getElementById('our_team_boxs'+i));
		teamClassArray[teamClassArray.length-1].name = i;
		teamClassArray[teamClassArray.length-1].onmouseover = function(){teamBtnNum = this.name; changeElements('on')}
		teamClassArray[teamClassArray.length-1].onmouseout = function(){changeElements('off')}
		teamClassArray[teamClassArray.length-1].onclick = function (){golocation(teamBtnNum)}
		}
	}
	
function golocation(num){
	document.location.href = locationArray[num];
	}
	
function changeElements(set){
	if(set == "on"){
		var colorNum = "#432b28";
		var pos = "0 +100%";
	}else{
		var colorNum = "#e5912e";
		var pos = "0 0";
	}
	
	var obj = teamClassArray[teamBtnNum];
	var objDiv = obj.getElementsByTagName('div');
	objDiv[1].firstChild.style.color = colorNum;
	
	var view = document.getElementById('view'+teamBtnNum);
	view.style.backgroundPosition = pos;
	}
	
	
function doropNav(){
	var about_us = document.getElementById('about_us');
	var services = document.getElementById('services');
	about_us.onmouseover = down;
	about_us.onmouseout = up;
/*	services.onmouseover = down2;
	services.onmouseout = up2;*/
	}
	
function down(){
	$('#sub_nav_about').animate({marginTop:60}, "slow");
	}
	
	
function up(){
	timerSwitch = setTimeout(time,500);
	//subnavOn = false;
	}

function time(){
	if(subnavOn == true){
	clearTimeout(timerSwitch);
	}else{
		$('#sub_nav_about').animate({marginTop:-40}, "first");
		}
	}
	
/* services nav 

function down2(){
	$('#sub_nav_services').animate({marginTop:20}, "slow");
	}
	
	
function up2(){
	timerSwitch = setTimeout(time2,500);
	//subnavOn = false;
	}

function time2(){
	if(subnavOn2 == true){
	clearTimeout(timerSwitch);
	}else{
		$('#sub_nav_services').animate({marginTop:-40}, "firar");
		}
	}
*/

function chackonObj(){
	var sub_nav_about = document.getElementById('sub_nav_about');
	sub_nav_about.onmouseover = function (){subnavOn = true;}
	sub_nav_about.onmouseout = function (){up(); subnavOn = false;}
	
/*	var sub_nav_services = document.getElementById('sub_nav_services');
	sub_nav_services.onmouseover = function (){subnavOn2 = true;}
	sub_nav_services.onmouseout = function (){up2(); subnavOn2 = false;}*/
	}

function backImg(){
	var lo = document.location;
	lo = String(lo);
	loArray = lo.split('/');
	var thepage = loArray[loArray.length-1];
	if(thepage == 'index.html' || thepage == ''||thepage == 'personnel.html' || thepage == 'profile.html' || thepage == 'our_history.html' || thepage == 'our_team.html' || thepage == 'mission_statement.html' || thepage == 'research_projects.html' || thepage == 'training.html'){thepage = 'home'; matchBtnBG('about_us','0 -43px');}
	if(thepage.match('personnel')) thepage = 'home';
	if(thepage.match('services') || url('clients.html')){thepage = 'services'; matchBtnBG('services','0 -43px');}
	if(thepage == 'clients.html' || thepage == 'request.html') thepage = "services";
	if(thepage == 'sitemap.html'){thepage = "contact";}
	if(thepage == 'photo_gallery.html'){thepage = "resources"; gallery(); sliedBtn(); matchBtnBG('photo_gallery','0 -126px');}
	if(url('health_safety.html')) matchBtnBG('health_safety','0 -43px'); 
	if(url('resources.html')) matchBtnBG('resources','0 -43px');
	if(url('request.html')) matchBtnBG('request','0 -125px');
	if(url('contact.html')) {matchBtnBG('contact_us','0 -125px'); matchBtnBG('contact','0 -43px');}
	thepage = thepage.replace('.html','');
	
	var right_nav_sitemap = document.getElementById('right_nav_sitemap');
	var right_nav_home = document.getElementById('right_nav_home');
	var right_nav_contact = document.getElementById('right_nav_contact');
	
	var about_li = document.getElementById('about_li');
	var services_li = document.getElementById('services_li');
	var health_li = document.getElementById('health_li');
	var resources_li = document.getElementById('resources_li');
	var contact_li = document.getElementById('contact_li');
	
	about_li.style.backgroundImage = 'url(images/'+thepage+'/about_li.png)';
	services_li.style.backgroundImage = 'url(images/'+thepage+'/services_li.png)';
	
	var theloc = document.location;
	theloc = String(theloc);
	if(theloc.match("sitemap")) right_nav_sitemap.style.backgroundPosition = "+100% 0px";
	if(thepage == "home") right_nav_home.style.backgroundPosition = "+100% 0px";
	if(theloc.match("contact")) right_nav_contact.style.backgroundPosition = "+100% 0px";
	}
	
function matchBtnBG(obj,val){
	var btn = document.getElementById(obj);
	btn.style.backgroundPosition = val;
	}

function onMouseNav(){
	var about_us = document.getElementById('about_us');
		about_us.onmouseover = drop;
		about_us.onmouseout = stoptimer;
}

function drop(e){
	if(!e) e = event;
if(navigator.appName.indexOf('Microsoft Internet Explore')>-1){
	var theOne= e.srcElement.parentNode;
	
		}
else theOne = e.target.parentNode; 

	offTimerClear();
	if(dropObj) {dropObj.style.marginTop = "-20px";}

	var dropObj = document.getElementById('sub_nav_about');
	$(dropObj).animate({marginTop:90}, "slow");
}

/*function drop(e){
	if(!e) e = event;
if(navigator.appName.indexOf('Microsoft Internet Explore')>-1){
	var theOne= e.srcElement.parentNode;
	
		}
else theOne = e.target.parentNode; 

var nav = document.getElementById('nav');

	offTimerClear();
	if(dropObj) {dropObj.style.display = "none";}
	dropObj = document.getElementById(theObj[num]);
	dropObj.style.display = "block";
	}*/
	
	
function closedrop(){
	if(dropObj) $('#sub_nav_about').animate({marginTop:-20}, "slow");
	}

function stoptimer(){
	offTimer = window.setTimeout(closedrop,100);
	}

function offTimerClear(){
	if(offTimer){
		window.clearTimeout(offTimer);
		offTimer = null;
		}
	}
	
	

/* ======== for scrolller ========*/
/*<input type="text" name="info" id="info" style="position:absolute; margin:30px 0 0 30px" />
<input type="text" name="info2" id="info2" style="position:absolute; margin:80px 0 0 30px"/>*/
function showInfo(ex,ey){
	var info = document.getElementById('info');
	var info2 = document.getElementById('info2');
		with(info){
			value = ex;
			}
			
		with(info2){
			value = ey;
			}
	}//showInfo()


function scroller(){
	var scroll_box = document.getElementById('scroll_box');
	var content = document.getElementById('main');
	var scroller = document.getElementById('scroller');
	var up = document.getElementById('up');
	var down = document.getElementById('down');
	up.onmousedown = upscr;
	up.onmouseup = stopEngine;
	up.onmouseout = stopEngine;;
	down.onmousedown = downscr;
	down.onmouseup = stopEngine;
	down.onmouseout = stopEngine;
	document.onmousedown = drags;
	document.onmouseup = new Function("dragapproved=false");
	//scroller.onmouseout = new Function("dragapproved=false");
	scroll_box.onmousewheel = wheel;
	content.onmousewheel = wheel;
	if(browser('Firefox')) content.addEventListener("DOMMouseScroll", wheel, false);
	}
	
function wheel(e){
	if(!e){e = event;
	  delta = -e.wheelDelta/120*8;
	}else{
	delta =	-e.detail*8*-1;
		}
	  wheelengine(delta);
	}

function upscr(){
engineStart(-3);
}

function downscr(){
	engineStart(3);
}
	
function mouseMove(e){
	var obj = new Object();
	mouseX = e.pageX;
	mouseY = e.pageY;
}

function engineStart(e){
	timer = setInterval("engine('"+e+"')",20);
	}
	
function stopEngine(e){
	clearInterval(timer);
	}
	
function engine(info){
	info = new Number(info);
	theY += info;
	if(theY<0) theY = 0;
	if(theY>barlong) theY=barlong;
	var scroller = document.getElementById('scroller');
	scroller.style.top = theY +"px";
	contentmove();
	}
	
function rePosScroller(e){	
	setTimeout(rechack,500);
	}

function rechack(){
	var scroller_box = document.getElementById('scroll_box');
	var scroller = document.getElementById('scroller');
	var cont = document.getElementById('cont');
	var contTop = $(cont).offset().top;
	//if(scroller.style.top < 0) scroller.style.top = 30+"px";
	if(theY<0) theY = 0;
	if(theY>barlong) theY=barlong;
	
	var beforTotle = totalMovement;
	var beforHeight = contHeight ;
	contHeight = $(cont).height();
	var beforDy = dy;
	totalMovement = (contHeight-barlong)*-1;
	theY = ((totalMovement-beforDy)/totalMovement-1)*barlong;
	theY = Math.abs(Math.round(theY));
	
	if(theY>230) theY = 230;
	if(theY<0) theY = 0;
	//if(theY) scroller.style.top = theY+"px";
	$("#scroller").animate({"top": theY+"px"}, "slow");
	}

	
function wheelengine(info){
	info = new Number(info);
	theY += info;
	if(theY<0) theY = 0;
	if(theY>barlong) theY=barlong;
	var scroller = document.getElementById('scroller');
	scroller.style.top = theY +"px";
	contentmove();
	}

function move(e) {
	if(!e) e =event;
var firedobj = document.getElementById('scroller');
var cont = document.getElementById('cont');
var conttop = $('#cont').offset().top;
  if (dragapproved) {
	theY = parseInt(e.clientY-offsetPos);
	testPos = parseInt(e.clientY+0);

	if(theY<0) theY = 0;
	if(theY>barlong) theY=barlong;
    firedobj.style.top  = theY+"px";
	
	//ps = (contHeight-theY)/240*100;
	
	ps = ((barlong-theY)/barlong*100);
	ps = Math.abs(Math.round(ps)-100);
	
	//ps = $(cont).height()/barlong;
	if(firedobj.offsetTop < scrolltop) firedobj.style.top = scrolltop +"px";
    if(firedobj.offsetTop > scrollbtm) firedobj.style.top = scrollbtm +"px";
	contentmove();
return false;
}
 
}

function contentmove(){
	var cont = document.getElementById('cont');
	contHeight = $(cont).height();
	contTop = $(cont).offset().top;
	contTop = Math.round(contTop);
	if(url('reasons.html') == true){
		if(browser('MSIE 7.0') || browser('MSIE 6.0')) dy = -theY*(contHeight-barlong)/barlong;
		else dy = theY*(contHeight-barlong)/barlong;
	}
	else dy = -theY*(contHeight-barlong)/barlong;

	cont.style.marginTop = dy + "px";
	totalMovement = -barlong*(contHeight-barlong)/barlong;
	}
	
	
function outdrag(){
	dragapproved=false;
	}
	
function url(pageName){
	var objURL = new Object();
	if(document.URL.indexOf(pageName)>-1){
		return objURL = true;
		}else{
			return objURL = false;
			}
	}
	
function browser(pageName){
	var objURL = new Object();
	if(navigator.userAgent.indexOf(pageName)>-1){
		return objURL = true;
		}else{
			return objURL = false;
			}
	}
/*===================================================*/



function drags(e){
	var scr = document.getElementById('scroller');
	var scroll_box = document.getElementById('scroll_box');
	var cont = document.getElementById('cont');
	contNotChangePos = $(cont).offset().top;
  if (!ie&&!ns6)
    return;
  var firedobj   = ns6? e.target : event.srcElement;
  var topelement = ns6? "HTML" : "BODY";
	
  while (firedobj.tagName!=topelement&&firedobj.id!="scroller") {
    firedobj = ns6? firedobj.parentNode : firedobj.parentElement;
  }
  if (firedobj.id=="scroller") {
    dragapproved = true;
    z = firedobj;
    temp1 = parseInt(z.style.left+0);
    temp2 = parseInt(z.style.top+0);
	scrY = parseInt(firedobj.offsetTop);
    x = ns6? e.clientX : event.clientX;
    y = ns6? e.clientY : event.clientY;
	
	if(!e){
	e = event;
	offsetPos = e.clientY - scrY;
	}else{
		offsetPos = e.clientY - scrY;
		}
    document.onmousemove = move;
    return false;
  }
}

function pointerchange(e){
		if(!e) e =event;
		if(navigator.appName.indexOf('Microsoft Internet Explore')>-1){
		var theObj = e.srcElement;
		}else{
			var theObj = e.target;
			}
	
	if(theObj.firstChild != null) num = theObj.firstChild.id.charAt(5);
	 else{e.cancelBubble = "false" ;
	 return false;
	 }
		setTimeout("chackHeight('"+theObj.firstChild.id+"')",300);
		
			 if(poinArry[num] == true){
				var newSrc = theObj.firstChild.src.replace('point_off','point_on');
				theObj.firstChild.src = newSrc;
				poinArry[num] = false;
				}
			else if(poinArry[num] == false){
				var newSrc = theObj.firstChild.src.replace('point_on','point_off');
				theObj.firstChild.src = newSrc;
				poinArry[num] = true;
				}
			
			}

function chackHeight(e){
	rePosScroller(e);
	if(document.getElementById('scroll_box')){
	var cont = document.getElementById('cont');
	var scroll_box = document.getElementById('scroll_box');
	var scroller = document.getElementById('scroller');
	var objHeight = $(cont).height();
	//if(objHeight > openHeight){scroll_box.style.display = "block";
	//}else {cont.style.marginTop = 0+"px";
	//scroller.style.top = 0+"px";
	//}
	}//if(document.getElementById('scroll_box'))
}

/*============== photo gallery ================== */
var objImgArrayS = new Array();
var objImgArrayB = new Array();
var oldNum = 0;
var imgArray = new Array();
imgArray[0] = 'galleryphoto_thumb_100.jpg';
imgArray[1] = 'galleryphoto_thumb_101.jpg';
imgArray[2] = 'galleryphoto_thumb_102.jpg';
imgArray[3] = 'galleryphoto_thumb_103.jpg';
imgArray[4] = 'galleryphoto_thumb_104.jpg';
imgArray[5] = 'galleryphoto_thumb_105.jpg';
imgArray[6] = 'galleryphoto_thumb_106.jpg';
imgArray[7] = 'galleryphoto_thumb_107.jpg';
imgArray[8] = 'galleryphoto_thumb_108.jpg';
imgArray[9] = 'galleryphoto_thumb_109.jpg';
imgArray[10] = 'galleryphoto_thumb_110.jpg';
imgArray[11] = 'galleryphoto_thumb_111.jpg';
imgArray[12] = 'galleryphoto_thumb_112.jpg';
imgArray[13] = 'galleryphoto_thumb_113.jpg';
imgArray[14] = 'galleryphoto_thumb_114.jpg';
imgArray[15] = 'galleryphoto_thumb_115.jpg';
imgArray[16] = 'galleryphoto_thumb_116.jpg';
imgArray[17] = 'galleryphoto_thumb_117.jpg';
imgArray[18] = 'galleryphoto_thumb_118.jpg';
imgArray[19] = 'galleryphoto_thumb_119.jpg';
imgArray[20] = 'galleryphoto_thumb_120.jpg';
imgArray[21] = 'galleryphoto_thumb_121.jpg';
imgArray[22] = 'galleryphoto_thumb_122.jpg';
imgArray[23] = 'galleryphoto_thumb_123.jpg';
imgArray[24] = 'galleryphoto_thumb_124.jpg';
imgArray[25] = 'galleryphoto_thumb_125.jpg';
imgArray[26] = 'galleryphoto_thumb_126.jpg';
imgArray[27] = 'galleryphoto_thumb_127.jpg';
imgArray[28] = 'galleryphoto_thumb_128.jpg';
imgArray[29] = 'galleryphoto_thumb_129.jpg';
imgArray[30] = 'galleryphoto_thumb_130.jpg';
imgArray[31] = 'galleryphoto_thumb_131.jpg';
imgArray[32] = 'galleryphoto_thumb_132.jpg';
imgArray[33] = 'galleryphoto_thumb_133.jpg';
imgArray[34] = 'galleryphoto_thumb_134.jpg';
imgArray[35] = 'galleryphoto_thumb_135.jpg';
imgArray[36] = 'galleryphoto_thumb_136.jpg';
imgArray[37] = 'galleryphoto_thumb_137.jpg';
imgArray[38] = 'galleryphoto_thumb_138.jpg';

var gallery_s_Boolern = false;

var movement = 0;

var boolenoutArray = new Array();

var boxArray = new Array();

var clickBooArray = new Array();

var clickedNum = 0;
var theNum = 0;
var loadCompleted = 0;

var basePoint = null;
function fBasePoint(){
	var imgs = document.getElementById('img_s');
	var theImgs = imgs.getElementsByTagName('img');
	basePoint =$(theImgs[17]).offset().top;
	}
function wheelImgS(e){
	if(!e){e = event;
	  delta = -e.wheelDelta/120*8;
	}else{
	delta =	-e.detail*8*-1;
		}
	  wheelengineImgS(delta);
	}

function gallery(){

var img_s = document.getElementById('img_s');
var img_b = document.getElementById('img_b');
var img_s_box = document.getElementById('img_s_box');
var imgCounter = 0;

var imgNum = imgArray.length;
for(i=0; i<imgArray.length; i++){
	boolenoutArray.push(false);
	clickBooArray.push(false);
	objImgArrayS.push(new Image());
	objImgArrayS[objImgArrayS.length-1].src= "images/photo_gallery/small/"+imgArray[i];
	objImgArrayS[objImgArrayS.length-1].style.border = "5px solid #FFFFFF";
	//objImgArrayS[objImgArrayS.length-1].style.border = "5px solid #E5912E";

	objImgArrayS[objImgArrayS.length-1].name = i;
	objImgArrayS[objImgArrayS.length-1].onmouseover = function(){gallery_s_Boolern = false; borderColor(this.name);}
	objImgArrayS[objImgArrayS.length-1].onmouseout = function(){gallery_s_Boolern = true; borderOutColor(this.name);}
	objImgArrayS[objImgArrayS.length-1].onclick = function(){gallery_s_Boolern = true; onclickMove(this.name);}
	
	imgArray[i] = imgArray[i].replace('_thumb','');
	objImgArrayB.push(new Image());
	objImgArrayB[objImgArrayB.length-1].src= "images/photo_gallery/big/"+imgArray[i];
	objImgArrayB[objImgArrayB.length-1].name = i;
	objImgArrayB[objImgArrayB.length-1].id = 'imgBox'+i;
	
	//if(objImgArrayS[objImgArrayS.length-1].complete == true) loadCompleted +=1;
	objImgArrayB[objImgArrayB.length-1].onload = function(){imgCounter += 1; if(imgCounter == imgArray.length) comploadedPutImg(imgArray.length);}
	//img_s.appendChild(objImgArrayS[objImgArrayS.length-1]);
	
	boxArray.push(document.createElement('div'));
	boxArray[boxArray.length-1].style.width = '404px';
	boxArray[boxArray.length-1].style.height = '311px';
	img_b.appendChild(boxArray[boxArray.length-1]);
	boxArray[boxArray.length-1].appendChild(objImgArrayB[objImgArrayB.length-1]);
	}
	objImgArrayS[0].style.border = "5px solid #E5912E";
	clickBooArray[0] = true;
	boolenoutArray[0] = true;
	img_b.style.width = 404*imgArray.length+'px';
	
	var ue = 3;
	var sita = -3;
	
	$('#img_s_up').mouseover(function (){img_s_height = $('#img_s').height(); photoEnginVal = setInterval('photoEngin('+ue+')',10);});
	$('#img_s_up').mouseout(function(){clearInterval(photoEnginVal)});
	
	$('#img_s_down').mouseover(function (){img_s_height = $('#img_s').height(); photoEnginVal = setInterval('photoEngin('+sita+')',10);});
	$('#img_s_down').mouseout(function(){clearInterval(photoEnginVal)});
	
	fBasePoint();
	//img_s_box.onmousewheel = wheelImgS
	//if(browser('Firefox')) img_s_box.addEventListener("DOMMouseScroll", wheelImgS, false);
}

var slideMove = 0;

function wheelengineImgS(info){
	photoEngin(info);
	}

function comploadedPutImg(num){
	var img_s = document.getElementById('img_s');
	$('#loader').hide();
	for(i=0; i<num; i++){
	img_s.appendChild(objImgArrayS[i]);
	}
	}

function photoEngin(num){
	if(slideMove > 0) slideMove =0;
	if(slideMove < -img_s_height/2-20) slideMove=-img_s_height/2-20;
	var img_s = document.getElementById('img_s');
	slideMove += num;
	img_s.style.marginTop = slideMove+'px';
	}
	
function slide_s_photo(){
	$('#img_s').animate({marginTop:slideMove});
	}

function onclickMove(num){

	clickedNum = num;
	var moveto = num*404*-1;
	movement = moveto;
	$('#img_b').animate({marginLeft:moveto}, "slow");
	clickBooArray[num] = true;
	
	//if(oldNum) {
		clickBooArray[oldNum] = false;
		objImgArrayS[oldNum].style.border = "5px solid #FFFFFF";
	//}
	
	if(oldTheNum) objImgArrayS[oldTheNum].style.border = "5px solid #FFFFFF";
	oldNum = num;
	}

function borderColor(num){
	
	if(gallery_s_Boolern == false){
	objImgArrayS[num].style.border = "5px solid #E5912E";
	}
	}

function borderOutColor(num){
	if(num == 0) boolenoutArray[0] = false;
	if(clickBooArray[num] == true && clickedNum != oldclickedNum){
		objImgArrayS[num].style.border = "5px solid #E5912E";
		}else{
			if(boolenoutArray[num] == false)
			objImgArrayS[num].style.border = "5px solid #FFFFFF";
			}
	}
	
function sliedBtn(){
	var forward_btn = document.getElementById('forward_btn');
	var back_btn = document.getElementById('back_btn');
	forward_btn.style.cursor = "pointer";
	back_btn.style.cursor = "pointer";

	forward_btn.onclick = moveBack;
	back_btn.onclick = moveForward;
	}
	
var oldclickedNum = 0;
var oldTheNum = 0;
var oldslideMove = 0;

function moveForward(){
	if(clickedNum != oldclickedNum){
		theNum = 1+Number(clickedNum);
		oldclickedNum = clickedNum;
		}else{
			theNum +=1;
			}
	if(theNum>=objImgArrayS.length-1){
		theNum = objImgArrayS.length-1;
	}
	
	if(objImgArrayS[theNum]) {
		objImgArrayS[theNum].style.border = "5px solid #E5912E";
		boolenoutArray[theNum] = true;
		
		var imgObj_s_top= $(objImgArrayS[theNum]).offset().top;
		var imgDist = (basePoint-imgObj_s_top)/basePoint;
		//showInfo(imgObj_s_top,'');
		if(imgObj_s_top > 445){
		slideMove += -45;
		if(slideMove < -img_s_height/2-20){slideMove = -img_s_height/2-20;}			
		$('#img_s').animate({marginTop:slideMove},'slow');
		}
	if(imgObj_s_top > 500){
			slideMove = imgDist*basePoint;
			$('#img_s').animate({marginTop:slideMove});
			}
			
	if(imgObj_s_top < 215){
		slideMove = 0;
		$('#img_s').animate({marginTop:slideMove});
		}
			
		oldslideMove = slideMove;
		}
	objImgArrayS[oldTheNum].style.border = "5px solid #FFFFFF"; 
	boolenoutArray[oldTheNum] = false;
	oldTheNum = theNum;
		clickBooArray[theNum] = false;
		if((theNum)==objImgArrayS.length-1){
		objImgArrayS[objImgArrayS.length-1].style.border = "5px solid #E5912E";
		}else{
		objImgArrayS[theNum-1].style.border = "5px solid #FFFFFF";
		}
	
	var constPos = $('#img_b_hide').offset().left;
	var leftPos = $('#imgBox0').offset().left;
	var moveDistance = constPos-leftPos;
	var olePos = movement;
	if(browser('MSIE')){
		var lastPos = 500;
		}else{
			var lastPos = 404;
			}
			
		if(moveDistance >= $('#img_b').width()-lastPos){
		movement = olePos;
		}else{
			movement -= 404;
			}
	
	$('#img_b').animate({marginLeft:movement},"slow");
	}
	
function moveBack(){
	if(clickedNum != oldclickedNum){
		theNum = Number(clickedNum)-1;
		oldclickedNum = clickedNum;
		}else{
			theNum -=1;
			}
	
	if(theNum<0){theNum = 0;}
	//if(theNum == 0) return false;		
	if(objImgArrayS[theNum]){
		objImgArrayS[theNum].style.border = "5px solid #E5912E";
		boolenoutArray[theNum] = true;
		
		var imgObj_s_top= $(objImgArrayS[theNum]).offset().top;
		var imgDist = (basePoint-imgObj_s_top)/basePoint;
		
			if($(objImgArrayS[theNum]).offset().top<215){
			slideMove += 45;
			//if(slideMove <= 0 ) slideMove = 0; 
			$('#img_s').animate({marginTop:slideMove});
			}
			
	if(imgObj_s_top > 445){
			slideMove = imgDist*basePoint;
			$('#img_s').animate({marginTop:slideMove});
			}
			
	if(imgObj_s_top < 215-45){
		slideMove = 0;
		$('#img_s').animate({marginTop:slideMove});
		}
		
		}
	if(oldTheNum) {objImgArrayS[oldTheNum].style.border = "5px solid #FFFFFF"; boolenoutArray[oldTheNum] = false;}
	oldTheNum = theNum;
		clickBooArray[theNum+1] = false;
		objImgArrayS[theNum+1].style.border = "5px solid #FFFFFF";
	
	var constPos = $('#img_b_hide').offset().left;
	var leftPos = $('#imgBox0').offset().left;
	var moveDistance = constPos-leftPos;
	var olePos = movement;
		if(moveDistance <= 0){
		movement = olePos;
		}else{
			movement += 404;
			}	
	$('#img_b').animate({marginLeft:movement}, "slow");
	}


/*============== personnel page ================== */

var nameArray = new Array();
nameArray[0] = 'Leonard';
nameArray[1] = 'Jeffrey';
nameArray[2] = 'Lee';
nameArray[3] = 'Wade';
nameArray[4] = 'Carlos';
nameArray[5] = 'Scott';
nameArray[6] = 'Takele';
nameArray[7] = 'Todd';
nameArray[8] = 'Sarah';
nameArray[9] = 'Nina';

function personnelPage(){
	var services_btn0 = document.getElementById('services_btn0');
	services_btn0.style.marginTop = '0px';
	linksitemap(nameArray);
	}

function linksitemap(array){
		var nameValu = document.URL;
	var arrayNum = null;
	for(i=0; i<array.length; i++){
		if(nameValu.indexOf(array[i])>-1){
			$('#scroll_box').css('display','block');
			arrayNum = i;
			}
		}
		
	if(arrayNum == 0){
		servicesBoolens[0] = true;
		objArray[0].show();
		var img = btnArray[0].firstChild.firstChild;
		var imgSrc = img.src;
		var newSrc = imgSrc.replace('plus','minus');
		img.src = newSrc;
		
		}
		
	if(arrayNum){
		servicesBoolens[arrayNum] = true;
		objArray[arrayNum].show();
		var img = btnArray[arrayNum].firstChild.firstChild;
		var imgSrc = img.src;
		var newSrc = imgSrc.replace('plus','minus');
		img.src = newSrc;
		movetoTop(arrayNum);
	}
	
	}
	
function movetoTop(num){
	var conTop = $('#cont').offset().top;
	//var cont
	var objTop = objArray[num].offset().top;
	var moveAtai = conTop - objTop+38;
	$('#cont').animate({marginTop:moveAtai}, "slow");
	correctPos(moveAtai);
	}

var objectPosTop = null;
function correctPos(moveAtai){
	objectPosTop = $('#cont').offset().top;
	setTimeout('repos('+moveAtai+')',700);
	}
	
function repos(num){
	var scroller_box = document.getElementById('scroll_box');
	var scroller = document.getElementById('scroller');
	var cont = document.getElementById('cont');
	var contHeight = $('#cont').height()-250;
	var contTop = $(cont).offset().top;
	var movedTop = objectPosTop+Math.abs(contTop); 
	theY = (1-(contHeight-Math.abs(num))/contHeight)*barlong;
	var totalmov = (contHeight-barlong)/barlong;
	if(theY<0) theY = 0;
	if(theY>barlong) theY=barlong;
	
	if(theY>230) theY = 230;
	if(theY<0) theY = 0;
	//if(theY) scroller.style.top = theY+"px";
	$("#scroller").animate({"top": theY+"px"}, "slow");
	}