/*
	javascript development
	============================
	website 	: 	Christina Mamakos
	date 		: 	4-6-2009		
	author 		: 	mayra metaxa / developer
	company		: 	mozaik creative business solutions
	url			:	http://www.mozaik.com

*/


/* ========= FORM functions ========= */

function show_error(id)
{
	document.getElementById(id).style.background="#EFEFEF";
}

function clear_errors(which)
{
	for (i=0;i<document.forms[which].elements.length;i++)
	{
		if ( (document.forms[which].elements[i].type != "button") && (document.forms[which].elements[i].type != "reset") && (document.forms[which].elements[i].id!="fieldset") )
			document.forms[which].elements[i].style.background="#fff";
	}
}


function checkEmail(elem)
{
   var field = document.getElementById(elem);
   var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
   if (field.value.length ==0)
		return false;

   if(field.value.match(emailExp))
		   return true;
   else 
		   return false;
   
}


function check_form(formid, whichform, mandatory_fields, numericfields, emailid)
{
	clear_errors(whichform);
	
	//check mandatory fields
	var man = mandatory_fields.split(",");
	for (i=0;i<man.length;i++)
	{
		if (document.getElementById(man[i]).value == "")
		{
			show_error(man[i]);
			alert ("You must fill all the mandatory fields (*)");
			return false;
		}
	}		

	if (emailid!="")
	{
		if (!checkEmail(emailid))
		{
			show_error(emailid);
			alert ("Your email address is not valid.");
			return false;
		}
	}
	
	//check numeric fields
	if (numericfields != "")
	{
		var numeric = numericfields.split(",");
		for (i=0;i<numeric.length;i++)
		{
			document.getElementById(numeric[i]).value = document.getElementById(numeric[i]).value.replace(/,/,".");
			
			if (isNaN (document.getElementById(numeric[i]).value))
			{
				show_error(numeric[i]);
				alert (numeric[i]+": should be a number. Plase check and try again!");
				return false;
			}
		}
	}
	
	document.getElementById(formid).submit();
}



/*

function show_hide_texts(howmany, which)
{
	for (i=1; i<=howmany; i++)
	{
		document.getElementById('section_'+i).style.display = "none";
		document.getElementById('sectionlink_'+i).className = "";
	}
		
	document.getElementById('section_'+which).style.display = "block";
	document.getElementById('sectionlink_'+which).className = "loc";
}
*/



/* === toggle ======= */


var minwidth = 2;
var maxwidth = 260;

var innerwidth = 240;
		
		

function change_width(width, id)
{
	document.getElementById(id).style.width = width+"px";

}


function change_width_open(width, id, whole)
{
	document.getElementById(id).style.width = width+"px";
	
	if (width<=innerwidth)
		document.getElementById('slider_inner').style.width = width+"px";
	else
		document.getElementById('slider_inner').style.display = "block";
}


function toggle(id, minwidth, maxwidth) 
{
	var speed = 1;	//set speed
	var timer = 0;
	
	var whole = maxwidth;
	
	if (document.getElementById(id).offsetWidth > (minwidth+20))
	{				
		//make small - toggle in: ------------- 
		document.getElementById('slider_inner').style.display = "none";
		
		document.getElementById('showhide').src = "images/show.jpg";
		
		for(i = whole; i >= minwidth; i--) 
		{
			setTimeout("change_width(" + i + ",'"+id+"')",(timer * speed));
			timer++;
		}
	}
	else
	{
		document.getElementById('showhide').src = "images/hide.jpg";
		
		//toggle out: ---------------						
		for(i = minwidth; i <= whole; i++) 
		{
			
			setTimeout("change_width_open(" + i + ",'"+id+"', "+maxwidth+")",(timer * speed));
			timer++;		
		}
		
	}

}



function showhide_intro(action) 
{		
	if (action == 1)	//html
	{
		document.getElementById('content').style.display = "block";
		document.getElementById('jsintro').style.display = "none";
		document.location.href = "#nointro";
	}
	else if (action == 2)	//intro
	{
		document.getElementById('content').style.display = "none";
		document.getElementById('jsintro').style.display = "block";
	}
}