var xmlHttp
var Effect;

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}





function scrollToElement(element_id)
{
	new Effect.ScrollTo(element_id);	
	
}

function nextPic(pic_number, item_id)
{
	//Effect.Fade('portfolio_item_viewer', 1);
	//Effect.Fade('portfolio_item_viewer', { duration: 3.0, queue: 'start' });
	
	//setTimeout("nextPicAjax(pic_number, item_id)", 3000);
	nextPicAjax(pic_number, item_id);
}

function nextPicAjax(pic_number, item_id)
{
	xmlHttp = GetXmlHttpObject()

	if (xmlHttp==null)
	{
		alert ("Your browser does not support AJAX!");
		return;
	} 
	
	var url = "../php/ajax/showNextPic.php?item_id=" + item_id +
	"&pic_number=" + pic_number;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = nextPicShown;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function nextPicShown() 
{ 
	if (xmlHttp.readyState==4)
	{ 
		document.getElementById('portfolio_item_viewer').innerHTML = xmlHttp.responseText;
		//Effect.Appear('portfolio_item_viewer', { duration: 3.0, queue: 'end' });
		//new Effect.ScrollTo('portfolio_', { duration: 1 });
						
				
	}
}

function showElement(element_id)
{

	document.getElementById(element_id).style.display = 'block';

}

function hideElement(element_id)
{

	document.getElementById(element_id).style.display = 'none';

}

function setClass(element_id, cssclass)
{
	
	document.getElementById(element_id).setAttribute("class", cssclass);
	
}

function validateField(element_id)
{
	var element = document.getElementById(element_id);
	
	if(element.value == "")
	{
		setClass(element_id, "empty");
	}
	else
	{
		setClass(element_id, "");		
	}
}

function isEmailValid(email)
{
	valid = true;
	
	apos = email.indexOf("@");
	dotpos = email.lastIndexOf(".");
	
	if (apos<1||dotpos-apos<2) 
	{
        valid = false;		
	}		
	
	return valid;
	
}


function validateEmailField(element_id)
{
	var element = document.getElementById(element_id);
	
	if(element.value == "" || !isEmailValid(element.value))
	{
		setClass(element_id, "empty");
	}
	else
	{
		setClass(element_id, "");		
	}
}


function sendContactForm()
{
	
	callback = document.getElementById('callback').checked;
	quote = document.getElementById('quote').checked;
	email = document.getElementById('email').value;
	tel = document.getElementById('tel').value;
	name = document.getElementById('name').value;
	
	if(callback == true)
	{
		time_to_call = document.getElementById('time_to_call').value;		
	}
	else
	{
		time_to_call = "NA";
	}
	
	if(quote == true)
	{
		quote_details = document.getElementById('quote_details').value;	
	}
	else
	{
		quote_details = "NA";
	}
	
	message = document.getElementById('message').value;
	
	
	valid = true;
	
	if(quote == true)
	{
		if(quote_details == "")
		{
			valid = false;
		}
	}
	
	if(email == "" || tel == "" || message == "")
	{
		valid = false;
	}
	
	if(valid == false)
	{
		alert('Please make sure you fill in all the fields.');
	}
	else
	{
		
		document.getElementById('contact_form_content').innerHTML = 
		
				"<div class=\"loading\">\n" +
					"<img src=\"images/loader.gif\" alt=\"Loading...\" />\n" +
					"<span>Please Wait...</span>\n" +
				"</div>\n";
		
		xmlHttp = GetXmlHttpObject()
	
		if (xmlHttp==null)
		{
			alert ("Your browser does not support AJAX!");
			return;
		} 
		
		var url = "../php/ajax/sendContactForm.php?callback=" + callback +
		"&quote=" + quote +
		"&email=" + email +
		"&name=" + name +
		"&tel=" + tel +
		"&time_to_call=" + time_to_call +
		"&message=" + message +
		"&quote_details=" + quote_details;
		url = url + "&sid=" + Math.random();
		xmlHttp.onreadystatechange = contactFormSent;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);		
	}
	
}


function contactFormSent() 
{ 
	if (xmlHttp.readyState==4)
	{ 
		document.getElementById('contact_form_content').innerHTML = xmlHttp.responseText;	
		
		scrollToElement('header');	
	}
}

function showPortfolioImage(filename, link_no, link_count)
{
	//change image
	document.getElementById('portfolio_main_image').src = 'image/portfolio/' + filename;
	
	//set all links as unselected
	
	for (i=1;i<=link_count;i++)
	{
		link_id = 'link' + i;
		document.getElementById(link_id).setAttribute('class', 'pic_link unselected');
	}
	
	//set chosen link as selected		
	link_id = 'link' + link_no;	
	
	document.getElementById(link_id).setAttribute('class', 'pic_link selected');
}