var leftProjectLimit = 0; 
var leftServiceLimit = 0;
var leftCaseStudyLimit = 0; 
var currentProjectImage = 1;
var totalProjectImages = 0;
var totalServiceImages =0;
var currentServiceImage = 1;
var totalCaseStudiesImages = 0;
var currentCaseStudiesImage = 1;
var constantImageWidth = 328;

function gravFormSerialize(myForm) 
{
	var raw = $(myForm).serialize(true);
	var myHash = new Hash(raw);
	return myHash;
}

function submitSignUpForm() {
	
	form  = $('signUpForm');	
	params= form.serialize();
	alert(params);
	var Req = new Ajax.Updater('MB_content', '/client_services/sign_in.php',
			{
				method:'post',
				parameters: params,
				onComplete: function(transport){  },
				onFailure: function(transport){ alert('Something went wrong... ') }
			});
}


function submitLoginForm(){

	form  = $('loginForm');	
	params= form.serialize();
	var Req = new Ajax.Updater('MB_content', '/client_services/login.php',
			{
				method:'post',
				parameters: params,
				onComplete: function(transport){  },
				onFailure: function(transport){ alert('Something went wrong... ') }
			});
		
}


function refreshSignUpContent(response){
	//Recaptcha.reload();
	
			
}


function showSearchBox(){
	div = $('searchTextField');
	
	new Effect.Appear('searchTextField',{ duration: 0.9 });
	//new Effect.Move(div, { x: -20, y: 0, mode: 'absolute', speed:1000,duration:0.25});		
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return [curleft,curtop];
	}
}


function showNextProduct(){
	$('products').style.display= 'none';
	
	//only for demo, this will do an ajax request to get the next product
	$('productTitle').innerHTML = 'ECOM';
	$('productBlur').innerHTML = 'Our e-commerce solutions bla bla bla';
	new Effect.Appear('products',{ duration: 2 });
}


function displayNextProjectImage(){
 
	if (currentProjectImage<totalProjectImages){
		
		div = $('projectSlideshow');
		currentImageWidth= constantImageWidth;
		leftProjectLimit = parseInt(leftProjectLimit - currentImageWidth);
		new Effect.Move(div, { x: leftProjectLimit, y: 0, mode: 'absolute', speed:1000,duration:0.25,beforeStart:disableProjectNav,afterFinish:enableProjectNav});		
		currentProjectImage++;
	}
	else{
		
		div = $('projectSlideshow');
		currentImageWidth= constantImageWidth*(totalProjectImages-1);
		leftProjectLimit = parseInt(leftProjectLimit + currentImageWidth);
		new Effect.Move(div, { x: leftProjectLimit, y: 0, mode: 'absolute', speed:750,duration:0.25,beforeStart:disableProjectNav,afterFinish:enableProjectNav});		
		currentProjectImage = 1;
	}
}

function displayPreviousProjectImage(){
	
	if (currentProjectImage>1){
		div = $('projectSlideshow');
		currentImageWidth= constantImageWidth;
		leftProjectLimit = parseInt(leftProjectLimit + currentImageWidth);
		new Effect.Move(div, { x: leftProjectLimit, y: 0, mode: 'absolute', speed:1000,duration:0.25,beforeStart:disableProjectNav,afterFinish:enableProjectNav});
		currentProjectImage--;	
	}
	else{
		div = $('projectSlideshow');
		currentImageWidth= constantImageWidth*(totalProjectImages-1);
		leftProjectLimit = parseInt(leftProjectLimit - currentImageWidth);
		new Effect.Move(div, { x: leftProjectLimit, y: 0, mode: 'absolute', speed:750,duration:0.25,beforeStart:disableProjectNav,afterFinish:enableProjectNav});		
		currentProjectImage = totalProjectImages;
	}
}


function displayPreviousCaseStudyImage(){
	
	if (currentCaseStudiesImage>1){
		div = $('caseStudiesSlideshow');
		currentImageWidth= constantImageWidth;
		leftCaseStudyLimit = parseInt(leftCaseStudyLimit + currentImageWidth);
		new Effect.Move(div, { x: leftCaseStudyLimit, y: 0, mode: 'absolute', speed:1000,duration:0.25,beforeStart:disableCaseStudyNav,afterFinish:enableCaseStudyNav});
		currentCaseStudiesImage--;	
	}
	else{
		div = $('caseStudiesSlideshow');
		currentImageWidth= constantImageWidth*(totalCaseStudiesImages-1);
		leftCaseStudyLimit = parseInt(leftCaseStudyLimit - currentImageWidth);
		new Effect.Move(div, { x: leftCaseStudyLimit, y: 0, mode: 'absolute', speed:750,duration:0.25,beforeStart:disableCaseStudyNav,afterFinish:enableCaseStudyNav});		
		currentCaseStudiesImage = totalCaseStudiesImages;
	}
	
}

function displayNextCaseStudyImage(){

	if (currentCaseStudiesImage<totalCaseStudiesImages){
		
		div = $('caseStudiesSlideshow');
		currentImageWidth= constantImageWidth;
		leftCaseStudyLimit = parseInt(leftCaseStudyLimit - currentImageWidth);
		new Effect.Move(div, { x: leftCaseStudyLimit, y: 0, mode: 'absolute', speed:1000,duration:0.25,beforeStart:disableCaseStudyNav,afterFinish:enableCaseStudyNav});		
		currentCaseStudiesImage++;
	}
	else{
		
		div = $('caseStudiesSlideshow');
		currentImageWidth= constantImageWidth*(totalCaseStudiesImages-1);
		leftCaseStudyLimit = parseInt(leftCaseStudyLimit + currentImageWidth);
		new Effect.Move(div, { x: leftCaseStudyLimit, y: 0, mode: 'absolute', speed:750,duration:0.25,beforeStart:disableCaseStudyNav,afterFinish:enableCaseStudyNav});		
		currentCaseStudiesImage = 1;
	}
	
}


function disableCaseStudyNav(){
	$('CaseStudiesPreviousArrow').onclick ='';
	$('CaseStudiesNextArrow').onclick ='';
}

function enableCaseStudyNav(){
	$('CaseStudiesPreviousArrow').onclick = function() {displayPreviousCaseStudyImage();};
	$('CaseStudiesNextArrow').onclick  = function() {displayNextCaseStudyImage();};
}



function displayPreviousServiceImage(){
	
	if (currentServiceImage>1){
		div = $('serviceSlideshow');
		currentImageWidth= constantImageWidth;
		leftServiceLimit = parseInt(leftServiceLimit + currentImageWidth);
		new Effect.Move(div, { x: leftServiceLimit, y: 0, mode: 'absolute', speed:1000,duration:0.25,beforeStart:disableServiceNav,afterFinish:enableServiceNav});
		currentServiceImage--;	
	}
	else{
		div = $('serviceSlideshow');
		currentImageWidth= constantImageWidth*(totalServiceImages-1);
		leftServiceLimit = parseInt(leftServiceLimit - currentImageWidth);
		new Effect.Move(div, { x: leftServiceLimit, y: 0, mode: 'absolute', speed:750,duration:0.25,beforeStart:disableServiceNav,afterFinish:enableServiceNav});		
		currentServiceImage = totalServiceImages;
	}	
	
}

function displayNextServiceImage(){
	
	if (currentServiceImage<totalServiceImages){
		
		div = $('serviceSlideshow');
		currentImageWidth= constantImageWidth;
		leftServiceLimit = parseInt(leftServiceLimit - currentImageWidth);
		new Effect.Move(div, { x: leftServiceLimit, y: 0, mode: 'absolute', speed:1000,duration:0.25,beforeStart:disableServiceNav,afterFinish:enableServiceNav});		
		currentServiceImage++;
	}
	else{
		
		div = $('serviceSlideshow');
		currentImageWidth= constantImageWidth*(totalServiceImages-1);
		leftServiceLimit = parseInt(leftServiceLimit + currentImageWidth);
		new Effect.Move(div, { x: leftServiceLimit, y: 0, mode: 'absolute', speed:750,duration:0.25,beforeStart:disableServiceNav,afterFinish:enableServiceNav});		
		currentServiceImage = 1;
	}	
}

function disableServiceNav(){
	$('ServicesPreviousArrow').onclick ='';
	$('ServicesNextArrow').onclick ='';
}

function enableServiceNav(){
	$('ServicesPreviousArrow').onclick = function() {displayPreviousServiceImage();};
	$('ServicesNextArrow').onclick  = function() {displayNextServiceImage();};
}


function disableProjectNav(){
	$('ProjectsPreviousArrow').onclick ='';
	$('ProjectsNextArrow').onclick ='';
}

function enableProjectNav(){
	$('ProjectsPreviousArrow').onclick = function() {displayPreviousProjectImage();};
	$('ProjectsNextArrow').onclick  = function() {displayNextProjectImage();};
}


function initializeSlideshow(){

	totalProjectImages = $$('div#projectSlideshow div.featureProduct').length;
	
	if (totalProjectImages < 2){
		$('ProjectsNextArrow').style.display = 'none';
		$('ProjectsPreviousArrow').style.display = 'none';
	}
		
	totalServiceImages = $$('div#serviceSlideshow div.featureProduct').length;
	
	if (totalServiceImages < 2){
		$('ServicesNextArrow').style.display = 'none';
		$('ServicesPreviousArrow').style.display = 'none';
	}
	
	totalCaseStudiesImages = $$('div#caseStudiesSlideshow div.featureProduct').length;
	
	if (totalCaseStudiesImages < 2){
		$('CaseStudiesPreviousArrow').style.display = 'none';
		$('CaseStudiesNextArrow').style.display = 'none';
	}
}

function initializePage()
{
	var socialLinks = $$('#subNav .social_icons a');
	if ( socialLinks ) {
		bindEvents(socialLinks);
	}
	
	function bindEvents(elements)
	{
		for ( i = 0; i < elements.length; i++ ) {
			Event.observe(elements[i], 'mouseover', moHandler.bindAsEventListener(elements[i], 1));
			Event.observe(elements[i], 'mouseout', moHandler.bindAsEventListener(elements[i], 0));
		}
	}
}

function moHandler(e, turnOn)
{
	var element = Event.element(e);
	
	if ( turnOn ) {
		element.src = element.src.replace(/\_off.png/, '_on.png');
	}
	else {
		element.src = element.src.replace(/_on\.png/, '_off.png');
	}
	
}