try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

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

	 Fx.Scroll2 = new Class({
	  
		 'Extends': Fx.Scroll,
	  
		 'styleString': Element.getComputedStyle,
		 'styleNumber': function(element, style) {
			 return this.styleString(element, style).toInt() || 0;
		 },
		 'borderBox': function(element) {
			 return this.styleString(element, '-moz-box-sizing') == 'border-box';
		 },
		 'topBorder': function(element) {
			 return this.styleNumber(element, 'border-top-width');
		 },
		'leftBorder': function(element) {
			 return this.styleNumber(element, 'border-left-width');
		 },
		 'isBody': function(element) {
			 return (/^(?:body|html)$/i).test(element.tagName);
		 }, 
		 'toElement': function(el) {
			 var offset   = {x: 0, y: 0};
			 var element  = $(el);
			
			 if (this.isBody(element)) {
				 return offset;
			 }
			 var scroll = element.getScrolls();
				   
			 while (element && !this.isBody(element)){
				 offset.x += element.offsetLeft;
				 offset.y += element.offsetTop;
				
				 if (Browser.Engine.gecko){
					 if (!this.borderBox(element)){
						 offset.x += this.leftBorder(element);
						 offset.y += this.topBorder(element);
					 }
					 var parent = element.parentNode;
					 if (parent && this.styleString(parent, 'overflow') != 'visible'){
						 offset.x += this.leftBorder(parent);
						 offset.y += this.topBorder(parent);
					 }
				 } else if (Browser.Engine.trident || Browser.Engine.webkit){
					 offset.x += this.leftBorder(element);
					 offset.y += this.topBorder(element);
				 }
	  
				 element = element.offsetParent;
				 if (Browser.Engine.trident) {
					 while (element && !element.currentStyle.hasLayout) {
						 element = element.offsetParent;
					 }
				 }
			 }
			 if (Browser.Engine.gecko && !this.borderBox(element)){
				 offset.x -= this.leftBorder(element);
				 offset.y -= this.topBorder(element);
			 }
			
			 var relative = this.element;
			 var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0};
			 var position = {x: offset.x - scroll.x, y: offset.y - scroll.y};
			
			 return this.start(position.x - relativePosition.x, position.y - relativePosition.y);
		 }
	 });
	 
	 
	 
 
    
	 function navigation () {
		
		function next_nav () {
			var next_nav = document.createElement('a');
			next_nav.setAttribute('href','#');
			next_nav.className = 'next_nav';
			var span = document.createElement('span');
			//span.set('opacity',0);
			next_nav.appendChild(span);
			return next_nav;
		}
		
		function prev_nav () {
			var prev_nav = document.createElement('a');
			prev_nav.setAttribute('href','#');
			prev_nav.className = 'prev_nav';
			var span = document.createElement('span');
			//span.set('opacity',0);
			prev_nav.appendChild(span);
			return prev_nav;
		}
		
		
		
		var wrapper_inner = $('wrapper_inner');
		
		
		function glow (state1,state2) {
			if(typeof skin == 'undefined') {return false}
			if(skin=='black-theme') {
				var glow_span = $('glow');
				if(!glow_span) {
					glow_span = document.createElement('span');
					glow_span.setAttribute('id','glow');
					var active = document.createElement('strong');
					var hover = document.createElement('span');
					glow_span.appendChild(active);
					glow_span.appendChild(hover);
					wrapper_inner.appendChild(glow_span);
					
				}
				
				var active = glow_span.getElementsByTagName('strong')[0];
				var hover = glow_span.getElementsByTagName('span')[0];
				
				
				
				
				if(state1) {
					active.className = state1+'_glow';
					
				} 
				if(state2) {
					hover.className = state2+'_glow';
					
				} 
			}
			
		}
		
		
		
		
		glow('portfolio_lk',null);
		
		
		
		list_next = next_nav();
		list_next.setAttribute('id','list_next');
		items_next = next_nav();
		items_next.setAttribute('id','items_next');
		
		list_prev = prev_nav();
		list_prev.setAttribute('id','list_prev');
		items_prev = prev_nav();
		items_prev.setAttribute('id','items_prev');
		
		var goTop = document.createElement('a');
		goTop.setAttribute('href','#portfolio_list');
		$('top_off').appendChild(goTop);
		
		
		wrapper_inner.appendChild(list_next);
		wrapper_inner.appendChild(list_prev);
		wrapper_inner.appendChild(items_next);
		wrapper_inner.appendChild(items_prev);
		
		
		var allow_scroll = true;
		var main_lks = $$('#main_menu a');
		var logo = $$('#logo a')[0];
		var backLink = $$('#back a')[0];
		var backLink1 = $$('#back1 a')[0];
		var backLink2 = $$('#back2 a')[0];
		
		var navFx = new Fx.Scroll2($('content'), 
			{
				wait: true, 
				wheelStops: false,
				duration: 750,
				transition: Fx.Transitions.Quad.easeInOut,
				onStart: function () {
					allow_scroll = false;
				},
				onComplete: function () {
					allow_scroll = true;
					
				}
			}
		)
		navFx.set(0,0);
		for(i=0; i<main_lks.length; i++) {
			main_lks[i].onclick = function () {
				if(allow_scroll) {
					var target = this.href.substr(this.href.indexOf('#')+1);
					if(target=='portfolio') {
						toggleItemsNav(false);
						if(this.getAttribute('id')=='selected') {
							portfolioFx.toTop();	
						} else {
							var selected = $('selected');
							if(selected) {selected.removeAttribute('id');}
							this.setAttribute('id','selected');
							portfolioFx.set(0,0);
						}
					} else {
						toggleItemsNav(false);
					}
					var selected = $('selected');
					if(selected) {selected.removeAttribute('id');}
					this.setAttribute('id','selected');
					navFx.toElement(target);
					glow(this.className,null);
					
				}
				return false;
			}
			main_lks[i].onmouseover = function () {
				if(this.getAttribute('id')!='selected') {
					glow(null,this.className);
				}
			}
			main_lks[i].onmouseout = function () {
					glow(null,' ');
			}
		}
		
		backLink.onclick = backLink1.onclick = backLink2.onclick = function () {
			if(allow_scroll) {
				var target = this.href.substr(this.href.indexOf('#')+1);
				toggleItemsNav(false);
				
				if($$('.portfolio_lk')[0].getAttribute('id')=='selected') {
					portfolioFx.toTop();	
				} else {
					var selected = $('selected');
					if(selected) {selected.removeAttribute('id')}
					$$('.portfolio_lk')[0].setAttribute('id','selected');
					portfolioFx.set(0,0);
				}
				navFx.toElement(target);
			}
			return false;
		}
		
		logo.onclick = function () {
			if(allow_scroll) {
				var target = this.href.substr(this.href.indexOf('#')+1);
				toggleItemsNav(false);
				
				if($$('.portfolio_lk')[0].getAttribute('id')=='selected') {
					portfolioFx.toTop();	
				} else {
					var selected = $('selected');
					if(selected) {selected.removeAttribute('id')}
					$$('.portfolio_lk')[0].setAttribute('id','selected');
					portfolioFx.set(0,0);
				}
				navFx.toElement(target);
				glow('portfolio_lk',null);
			}
			return false;
		}
		
		var request_quote = $('request_quote');
		if(request_quote) {
			request_quote.onclick = function () {
				if(allow_scroll) {
					var selected = $('selected');
					if(selected) {selected.removeAttribute('id');}
					var contact_lk = $$('.contact_lk');
					if(contact_lk.length) {
						$$('.contact_lk')[0].setAttribute('id','selected');
						var target = this.href.substr(this.href.indexOf('#')+1);
						navFx.toElement(target);
					}
					glow('contact_lk',null);
				}
				return false;
			}
		}
		
				
		function initGoTop () {
			goTop.set('opacity',0);
			goTop.addEvent('mouseover',function (event) {
				event.stop();
				goTop.set('tween',{duration: 500});
				this.tween('opacity',0,1);
				
			});
			
			goTop.addEvent('mouseout',function (event) {
				event.stop();
				this.tween('opacity',1,0);
				
			});
			
			
			goTop.addEvent('click',function (event) {
				event.stop();
				if(allow_scroll) {
					toggleItemsNav(false);
					portfolioFx.toTop();
				}
				
			});
		}
		
		
		
		function initListNav () { 
			list_next.getElement('span').set('opacity',0);
			list_prev.getElement('span').set('opacity',0);
			list_next.addEvent('mouseover',function (event) {
				event.stop();
				this.getElement('span').set('tween',{duration: 500});
				this.getElement('span').tween('opacity',0,1);
				
			});
			
			list_next.addEvent('mouseout',function (event) {
				event.stop();
				this.getElement('span').tween('opacity',1,0);
				
			});
			
			list_prev.addEvent('mouseover',function (event) {
				event.stop();
				this.getElement('span').set('tween',{duration: 500});
				this.getElement('span').tween('opacity',0,1);
				
			});
			
			list_prev.addEvent('mouseout',function (event) {
				event.stop();
				this.getElement('span').tween('opacity',1,0);
				
			});
		}
		
		
		
		function initItemsNav () {
			items_next.getElement('span').set('opacity',0);
			items_prev.getElement('span').set('opacity',0);
			items_next.addEvent('mouseover',function (event) {
				event.stop();
				this.getElement('span').set('tween',{duration: 500});
				this.getElement('span').tween('opacity',0,1);
				
			});
			
			items_next.addEvent('mouseout',function (event) {
				event.stop();
				this.getElement('span').tween('opacity',1,0);
				
			});
			
			items_prev.addEvent('mouseover',function (event) {
				event.stop();
				this.getElement('span').set('tween',{duration: 500});
				this.getElement('span').tween('opacity',0,1);
				
			});
			
			items_prev.addEvent('mouseout',function (event) {
				event.stop();
				this.getElement('span').tween('opacity',1,0);
				
			});
		
		}
		
		
		
		
		
		
		var portfolio_items_inner = $('portfolio_items_inner');
		var portfolio_item = $$('.portfolio_item');
		function toggleItemsNav (mode) {
			if(mode==true) {
				if(portfolio_item.length>1) {
					wrapper_inner.addClass('portfolioItems');
					initGoTop();
					initItemsNav.delay(10);
					glow()
				}
			} else {
					wrapper_inner.removeClass('portfolioItems');
			}
		}
		
		portfolio_items_inner.style.width = portfolio_item.length * 763 + 'px';

		
		var portfolioFx = new Fx.Scroll2($('portfolio'), 
			{
				wait: true,
				wheelStops: false,
				duration: 750,
				transition: Fx.Transitions.Quad.easeInOut,
				onStart: function () {
					allow_scroll = false;
					
					
				},
				onComplete: function () {
					allow_scroll = true;
					
					
				}
			}
		)
		
		portfolioFx.set(0,0);
		
		var portfolioItemsFx = new Fx.Scroll2($('portfolioItems'), 
			{
				wait: true, 
				wheelStops: false,
				duration: 750,
				transition: Fx.Transitions.Quad.easeInOut,
				onStart: function () {
					allow_scroll = false;
					
					
				},
				onComplete: function () {
					allow_scroll = true;
					
				}
			}
		)
		
		portfolioItemsFx.set(0,0);
		
		
		
		
		
		var current_item = 0;
		if(portfolio_item.length>1) {
			items_prev.onclick = function () {
				if(allow_scroll&&current_item>0) {
					current_item--;
					portfolioItemsFx.toElement(portfolio_item[current_item]);
				}
				return false;
			}
			
			items_next.onclick = function () {
				if(allow_scroll&&current_item<portfolio_item.length-1) {
					current_item++;
					portfolioItemsFx.toElement(portfolio_item[current_item]);
				}
				return false;
			}
		}
		
		var portfolio_li = $$('#portfolio_list li');
				
		var portfolioListFx = new Fx.Scroll2($('portfolio_list'), 
			{
				wait: true, 
				wheelStops: false,
				duration: 750,
				transition: Fx.Transitions.Quad.easeInOut,
				onStart: function () {
					allow_scroll = false;
					
				},
				onComplete: function () {
					allow_scroll = true;
					
				}
			}
		)
		
		
		for(i=0; i<portfolio_li.length; i++) {
			portfolio_li[i].getElement('a.full_details').onclick = function () {
						
				if(allow_scroll) {
					toggleItemsNav(true);
					var target = this.href.substr(this.href.indexOf('#')+1);
						
					for(x=0; x<portfolio_item.length; x++) {
						if(portfolio_item[x].getAttribute('id')==target) {
							target = 783*x;
							current_item = x;
						}
					}
							
					portfolioItemsFx.set(target,0);
					portfolioFx.start(0,608);
						
				}
						
				return false;
						
			}
			
			portfolio_li[i].getElement('a.project_name').onclick = function () {
						
				if(allow_scroll) {
					toggleItemsNav(true);
					var target = this.href.substr(this.href.indexOf('#')+1);
						
					for(x=0; x<portfolio_item.length; x++) {
						if(portfolio_item[x].getAttribute('id')==target) {
							target = 783*x;
							current_item = x;
						}
					}
							
					portfolioItemsFx.set(target,0);
					portfolioFx.start(0,608);
						
				}
						
				return false;
						
			}
				 
				 
			portfolio_li[i].getElementsByTagName('a')[0].addEvent('mouseover',function (event) {
			event.stop();
					
			});
				 
				 
			portfolio_li[i].getElementsByTagName('a')[0].addEvent('mouseout',function (event) {
			event.stop();							
			});
				  
	}
		
		portfolioListFx.set(0,0);
		
		
		
		var container_images = $$('#container .item li');
				
		var containerListFx = new Fx.Scroll2($('container'), 
			{
				wait: true, 
				wheelStops: false,
				duration: 750,
				transition: Fx.Transitions.Quad.easeInOut,
				onStart: function () {
					allow_scroll = false;
					
				},
				onComplete: function () {
					allow_scroll = true;
					
				}
			}
		)
		
		
		for(i=0; i<container_images.length; i++) {
			container_images[i].getElement('a').onclick = function () {
						
				if(allow_scroll) {
					toggleItemsNav(true);
					var target = this.href.substr(this.href.indexOf('#')+1);
						
					for(x=0; x<portfolio_item.length; x++) {
						if(portfolio_item[x].getAttribute('id')==target) {
							target = 783*x;
							current_item = x;
						}
					}
							
					portfolioItemsFx.set(target,0);
					portfolioFx.start(0,608);
						
				}
						
				return false;
						
			}
				 
				 
			container_images[i].getElementsByTagName('a')[0].addEvent('mouseover',function (event) {
			event.stop();
					
			});
				 
				 
			container_images[i].getElementsByTagName('a')[0].addEvent('mouseout',function (event) {
			event.stop();							
			});
				  
	}
		
		containerListFx.set(0,0);
		
		
		
		function projectGallery (project) {
			var medium_gallery = project.getElement('a[class=medium_gallery]');
			
			medium_gallery.rel = 'milkbox['+ project.getAttribute('id') + ']';
			var portfolio_gallery_thumbs = project.getElement('.portfolio_gallery_thumbs');
			portfolio_gallery_thumbs  = portfolio_gallery_thumbs.getElements('a'); 
			for(y=0; y<portfolio_gallery_thumbs.length; y++) {
				portfolio_gallery_thumbs[y].onclick = function () {return false}
				if(y>0) {
					var clone = medium_gallery.clone();
					clone.style.display = 'none';
					clone.href = portfolio_gallery_thumbs[y].rel;
					clone.getElement('img').src = portfolio_gallery_thumbs[y].href; 
					medium_gallery.parentNode.appendChild(clone);
					
				}
				
				
				portfolio_gallery_thumbs[y].onmouseover = (function (yy) {
					return function () {
						var fotos = project.getElements('.medium_gallery');
						for(i=0; i<fotos.length; i++) {
							fotos[i].style.display = 'none';
						}
						fotos[yy].style.display = 'block';	
						
					}
				})(y);
				
				
			}
			
		}
		
		
		for(i=0; i<portfolio_item.length; i++) {
			projectGallery(portfolio_item[i]);
		}
		
		
		
	}
	
	
	function replaceSelects () {
		var select_input = $$('.select_input');
		if(!select_input.length) {return false}
		
		function replaceSelect (target) {
			var old_select = target.getElement('select');
			var old_select_options = old_select.getElementsByTagName('option');
			old_select.value = old_select_options[0].value;  
			var ul = document.createElement('ul');
			ul.className = 'select';
			var first_li = document.createElement('li');
			first_li.className = 'first';
			var first_lk = document.createElement('a');
			first_lk.setAttribute('href','#');
			first_lk.innerHTML = old_select_options[0].innerHTML;
			
			first_li.appendChild(first_lk);
			ul.appendChild(first_li);
			
			for(x=0; x<old_select_options.length; x++) {
				var li = document.createElement('li');
				var lk = document.createElement('a');
				lk.setAttribute('href','#');
				lk.innerHTML = old_select_options[x].innerHTML;
				if(x==0) {lk.className='active_option'}
				li.appendChild(lk);
				ul.appendChild(li);
			}
			
			target.appendChild(ul);
			
			function toggle_select (mode) {
				if(mode==true) {
					ul.className = 'select select_open';
				} else {
					ul.className = 'select';
					
				}
			}
			
			first_lk = target.getElement('a');
			first_lk.addEvent('click',
				function(event){
					event.stop();
					toggle_select(true);
					document.addEvent('click',
						function (event) {
							event.stopPropagation();
							toggle_select (false);
						}
					);
				}
			 )
			
			var lks = target.getElements('a');
			for(i=1; i<lks.length; i++) {
				lks[i].onclick = (function (ii) {
						return function () {
							active_option = target.getElement('a[class=active_option]');
							active_option.className = '';
							lks[ii].className = 'active_option';
							first_lk.set('text', lks[ii].innerHTML);
							old_select.value = old_select_options[ii-1].value;
							return false;
							
						}
					})(i);
			}
			
		}
		
		for(i=0; i<select_input.length; i++) {
			replaceSelect(select_input[i]);
		}
	}
	
	
	if($('contactForm')) {
		
		var form = $('contactForm');
		
		
		form.set('send', {
			method: "post",
			onSuccess: function(response) {
				switch (response){
					case "email":
						$('response').innerHTML = "<span class='negative'>Invalid mail</span>";
						$('email').focus();
					break;
			
					case "subject":
						$('response').innerHTML = "<span class='negative'>Invalid subject</span>";
						$('subject').focus();
					break;
			
					case "name":
						$('response').innerHTML = "<span class='negative'>Invalid name</span>";
						$('name').focus();
					break;
			
					case "message":
						$('response').innerHTML = "<span class='negative'>Invalid message</span>";
						$('message').focus();
					break;
			
					case "success":
						$('response').innerHTML = "<img src='css/layout/checked.gif'/>Mail sent</span>";
						$('email').value = '';
						$('subject').value = '';
						$('name').value = '';
						$('message').value = '';
					break;
			
					default:
						$('response').innerHTML = "<span class='negative'>Unknown error</span>";
					break;
				}
			},
			onFailure: function () {
				$('response').innerHTML = "<span class='negative'>Unknown error</span>";
			}
		});
		
		form.addEvent('submit', function(e) {
			new Event(e).stop();
			form.send();
		});
		
	}
	
	
	navigation();
	
	replaceSelects ();
	milkbox = new Milkbox();

});