window.addEvent('domready',function()
{
	//pre load images
	preLoadImages(imageArray);
	var firstHeight = $$('.main-content-left').getStyle('height');
	
	if($('market-sectors'))
	{
		//deal with main nav mouseover
		if ($('right-clinets-wrapper'))
		{
			var flag = false;
			var firstClick = true;
			
			$('clients-list-wrapper').getElements('a').addEvent('click', function(e)
			{
				e.stop();

				var id = this.id.replace('text-', '');

				
				var currentSpan = this.getElement('span');
				
				var workSpan = this.getNext();
					

				
					if (currentSpan.hasClass('active'))
					{
						this.removeClass('active');
						currentSpan.addClass('hide');
						currentSpan.removeClass('active');
						flag = false;
					}
					else
					{
						this.addClass('active');
						currentSpan.removeClass('hide');
						currentSpan.addClass('active');
						
						flag = true;
						
						if (firstClick == false)
						{
							if(previousID != id)
							{
								var previousLink = $('clients-list-wrapper').getElementById('text-'+previousID);
								var previousSpan = previousLink.getElement('span');
								
								previousLink.removeClass('active');
								previousSpan.addClass('hide');
								previousSpan.removeClass('active');
							}
						}
						$('hider-div').removeClass('hide');
						$('first-row').removeClass('no-line');
						
						
						$('image-container').innerHTML = '<img src="'+imageArray[id]+'" alt="'+rightSideArray[id].client_name+'"/>';
						$('title-container').innerHTML = rightSideArray[id].client_name;
						$('summary-container').innerHTML = '';
						$('title-container').removeClass('intro');
						$('summary-container').removeClass('intro');
						
						var linksContainer = $('links');
						
						if ( (rightSideArray[id].case_study_link.length > 0) || (rightSideArray[id].client_link.length > 0) )
						{
							
							if ( rightSideArray[id].case_study_link.length > 0 )
							{
								$('case-link-container').removeClass('hide');
								$('case-link-container').innerHTML = '<a class="client-case-link" href="'+(rightSideArray[id].case_study_link)+'">Read Case Study</a>';
							}
							else
							{
								$('case-link-container').addClass('hide');
								$('case-link-container').innerHTML = '';
							}
							
							if ( isset(rightSideArray[id].client_link) )
							{
								$('client-link').removeClass('hide');
								$('client-link').innerHTML = '<a target="_blank" class="client-link" href="'+(rightSideArray[id].client_link)+'">'+(rightSideArray[id].client_link)+'</a>';
							}
							else
							{
								$('client-link').addClass('hide');
								$('client-link').innerHTML = '';		
							}
							
							linksContainer.setStyle('border-bottom', '1px solid #4C4C4C');
							linksContainer.setStyle('padding-top', '10px');
							linksContainer.setStyle('padding-bottom', '12px');
						}
						else
						{
							linksContainer.setStyle('border', 'none');
							linksContainer.setStyle('padding-top', '0px');
							linksContainer.setStyle('padding-bottom', '0px');
							$('case-link-container').addClass('hide');
							$('case-link-container').innerHTML = '';
							$('client-link').addClass('hide');
							$('client-link').innerHTML = '';
						}
						
						$('sectors').innerHTML = rightSideArray[id].client_sector;
						$('services').innerHTML = rightSideArray[id].client_service;
						$('contact-name').innerHTML = rightSideArray[id].contact_name;
						$('contact-title').innerHTML = rightSideArray[id].contact_title;
						$('contact-sector').innerHTML = rightSideArray[id].contact_sector;
						$('contact-email').innerHTML = '<a class="contact-email" href="mailto:'+rightSideArray[id].contact_email+'">'+rightSideArray[id].contact_email+'</a>';
							
					
					
					previousID = id;
					firstClick = false;
				} //end main wrapper if condition (check if work for client)
				
			});
			
			$('clients-list-wrapper').getElements('a').addEvent('mouseover', function(e)
			{
				if (flag == false)
				{
					var workSpan = this.getNext();
					

						$('hider-div').removeClass('hide');
						$('first-row').removeClass('no-line');
						
						var id = this.id.replace('text-', '');
						
						$('image-container').innerHTML = '<img src="'+imageArray[id]+'" alt="'+rightSideArray[id].client_name+'"/>';
						$('title-container').innerHTML = rightSideArray[id].client_name;
						$('title-container').removeClass('intro');
						$('summary-container').innerHTML = '';
						$('summary-container').removeClass('intro');
						
						var linksContainer = $('links');
						
						if ( (rightSideArray[id].case_study_link.length > 0) || (rightSideArray[id].client_link.length > 0) )
						{
							
							if ( rightSideArray[id].case_study_link.length > 0 )
							{
								$('case-link-container').removeClass('hide');
								$('case-link-container').innerHTML = '<a class="client-case-link" href="'+(rightSideArray[id].case_study_link)+'">Read Case Study</a>';
							}
							else
							{
								$('case-link-container').addClass('hide');
								$('case-link-container').innerHTML = '';
							}
							
							if ( isset(rightSideArray[id].client_link) )
							{
								$('client-link').removeClass('hide');
								$('client-link').innerHTML = '<a target="_blank" class="client-link" href="'+(rightSideArray[id].client_link)+'">'+(rightSideArray[id].client_link)+'</a>';
							}
							else
							{
								$('client-link').addClass('hide');
								$('client-link').innerHTML = '';		
							}
							
							linksContainer.setStyle('border-bottom', '1px solid #4C4C4C');
							linksContainer.setStyle('padding-top', '10px');
							linksContainer.setStyle('padding-bottom', '12px');
						}
						else
						{
							linksContainer.setStyle('border', 'none');
							linksContainer.setStyle('padding-top', '0px');
							linksContainer.setStyle('padding-bottom', '0px');
							$('case-link-container').addClass('hide');
							$('case-link-container').innerHTML = '';
							$('client-link').addClass('hide');
							$('client-link').innerHTML = '';
						}
						
						$('sectors').innerHTML = rightSideArray[id].client_sector;
						$('services').innerHTML = rightSideArray[id].client_service;
						$('contact-name').innerHTML = rightSideArray[id].contact_name;
						$('contact-title').innerHTML = rightSideArray[id].contact_title;
						$('contact-sector').innerHTML = rightSideArray[id].contact_sector;
						$('contact-email').innerHTML = '<a class="contact-email" href="mailto:'+rightSideArray[id].contact_email+'">'+rightSideArray[id].contact_email+'</a>';
						checkHieghts(firstHeight);
					
				}
			});
			
			$('clients-list-wrapper').getElements('a').addEvent('mouseout', function(e)
			{
				if (flag == false)
				{
					$('hider-div').addClass('hide');
					$('first-row').addClass('no-line');
					
					var id = this.id.replace('text-', '');
					
					$('image-container').innerHTML = '';
					$('title-container').innerHTML = 'Case Studies';
					$('title-container').addClass('intro');
					$('summary-container').innerHTML = 'Select your market sector to view our clients and relevant case studies of our work.';
					$('summary-container').addClass('intro');
					$('case-link-container').innerHTML = '';		
					$('client-link').innerHTML = '';
					$('sectors').innerHTML = '';
					$('services').innerHTML = '';
					$('contact-name').innerHTML = 'Ron Moody';
					$('contact-title').innerHTML = 'Managing Director';
					$('contact-sector').innerHTML = 'Contact Management';
					$('contact-email').innerHTML = 'RMoody@golleyslater.co.uk';
					
					checkHieghts(firstHeight);
				}
                  
			});
			
			
		}
		
		
		
		$('market-sectors').getElements('a').addEvent('mouseover', function(e)
		{
			
			if (!this.hasClass('active'))
			{
					
				var i = 0;
				var currentSpan = this.getElement('span');
				var liParent = this.getParent();
				var liClass = liParent.className;
			
				if ($('clients-list-wrapper'))
				{
					var clientLiArray = $('clients-list-wrapper').getElements('li');
					
					for (i = 0; i < clientLiArray.length; i ++)
					{
						if (clientLiArray[i].className == liClass)
						{
							var clientATag = clientLiArray[i].getElement('a');
							clientATag.removeClass('antihilighted');
							clientATag.addClass('hilighted');
							
						}//end if class names are ==
						
					}//end for loop
					
				}//end if clients list wrapper
				
			}//end the flag check
		
		});

		//deal with mouseout		
		$('market-sectors').getElements('a').addEvent('mouseout', function(e)
		{
			
			if (!this.hasClass('active'))
			{
				var i = 0;
				var currentSpan = this.getElement('span');
				var liParent = this.getParent();
				var liClass = liParent.className;
				
				if ($('clients-list-wrapper'))
				{
					var clientLiArray = $('clients-list-wrapper').getElements('li');
					
					for (i = 0; i < clientLiArray.length; i ++)
					{
						if (clientLiArray[i].className == liClass)
						{
							var clientATag = clientLiArray[i].getElement('a');
							clientATag.removeClass('hilighted');
							clientATag.addClass('antihilighted');
							
						}//end if class names are ==
						
					}//end for loop
					
				}//end if clients list wrapper
			}//end if click flag condition
		
		});
		
		//deal with main nav click action
		$('market-sectors').getElements('a').addEvent('click', function(e)
		{
			e.stop();

			var i = 0;
			var currentSpan = this.getElement('span');
			var liParent = this.getParent();
			var liClass = liParent.className;
			
			if (currentSpan.hasClass('active'))
			{
				currentSpan.removeClass('active');
				currentSpan.addClass('hide');
				this.removeClass('active');
				
				if ($('clients-list-wrapper'))
				{
					var clientLiArray = $('clients-list-wrapper').getElements('li');
					
					for (i = 0; i < clientLiArray.length; i ++)
					{
						if (clientLiArray[i].className == liClass)
						{
							var clientATag = clientLiArray[i].getElement('a');
							clientATag.removeClass('hilighted');
							clientATag.addClass('antihilighted');
							
							clientATag.removeClass('active');
							clientSpan = clientATag.getElement('span');
							clientSpan.removeClass('active');
							clientSpan.addClass('hide');
							
							$('hider-div').addClass('hide');
							$('first-row').addClass('no-line');
					
							$('image-container').innerHTML = '';
							$('title-container').innerHTML = 'Case Studies';
							$('title-container').addClass('intro');
							$('summary-container').innerHTML = 'Select your market sector to view our clients and relevant case studies of our work.';
							$('summary-container').addClass('intro');
							$('case-link-container').innerHTML = '';		
							$('client-link').innerHTML = '';
							$('sectors').innerHTML = '';
							$('services').innerHTML = '';
							$('contact-name').innerHTML = 'Ron Moody';
							$('contact-title').innerHTML = 'Managing Director';
							$('contact-sector').innerHTML = 'Contact Management';
							$('contact-email').innerHTML = 'RMoody@golleyslater.co.uk';
							
						}//end if class names are ==
						
					}//end for loop
					
				}//end if clients list wrapper

			}
			else
			{
				/****
				Functionality added to only alow them to click one sector at a time (remove filter)
				****/
				var previousSpan = $('market-sectors').getElement('a .active');
				
				if (previousSpan)
				{
					var ATagParent = previousSpan.getParent();
					previousSpan.addClass('hide');
					previousSpan.removeClass('active');
					ATagParent.removeClass('active');
				}
				/*********
				End of added functionality
				**********/
				
				currentSpan.addClass('active');
				currentSpan.removeClass('hide');
				this.addClass('active');
				
				
				if ($('clients-list-wrapper'))
				{
					var clientLiArray = $('clients-list-wrapper').getElements('li');
					
					for (i = 0; i < clientLiArray.length; i ++)
					{
						if (clientLiArray[i].className == liClass)
						{
							var clientATag = clientLiArray[i].getElement('a');
							clientATag.removeClass('antihilighted');
							clientATag.addClass('hilighted');
							
							clientATag.removeClass('active');
							clientSpan = clientATag.getElement('span');
							clientSpan.removeClass('active');
							clientSpan.addClass('hide');
							
							$('hider-div').addClass('hide');
							$('first-row').addClass('no-line');
					
							$('image-container').innerHTML = '';
							$('title-container').innerHTML = 'Case Studies';
							$('title-container').addClass('intro');
							$('summary-container').innerHTML = 'Select your market sector to view our clients and relevant case studies of our work.';
							$('summary-container').addClass('intro');
							$('case-link-container').innerHTML = '';		
							$('client-link').innerHTML = '';
							$('sectors').innerHTML = '';
							$('services').innerHTML = '';
							$('contact-name').innerHTML = 'Ron Moody';
							$('contact-title').innerHTML = 'Managing Director';
							$('contact-sector').innerHTML = 'Contact Management';
							$('contact-email').innerHTML = 'RMoody@golleyslater.co.uk';
							
						}//end if class names are ==
						/******
						else condition added for same reason as previous active
						******/
						else
						{
							var clientATag = clientLiArray[i].getElement('a');
							clientATag.removeClass('hilighted');
							clientATag.addClass('antihilighted');
							
							clientATag.removeClass('active');
							clientSpan = clientATag.getElement('span');
							clientSpan.removeClass('active');
							clientSpan.addClass('hide');
							
							$('hider-div').addClass('hide');
							$('first-row').addClass('no-line');
					
							$('image-container').innerHTML = '';
							$('title-container').innerHTML = 'Case Studies';
							$('title-container').addClass('intro');
							$('summary-container').innerHTML = 'Select your market sector to view our clients and relevant case studies of our work.';
							$('summary-container').addClass('intro');
							$('case-link-container').innerHTML = '';		
							$('client-link').innerHTML = '';
							$('sectors').innerHTML = '';
							$('services').innerHTML = '';
							$('contact-name').innerHTML = 'Ron Moody';
							$('contact-title').innerHTML = 'Managing Director';
							$('contact-sector').innerHTML = 'Contact Management';
							$('contact-email').innerHTML = 'RMoody@golleyslater.co.uk';
						}
						/********
						end of added else condition
						******/
						
					}//end for loop
					
				}//end if clients list wrapper

				
				
			}//end else 

			
		});
		//end actionListener for a tag in market sectors click event
	}
	//end if market-sectors
	
	
	
	
});

function preLoadImages(ImageArray)
{
	var imageObj = new Image();
	
	for (var z = 0; z < ImageArray.length; z ++)
	{
		imageObj.src = ImageArray[z];	
	}
}

function checkHieghts(firstHeight)
{
	var leftHieghtPx = $$('.main-content-left').getStyle('height');
	var leftHieght = leftHieghtPx[0].replace('px', '');
	
	var rightHieghtPx = $$('.main-content-right').getStyle('height');
	var rightHieght = rightHieghtPx[0].replace('px', '');
	
	//alert ("right height is " + rightHieght);
	//alert ("left height is " + leftHieght);
	
	if ( parseInt(rightHieght) > parseInt(leftHieght) )
	{
		 var newHeight = rightHieght + 'px';
		 $$('.main-content-left').setStyle('height', newHeight);	
	}
	else
	{
		$$('.main-content-left').setStyle('height', firstHeight);		
	}
	
}

function isset () {
    // http://kevin.vanzonneveld.net
    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: FremyCompany
    // +   improved by: Onno Marsman
    // *     example 1: isset( undefined, true);
    // *     returns 1: false
    // *     example 2: isset( 'Kevin van Zonneveld' );
    // *     returns 2: true
    
    var a=arguments, l=a.length, i=0;
    
    if (l===0) {
        throw new Error('Empty isset'); 
    }
    
    while (i!==l) {
        if (typeof(a[i])=='undefined' || a[i]===null) { 
            return false; 
        } else { 
            i++; 
        }
    }
    return true;
}