var showhide;
window.onload = function() {
	workdesc = new fx.Height('fcontent', {duration: 1200});
	loadcontent('work.php');
	var myAccordion;
	var stretchers;
	var toggles;
};
	function loadcontent(url) {
		workdesc.hide();
		var element = document.getElementById('loading'); 
		element.innerHTML = '<img src="res/ajax-loader.gif" alt="loading ..." />';
		//setTimeout("myLaunch(\""+url+"\");", 1300);
		myLaunch(url);
	}
	function myLaunch(url) {
		new ajax (url, {
		method: 'get',
		update: $('fcontent'),
		onComplete: load
		});
	}
	function load() {
		setTimeout("workdesc.open();", 100);
		var element = document.getElementById('loading'); 
		element.innerHTML = '';
	}
	function hideAll() {
		myAccordion.showThisHideOpen(stretchers[null]);
	}
	function init(){
		stretchers = document.getElementsByClassName('stretcher'); 
		toggles = document.getElementsByClassName('display');
		toggles.each(function(tog, i) {
			tog.onclick = function() {
				if (tog.className == 'displayed') {
					myAccordion.clearAndToggle(stretchers[i], i);
					tog.className = 'display';

					return;
				}
				
				toggles.each(function(rtog, ri) {toggles[ri].className = 'display';});
				tog.className='displayed';

			};
		});
	
		//accordion effect
		myAccordion = new fx.Accordion(
			toggles, stretchers, {opacity: true, duration: 400}
		);
		
		//hash function
		function checkHash(){
			var found = false;
			toggles.each(function(a, i){
				if (window.location.href.indexOf(a.title) > 0) {
					myAccordion.showThisHideOpen(stretchers[i]);
					found = true;
				}
			});
			if (found == false) {
					myAccordion.showThisHideOpen(stretchers[0]);
					toggles[0].className='displayed';
			}
			return found;
		}
		
		checkHash();

	}
// global variables
var fadeTime = 300; // fadeTime  - sets time of error message fade in/out
var formProcessDelay = 600; // formProcessDelay - sets time delay to allow form_process.php time to get results before activating showErrors() function
var formProcessor = 'submit.php'; // formProcessor - variable to hold the name of our form processor script 
var loaderGraphic = 'res/ajax-loader.gif'; // loaderGraphic-- holds path to Loader graphic


// submitMooForm()
// This function creates new Combo effect from the moo.fx.pack.js and then calls our processData() function
    
function submitListForm() {
    
        errorMsg = new fx.Combo('error_Messages', { 
            
            height: true, 
            
            opacity: true, 
            
            duration: fadeTime, 
            
            onComplete: processData 
            
            }); 
        
        errorMsg.toggle();
        
        var element = document.getElementById('submit'); 
        
        element.innerHTML='<img src="'+loaderGraphic+'" alt="loading" />';
        
        }
    

// processData()
// This function gets the form data and make the ajax httpRequest    

function processData() {
        
        var formName = document.getElementById("name").value ;
        
        var formEmail = document.getElementById("email").value ;
        
        var formRequest = document.getElementById("request").value ;
        
        var formVars = 'name='+formName+'&email='+formEmail+'&request='+formRequest+'' ;
    
        new ajax (formProcessor,{ 
                  
                postBody: formVars, 
                
                update: $('error_Messages'),
                
                onComplete: function() { setTimeout("showErrors();", formProcessDelay); } 
                
                });
    
        }
            
            
// showErrors() 
// function to reveal our error_message div

function showErrors() {

        showErrorMsg = new fx.Combo('error_Messages', { 
                                    
                height: true, 
                
                opacity: true, 
                
                duration: fadeTime 
                
                }); 
    
        showErrorMsg.hide();
    
        showErrorMsg.toggle();
        
        var element = document.getElementById('submit'); 
        
        element.innerHTML='send';

        }


function hideTheForm() {
    
        hideForm = new fx.Combo('formFields', { 
                                    
                height: true, 
                
                opacity: true, 
                
                duration: fadeTime 
                
                }); 
        
        hideForm.toggle();
	  document.getElementById('contact').getElementsByTagName('p')[0].style.display = 'none';
    
}

// addEvent() 

function addEvent( obj, type, fn ) {
        
        if (obj.addEventListener) obj.addEventListener( type, fn, false );
        
        else if (obj.attachEvent) { 
        
        obj["e"+type+fn] = fn;
        
        obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
        
        obj.attachEvent( "on"+type, obj[type+fn] );
        
        }
}

// initializer() 

function initializer() {
        
        var listForm = document.getElementById('contactForm');
        
        addEvent(listForm, 'submit', submitListForm);
        
        listForm.onsubmit = function() { return false; }

}


addEvent(window, 'load',initializer);

function errorForms(name, email, request) {
	var errorElement = document.getElementById('name');
	if(name>0) {
		errorElement.className = 'errorForm';
	} else {
		errorElement.className = '';
	}
	var errorElement = document.getElementById('email');
	if(email>0) {
		errorElement.className = 'errorForm';
	} else {
		errorElement.className = '';
	}
	var errorElement = document.getElementById('request');
	if(request>0) {
		errorElement.className = 'errorForm';
	} else {
		errorElement.className = '';
	}
}