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

window.addEvent('domready', function() {
	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]);
		}
	}
	
	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';
				
			} 
		}
		
	}
	
	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 = "<span class='positive'>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();
		});
		
	}
	
	var portfolio_li = $$('#portfolio_list li');
	var portfolio_item = $$('.portfolio_item');
	
	for(i=0; i<portfolio_li.length; i++) {
		var target_img = portfolio_li[i].getElement('img');
		target_img.parentNode.style.backgroundImage = 'url('+target_img.getAttribute('src')+')';
		target_img.set('opacity',0);
		
		portfolio_li[i].getElementsByTagName('a')[0].addEvent('mouseover',function (event) {
			event.stop();
			this.getElement('img').set('tween',{duration: 500});
			this.getElement('img').tween('opacity',1);
			
		});
		 
		portfolio_li[i].getElementsByTagName('a')[0].addEvent('mouseout',function (event) {
			 event.stop();																		 
			 this.getElement('img').tween('opacity',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]);
	}

	replaceSelects ();
	milkbox = new Milkbox();
});