var ServStaff = { 

DOMClass:'dynamic',// Indicate DOM support

init:function()
{
if (!document.getElementById || !document.createTextNode){return;}

DOMhelp.cssjs('add',document.body,ServStaff.DOMClass);

var services = document.getElementById('subMenu');
var subMenuList = services.getElementsByTagName('li');

for(i=0;i<subMenuList.length;i++){
	var cl=subMenuList[i].getElementsByTagName('a')[0];
	DOMhelp.addEvent(cl,'click',ServStaff.loadSectionFromWithin,false);
	cl.onclick = DOMhelp.safariClickFix;
}
ServStaff.loadSectionFromWithout();
ServStaff.fixHeight(558);
},

loadSectionFromWithout:function(){
var secId = location.search.substring(1);
if (secId.length==0){return};
ServStaff.loadSection(secId);
ServStaff.generateImage(secId);
ServStaff.removeCurrentClass();
ServStaff.addCurrentClass(secId);
},

loadSectionFromWithin:function(e){
if (DOMhelp.cssjs('check',DOMhelp.getTarget(e),'current')){return};

/*get event's Id*/
var secId=DOMhelp.getTarget(e).getAttribute('href',2);
secId=secId.substring(1);
ServStaff.loadSection(secId);
ServStaff.generateImage(secId);
ServStaff.removeCurrentClass();
DOMhelp.cssjs('add',DOMhelp.getTarget(e),'current');
DOMhelp.cancelClick(e);
ServStaff.fixHeight(558);
},

/*SERVICES & OUR STUFF: load the section*/
loadSection:function(secId){
var sections = document.getElementById('contentRightColumn').getElementsByTagName('div');
for(i=0;i<sections.length;i++){
	if (DOMhelp.cssjs('check',sections[i],'show') ) 			DOMhelp.cssjs('swap',sections[i],'show','hide');
}
var sectionToLoad = document.getElementById(secId).parentNode.parentNode;
	if (DOMhelp.cssjs('check',sectionToLoad,'hide')) { DOMhelp.cssjs('swap',sectionToLoad,'hide','show');
}
},

/* SERVICES: image generator & swapper: 4 functions*/
generateImage:function(secId){
if (document.getElementById('bServices')){
	if (secId=='q1') {
		if (document.getElementById('serviceImage')) 
			ServStaff.deleteImage(); 
		}
	else {
		if (document.getElementById('serviceImage')) {
			ServStaff.swapImage(secId); }
		else {
			ServStaff.createImage(secId); }
		}
}
},
createImage:function(secId){
var a=document.getElementById('contentLeftColumn');
var imgDiv=document.createElement('div');
imgDiv.setAttribute('id', 'serviceImage');
a.appendChild(imgDiv);
var img=document.createElement('img');
var imgscr='images/services_i'+ secId + '.jpg' ;
img.setAttribute('alt', 'illustrative photo');
img.setAttribute('src', imgscr);
img.setAttribute('width', '270');
if (secId == 'q2' || secId == 'q6') {
			img.setAttribute('height', '182'); }
		else {
			img.setAttribute('height', '278');
		}

imgDiv.appendChild(img);
},
deleteImage:function(){
var a=document.getElementById('contentLeftColumn');
a.removeChild(document.getElementById('serviceImage'));
},
swapImage:function(secId){
var img=document.getElementById('serviceImage').getElementsByTagName('img')[0];
var imgscr='images/services_i'+ secId + '.jpg' ;
img.setAttribute('src', imgscr);
if (secId == 'q2' || secId == 'q6') {
			img.setAttribute('height', '182'); }
		else {
			img.setAttribute('height', '278');
		}
},

removeCurrentClass:function(){
var services = document.getElementById('subMenu');
var subMenuList = services.getElementsByTagName('li');
for(i=0;i<subMenuList.length;i++){
DOMhelp.cssjs('remove',subMenuList[i].getElementsByTagName('a')[0],'current');
}
},
fixHeight:function(h) {
ServStaff.removeHeight();
if (document.getElementById('content').offsetHeight <h) {
DOMhelp.cssjs('add',document.getElementById('content'),'fixedHeight');
}
},
removeHeight:function() {
DOMhelp.cssjs('remove',document.getElementById('content'),'fixedHeight');
},
addCurrentClass:function(secId){
var services = document.getElementById('subMenu');
var subMenuList = services.getElementsByTagName('li');
for(i=0;i<subMenuList.length;i++){
var a=subMenuList[i].getElementsByTagName('a')[0].getAttribute('href',2);
if (a.substring(1)==secId) {
DOMhelp.cssjs('add',subMenuList[i].getElementsByTagName('a')[0],'current');
return;
}
}
}
}
$(document).ready(ServStaff.init);