/* Toogle text
---------------------------------------------------------------- */

var field = function(){
	return {
		focus:function(f,txt){
			if(f.value==txt){
				
				f.value='';
			}else{
				f.select();
			}
		},
		blur:function(f,txt){
			if(f.value==''){
				f.value=txt;
			}
		}
	};
}();


/* Link function
---------------------------------------------------------------- */

var url = function(){
	return {
		href:function(url,blank){
			if(blank){
				window.open(url);
			}else{
				location.href = url;
			}
		}
	};
}();


/* Ajax
---------------------------------------------------------------- */

var ajax = function(){
	return {
		nocache:function(){
			var minutes = 1000 * 60;
			var hours = minutes * 60;
			var days = hours * 24;
			var years = days * 365;
			var d = new Date();
			var t = d.getTime();
			return t;
		},
		load:function(url,container,load){
			var obj = document.getElementById(container);
			var loader = '<div class="loading"></div>';
			if(obj && url){
				if(load){obj.innerHTML = loader;}
				ajax.page(url,container);
			}
		},
		page:function(url,container){
			var _url,_no;
			if(url.indexOf("?")==-1){_no = '?~' + ajax.nocache();}else{_no = '&~' + ajax.nocache();}
			_url = url + _no;
			
			if(window.XMLHttpRequest){
				page_request = new XMLHttpRequest();
			}else if(window.ActiveXObject){
				try{
					page_request = new ActiveXObject('Msxml2.XMLHTTP');
				}catch(e){
					try{
						page_request = new ActiveXObject('Microsoft.XMLHTTP');
					}catch(e){}
				}
			}else{
				return false;
			}

			page_request.onreadystatechange = function(){
				ajax.parse(page_request,container);
			}
			page_request.open('GET', _url, true);
			page_request.send(null);
		},
		parse:function(page_request,container){
			if(page_request.readyState==4 && (page_request.status==200 || window.location.href.indexOf('http')==-1)){
				document.getElementById(container).innerHTML = page_request.responseText;
				ajax.completed();
			}
		},
		completed:function(){
			// After complete functions here..
		}
	};
}();


/* Dark layer
---------------------------------------------------------------- */

var darken = function(){
	return {
		create:function(){
			var dark = document.getElementById('layerdark');
			if(!dark){
				var dot = document.createElement("div");
				dot.id = 'layerdark';
				dot.style.opacity = 0.5;
				dot.style.filter = 'alpha(opacity=50)';
				dot.style.width = '100%';
				dot.style.height = '100%';
				dot.style.position = 'absolute';
				dot.style.zIndex = '1000';
				dot.style.backgroundColor = '#000000';
				dot.style.left = '0px';
				dot.style.top = '0px';
				dot.onclick = function(){darken.kill();}
				document.body.appendChild(dot);
			}
		},
		show:function(){
			darken.create();
			var dark = document.getElementById('layerdark');
			var height = document.documentElement.scrollHeight;
			if(dark){
				dark.style.height = height + 'px';
				dark.style.display = 'block';
			}
		},
		fixed:function(){
			var dark = document.getElementById('layerdark');
			var height = document.documentElement.scrollHeight;
			if(dark){
				dark.style.height = height + 'px';
			}
		},
		kill:function(){
			var dark = document.getElementById('layerdark');
			if(dark){dark.style.display = 'none';}
		}
	};
}();


/* Validation
---------------------------------------------------------------- */

var validate = function(){
	var execute = true;
	return {
		err:function(step,f){
			var obj = document.getElementById(f);
			if(obj){
				if(step=='1'){obj.style.backgroundColor = '#ffabab';setTimeout("validate.err('2','"+f+"');", 50);}
				if(step=='2'){obj.style.backgroundColor = '#ffc5c5';setTimeout("validate.err('3','"+f+"');", 50);}
				if(step=='3'){obj.style.backgroundColor = '#ffdfdf';setTimeout("validate.err('4','"+f+"');", 50);}
				if(step=='4'){obj.style.backgroundColor = '#fef1f1';setTimeout("validate.err('5','"+f+"');", 50);}
				if(step=='5'){obj.style.backgroundColor = '#fff';}
			}
		},
		email:function(str){
			var filter = /^[^\s@]+@[^\s@]+\.[a-z]{2,6}$/i;
			if(filter.test(str)){return true;}else{return false;}
		},
		empty:function(str){
			var filter = /^\s+$/;
			var expression;
			if(filter.test(str) || str==''){expression = false;}else{expression = true;}
			return expression;
		},
		onlynumbers:function(evt){
			var charCode = (evt.which) ? evt.which : event.keyCode;
			if(charCode > 31 && (charCode < 48 || charCode > 57)){return false;}else{return true;}
		},
		dummy:function(f){
			if(!validate.email(f.field1.value)){
				execute = false;
				validate.err('1',f.field1.id);
			}
			if(!validate.empty(f.field2.value)){
				execute = false;
				validate.err('1',f.field2.id);
			}
			return execute;
		}
	};
}();


/* Window events
---------------------------------------------------------------- */

window.onresize = function(){
	darken.fixed();
}
/* Images pagination / slideshow
---------------------------------------------------------------- */

// Global variables
var timer;
var move;
var step = 0;
var running = false;

function countItems(){

	var items = document.getElementsByTagName('A');
	var count = items.length;
	var all = 0;

	for(var t=0;t<count;t+=1){
		if(items[t].className=='itm_p'){
			all++;
		}
	}
	
	return all;

}

function resetItems(){

	var items = document.getElementsByTagName('A');
	var count = items.length;
	var all = 0;

	for(var t=0;t<count;t+=1){
		if(items[t].className=='itm_p' || items[t].className=='itm_p_sel'){
			items[t].className='itm_p';
		}
	}

}

function loadItems(){
	
	// Get number of items
	var all = countItems();
	
	// Set new container width
	if(document.getElementById('rel')){
		//document.getElementById('rel').style.width = ((all * 154)) + 'px';
	}
	
	// Set forward arrow to (in)active?
	if(all>4){
		document.getElementById('btn_forward').className = 'forward';
	}else{
		document.getElementById('btn_forward').className = 'forward_dis';
	}
	
}

function loadPrev(){

	// Get number of items
	var all = countItems();
	
	if(all>4){
	
		var maxLeft;
		var maxLeftPx;
		var curLeft;
		var nextItem;
	
		// If there is more than 4 items, then find the max left position
		maxLeft = 0;
		maxLeftPx = 0;
		
		// Get current left position
		curLeft = parseInt(document.getElementById('rel').style.left);

		if(maxLeftPx==curLeft){
			document.getElementById('btn_back').className = 'back_dis';
		}else{
				
			if(!running){

				document.getElementById('btn_back').className = 'back';
				document.getElementById('btn_forward').className = 'forward';

				moveCase('back',(curLeft+154));
			
				// Have we reached the end?
				nextItem = (curLeft + 154);
				
				if(nextItem==maxLeftPx){
					document.getElementById('btn_back').className = 'back_dis';
				}
			}
		}	
	}
}

function loadNext(){

	// Get number of items
	var all = countItems();
	
	if(all>4){
	
		var maxLeft;
		var maxLeftPx;
		var curLeft;
		var nextItem;
	
		// If there is more than 4 items, then find the max left position
		maxLeft = all - 4;
		maxLeftPx = -(maxLeft * 154);
		
		// Get current left position
		curLeft = parseInt(document.getElementById('rel').style.left);
		
		if(maxLeftPx==curLeft){
			document.getElementById('btn_forward').className = 'forward_dis';
		}else{
			
			if(!running){

				document.getElementById('btn_back').className = 'back';
				document.getElementById('btn_forward').className = 'forward';

				moveCase('forward',(curLeft-154));
			
				// Have we reached the end?
				nextItem = (curLeft - 154);
				
				if(nextItem==maxLeftPx){
					document.getElementById('btn_forward').className = 'forward_dis';
				}

			}
			
		}	
	}
}

function moveCase(direction,moveto){
	
	if(direction=='back'){
		if(moveto || moveto=='0'){move = moveto;}
		var curLeft = parseInt(document.getElementById('rel').style.left);
		if(curLeft==move){
			clearTimeout(timer);
			step = 0;
			running = false;
		}else{
			step++;
			running = true;
			if(step>=0 && step<31){
				document.getElementById('rel').style.left = (curLeft + 5) + 'px';
				timer = setTimeout("moveCase('back')", 1);
			}else if(step>=31 && step<=37){
				document.getElementById('rel').style.left = (curLeft + 1) + 'px';
				timer = setTimeout("moveCase('back')", 1);
			}
		}
	}
	
	if(direction=='forward'){
		if(moveto){move = moveto;}
		var curLeft = parseInt(document.getElementById('rel').style.left);
		if(curLeft==move){
			clearTimeout(timer);
			step = 0;
			running = false;
		}else{
			step++;
			running = true;
			if(step>=0 && step<31){
				document.getElementById('rel').style.left = (curLeft - 5) + 'px';
				timer = setTimeout("moveCase('forward')", 1);
			}else if(step>=31 && step<=37){
				document.getElementById('rel').style.left = (curLeft - 1) + 'px';
				timer = setTimeout("moveCase('forward')", 1);
			}
		}
	}
	
}

function showCase(page){
	if(page){
		goToUrl('',page);
	}
}

function previewCase(f,command){
	var element = document.getElementById(f.id);

	if(command=='show'){
		if(element){
			element.className = 'itm_p_sel';
			
		}
	}
	if(command=='hide'){
		if(element){
			element.className = 'itm_p';
		}
	}
}


/* Key code navigation
---------------------------------------------------------------- */

function getKeyCode(evt){
	evt = (evt) ? evt : ((event) ? event : null);
	
	var evver = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null );
	var keynumber = evt.keyCode;
	
	if(keynumber){
		return keynumber;
	}
}

// Get document events
document.onkeyup = function(event){

	// Get character code
	var charCode = getKeyCode(event);
	var prevBtn = document.getElementById('btn_back');
	var nextBtn = document.getElementById('btn_back');
	
	switch(charCode){
		
		// Forward arrows
		case 39: // Arrow -> Forward
			if(nextBtn){loadNext();}
			break;
		case 102: // Arrow -> Forward - Numbers
			if(nextBtn){loadNext();}
			break;
		// Backward arrows
		case 37: // Arrow -> Back
			if(prevBtn){loadPrev();}
			break;
		case 100: // Arrow -> Back - Numbers
			if(prevBtn){loadPrev();}
			break;
		
	}
	
}