window.addEvent('domready', function(){

	$(document.html).addClass('js');

	$$('a[rel=external]').set('target', '_blank');

	var h1Array =  $$('h1');
	var h1Text = h1Array.get('text');
	h1Array.each(function(el, i){
		el.set('text', h1Text + '.');
	});

	var subnav = $$('.caseStudy .subNav')[0];
	if(subnav){
		var h2Array =  $$('.subNav h2');
		var h2Text = h2Array.get('text');
		h2Array.each(function(el, i){
			if(el.value = 'More pages...'){
				el.set('text', 'Case studies...');
			}
		});	
	};
	
	var serviceDigital = $$('li.digital')[0];	
	if(serviceDigital){
		new Element('div', { 
			}).inject(serviceDigital, 'top');
	};

	var serviceDesign = $$('li.design')[0];	
	if(serviceDesign){
		new Element('div', { 
			}).inject(serviceDesign, 'top');
	};

	var myTips = new Tips('.tipz'); 

	var CaseStudyQuote = $$('.caseStudyQuote')[0];	
	if(CaseStudyQuote){
		new Element('span', { 
			'class': 'triangle'			
			}).inject(CaseStudyQuote, 'top');
	};
	
	var howToApply = $$('.howToApply')[0];		
	if(howToApply){
		new Element('span', {
			'class': 'triangle'
			}).inject(howToApply, 'bottom');
	};
	
	var consulting = $$('.consulting')[0];		
	if(consulting){
		new Element('span', {
			'class': 'triangle'
			}).inject(consulting, 'bottom');
	};

	var designbuild = $$('.designbuild')[0];		
	if(designbuild){
		new Element('span', {
			'class': 'triangle'
			}).inject(designbuild, 'bottom');
	};		
	
	var servicesArrow = $$('.services .content div div');		
	if(servicesArrow[0]){
		var listArray = servicesArrow
		listArray.each(function(el, i){
			new Element('span', { 
				}).inject(el, 'bottom');
			});
	};
	
	var comments = $$('#comments');		
	if(comments[0]){
		var commentFormSlide = $('commentform-slide');
		var slideBtn = $('slide-in');
		
		commentFormSlide.addClass('hide-slide');
		
		slideBtn.addEvent('click', function(e){
			e.stop();
			commentFormSlide.toggleClass('hide-slide');
		}); 
	};
	
	if (Browser.Engine.name=='trident') {
		var content = $$('.content')[0];		
		if(content){
			new Element('div', {
				'class': 'shadow'
				}).inject(content, 'bottom');
		};
		var caseStudyContent = $$('.caseStudy .content')[0];		
		if(caseStudyContent){
			new Element('div', {
				'class': 'shadow'
				}).inject(caseStudyContent, 'bottom');
		};		
		var postsWrapper = $$('.postsWrapper .navigation')[0];		
		if(postsWrapper){
			new Element('div', {
				'class': 'shadow'
				}).inject(postsWrapper, 'before');
		};
	}
	
	

	if (Browser.Engine.name=='trident' && Browser.Engine.version==4) {
	}
	
	else {
		var clientBlock = $$('div.promo-blocks');
		clientBlock.addClass('enhanced');
		var servicesList = $$('div.services-list');
		servicesList.setStyle('display','none');
	}


	//our work slidey thingamajig
	var ourWork = $$('.ourWork')[0];		
	if(ourWork){
		var slidesWrap = $$('div.slidesWrap')[0]

		hideSlides();
		$('showcase').removeClass('hideSlide').addClass('activeSlide');
		$$('ul.ourWorkNav li:first-child a').addClass('active');
		
		var navArray = $$('ul.ourWorkNav li a');
		navArray.each(function(el, i){
			new Element('span', {
				}).inject(el, 'bottom');
			el.addEvent('click', function(event){
				event.preventDefault(); 
				clearNavStyle();
				var anchor = el.getProperty('href').replace(/^#/,'').split('/');				
				el.addClass('active');
				
				var slideTweenOut = new Fx.Morph(slidesWrap,{duration: '700', transition:Fx.Transitions.linear.easeIn})
				slideTweenOut.start({
					'width': '0px',
					'height': '0px'
				}).addEvent('complete',function(){
					hideSlides();
					var target = $$('#' + anchor);
					target.removeClass('hideSlide').addClass('activeSlide');
					var targetDiv = $$('div.activeSlide')[0];
					var targetSize = targetDiv.getSize();
					var slideTweenIn = new Fx.Morph(slidesWrap,{duration: '700', transition:Fx.Transitions.linear.easeIn}).set({
						'width': '0px',
						'height': '0px'
					});
					slideTweenIn.start({
						'height': targetSize.y,
	    				'width': targetSize.x
					}).addEvent('complete',function(){});
						
				});
			});
		});
	};

	function clearNavStyle(){
		$$('ul.ourWorkNav li a').removeClass('active');
	}
	
	function hideSlides(){
		var divArray = $$('.ourWork .slide');
		divArray.each(function(el, i){
			el.removeClass('activeSlide');
			el.addClass('hideSlide');
		});
	}

	var beyondChat = $('beyond-chat');
	if(beyondChat){
		$('beyond-chat').addEvent('click', function(event){
			$('chat').setStyle('display', 'block');
			$('request').setStyle('display', 'none')		
		})
		$('beyond-request').addEvent('click', function(event){
			$('chat').setStyle('display', 'none');
			$('request').setStyle('display', 'block');
		})
	
		//printed value checkbox
		var pdf = $$('#request input[type="radio"]')[0];
		var printed = $$('#request input[type="radio"]')[1];
		var both = $$('#request input[type="radio"]')[2];
		var addressPostcode = $$('#request li.toggle');
		pdf.addEvent('click', function(event){
			if(this.checked){
				hideAddressFields()
			}
		});
		printed.addEvent('click', function(event){
			if(this.checked){
				showAddressFields()
			}
		});
		both.addEvent('click', function(event){
			if(this.checked){
				showAddressFields()
			}
		});
	}
	function showAddressFields(){
		addressPostcode.each(function(el, i){
			el.setStyle('display', 'block');
		})
	}
	function hideAddressFields(){
		addressPostcode.each(function(el, i){
			el.setStyle('display', 'none');
		})
	}

/*
	var financeSend = $('financeSend')
	if(financeSend){
		$('financeSend').addEvent('click', function(event){
			alert("submit");
			pageTracker._trackPageview('/virtual/finance/submit');
		});
	}
	
	var telecomsSend = $('telecomsSend')
	if(telecomsSend){
		$('telecomsSend').addEvent('click', function(event){
			alert("submit");
			pageTracker._trackPageview('/virtual/telecoms/submit');
		});
	}
	
	var requestSend = $('requestSend')
	if(requestSend){
		$('requestSend').addEvent('click', function(event){
			alert("submit");
			pageTracker._trackPageview('/virtual/Going-Beyond-Websites/call-me-back-CTA/submit');
		});
	}
	
	var futuresEnquiry = $('futuresEnquiry')
	if(futuresEnquiry){
		$('futuresEnquiry').addEvent('click', function(event){
			alert("submit");
			pageTracker._trackPageview('/virtual/Going-Beyond-Websites/call-me-back-CTA/submit');
		});
	}
	*/
});

window.addEvent('load', function(){
		
	var ourWork = $$('.ourWork')[0];		
	if(ourWork){
		var slidesWrap = $$('div.slidesWrap')[0]
		slidesWrap.setStyles({
			'height': $('showcase').getSize().y,
			width: '930px'			
		});
	}

	if (Browser.Engine.name=='trident' && Browser.Engine.version==4) {
	}
	else {
		var clientBlock = $$('div.promo-blocks');
		clientBlock.addClass('enhanced');
		
		// SET UP VARIABLES
		
		var promoBlock = $$('div.promo-blocks div');
		var blackContainer = $$('div.black');
		
		// FUNCTIONS
		// SET CSS HOOK
		
		promoBlock.addClass('block');
		
		$$('div.promo-blocks div.black').removeClass('block');
		var colorBlock = $$('div.promo-blocks div.block');
		
		// ADD EVENTS
		colorBlock.addEvent('mouseenter', function(){
			var blackBox = this.getChildren('div.black');
			this.set('morph', {duration: '250' , 'transition': 'Sine:in:out'});
			this.morph('.hover-image');
			blackBox.set('morph', {duration: '250' , 'transition': 'Sine:in:out'});
			blackBox.morph({'top':'10px'});
		});
		
		colorBlock.addEvent('mouseleave', function(){
			var blackBox = this.getChildren('div.black');
			blackBox.morph('.down');
			this.morph('.hover-out');
		});
		
		
		var promoBlock2 = $$('div.promo-blocks div');
		if(promoBlock2[0]){
			var listArray = promoBlock2;
			listArray.each(function(el, i){
				var contentH2 = el.getChildren('h2');
				var contentH2Content = contentH2.get('html');
				var contentP = el.getChildren('p');
				var contentPContent = contentP.get('html');
				
				var divLink = el.getChildren('a');
			
				contentH2.destroy();
				contentP.destroy();
				var newContent = new Element('h2', {'html':contentH2Content})+new Element('p', {'html':contentPContent});
				var black = new Element('div', {'class':'black', 'html':"<h2>"+contentH2Content+"</h2>"+"<p>"+contentPContent+"</p>"});
				black.inject(el, 'bottom');
				black.addEvent('click',function(){window.location=divLink});
			});
		};
		
		
		
		
		
		
		// SERVICES PAGE BOUNCE IN
		var servicesList = $$('div.services-list');
		servicesList.set('class','enhanced-services');
		var enhancedServices = $$('div.enhanced-services');
		enhancedServices.setStyle('display','block');
		
		var serviceBlock = $$('div.enhanced-services div');
		serviceBlock.set('opacity','0');
		
		var consultBlock = $$('div.enhanced-services div.consulting');
		var designBlock = $$('div.enhanced-services div.designbuild');
		var manageBlock = $$('div.enhanced-services div.managed');
		
		consultBlock.set('id','consult');
		designBlock.set('id','design');
		manageBlock.set('id','manage');
		
		var consultId = $('consult');
		var designId = $('design');
		var manageId = $('manage');
		
		var suppH3 = $$('div.enhanced-services div h3');
		suppH3.fade('hide');
		var suppP = $$('div.enhanced-services div p');
		suppP.fade('hide');
		
		function servicesBlockSlide(){
			if(consultId){
				var consultBounce = new Fx.Morph(consultId,{duration: '500', transition:Fx.Transitions.Bounce.easeOut});
				consultBounce.start('.blockIn').addEvent('complete',function(){
					var designBounce = new Fx.Morph(designId,{duration: '500', transition:Fx.Transitions.Bounce.easeOut});
					designBounce.start('.blockIn').addEvent('complete',function(){
						var manageBounce = new Fx.Morph(manageId,{duration: '500', transition:Fx.Transitions.Bounce.easeOut});
						manageBounce.start('.blockIn').addEvent('complete', function(){
							suppH3.morph({'opacity':'1','top':'0'});
							suppP.morph({'opacity':'1','top':'0'});
						});
					});
				});
			}
		};
		servicesBlockSlide();
		
		
		// WHAT WE DO SLIDESHOW
		// SET UP VARIABLES
			var shotControl = $('shot-control');
			var container = $$('div.container');

			// Gallery controls
		//	var leftControl  = new Element('img', {'src': '/wp-content/themes/mandogroup/img/mask-l.png','id': 'arrow-left'});
			var rightControl = new Element('img', {'src': '/wp-content/themes/mandogroup_v1.1d-fontface/img/slide-next.png','id': 'arrow-right'});
			
		// INJECT GALLERY CONTROLS AND ADD CONTAINER CLASS
			if(shotControl){
		//		leftControl.inject(shotControl, 'before');
				rightControl.inject(shotControl, 'before');
				container.addClass('js');
			
			
			
		var thumbHolder = $('shot-control').addClass('.ready');
		var slideHolder = $('shot-viewer');
		var currentThumb;
		var allThumbs = $$('div#shot-control img');
		allThumbs.set('class','thumb');
		};
		
		// RESET CURRENT THUMB POSITION 
		function resetThumbPosition(){
			var currentThumb = thumbHolder.getLast('img.thumb');
			currentThumb.tween('left','0px');
		};
		
		// SLIDE CURRENT THUMB TO THE LEFT 
		function slideThumbOut(){
			var currentThumb = thumbHolder.getLast('img');
			currentThumb.tween('left','-145px');
		};
		
		// SWAP TOP THUMBNAIL WITH BOTTOM THUMBNAIL 
		function clickThumb(){
			//nextControl.fade('out');
			thumbHolder.removeClass('.ready');
			var lastThumb = thumbHolder.getFirst('img');
			var currentThumb = thumbHolder.getLast('img').set('class','remove');
			var thumbTween = new Fx.Morph(currentThumb,{duration: '400', transition:Fx.Transitions.Sine.easeOut});
			thumbTween.start({'left':'-600px'}).addEvent('complete',function(){
				var cloneCurrentThumb = currentThumb.clone().setStyle('left','0px').inject(lastThumb, 'before').set('class','thumb');
				currentThumb.dispose();
				thumbHolder.addClass('.ready');
			});
		};
		
		function slideSlide(){
			var lastSlide = slideHolder.getFirst('img');
			var currentSlide = slideHolder.getLast('img');
			var slideTween = new Fx.Morph(currentSlide,{duration: '400', transition:Fx.Transitions.Sine.easeOut});
			slideTween.start({'left':'-600px'}).addEvent('complete',function(){	
				var cloneCurrentSlide = currentSlide.clone().setStyle('left','0px').inject(lastSlide, 'before');
				currentSlide.dispose();
			});																 
		};
		
		
		
		// NEXT THUMBNAIL MASTER FUNCTION 
		var nextControl = $$('div.sidebar img#arrow-right');
		
		function nextSlide(){
			if(nextControl[0]){
				var controlArray = nextControl;
				controlArray.each(function(el, i){
					el.addEvents({
						'mouseenter': function(){
							slideThumbOut();
						},
						'mouseleave': function(){
							if (shotControl.hasClass('.ready')){	
								var currentThumb = thumbHolder.getLast('img.thumb');
								currentThumb.tween('left','0px');
							}
						},
						'click': function clickEvent(){
							clickThumb();
							slideSlide();
							var newThumb = thumbHolder.getLast('img.thumb');
							newThumb.tween('left','-145px');
						}
					});
				});
			}
		};
		nextSlide();
		
		
		if(shotControl){
			shotControl.addEvents({
				'mouseenter': function(){
					slideThumbOut();
				},
				'mouseleave': function(){
					if (shotControl.hasClass('.ready')){	
						var currentThumb = thumbHolder.getLast('img.thumb');
						currentThumb.tween('left','0px');
					}	
				}					  
			});	
		}
		

		
		// PURPLE QUOTES 
		var purpleQuotes = $$('div.caseStudyQuote').addClass('purple');
		var purpleEnhanced = $$('div.purple');
		var purpleH2 = $$('div.purple h2');
		var purpleP = $$('div.purple p');
		
		purpleH2.fade('in');
		purpleP.fade('in');

	}

});