/**
* Function file
* @author EGStudio
*/ 

/** Tabs **/


$("#tabs a").focus(function(){ $(this).blur(); }); 

$("#tabs a").each(function(){
	var c = $(this).attr("class");
	if(c == "selected"){
		var id = $(this).attr("rel");
		$(id).css("display", "block");
	}	
});

$("#tabs a").click(function(){ 
	var c = $(this).attr("class");
	var id = $(this).attr("rel");
	
	if(c == "selected") return false;
	
	$("#tabs a").each(function(){
		var rel = $(this).attr("rel");
		$(this).attr("class", "");
		$(rel).css("display", "none");
	});
	
	$(this).attr("class", "selected");
	$(id).css("display", "block");
	
	$(this).blur(); 
	
}); 

/** Demo Button 

$("a.demo").click(function(){
	var $modal = $("<div id=\"simplemodal-overlay\"></div>");
	$("body").append($modal);

	var toLoad = $(this).attr('href');  
	$('#simplemodal-overlay').show();
	$('#simplemodal-overlay').load(toLoad);
	return false;
});
**/


/** Robot Animation **/
  
var z = doAnimation();	
var t;
  
function doAnimation(){
    t = setTimeout(animateRobo, 400);
}     

function animateRobo(){
	var num = Math.floor(Math.random()*5);

  	switch(num){
  		case 0:
  			$("#head").css("background-position", "0 -121px");
  			break;
  		case 1:
  			$("#head").css("background-position", "0 -242px");
  			break;
  		case 2:
  			$("#head").css("background-position", "0 -363px");
  			break;
  		case 3:
  			$("#head").css("background-position", "0 -484px");
  			break;

  		case 4:
  			$("#head").css("background-position", "bottom left");
  			break;
  				
  		default:
  			$("#head").css("background-position", "top left");
  			break;
  	}
  	var x = doAnimation();
  }
  
function stopAnimation(){
	clearTimeout(t);
	$("#head").css("background-position", "bottom left");
	return false;
}

$("a.demo").hover(function(){ stopAnimation() }, function(){ doAnimation() });

function fadeErrors(){
	$("span.error").fadeOut("slow");
}


/**
 * Form Validation
 */

$("#form").submit(function(){
	
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	var name;
	var value;
	var errors = 0;
	var c;
	var empty = "<span class=\"error\">This field cannot be empty</span>";
	var emailError = "<span class=\"error\">Invalid e-mail address</span>";

	// Verify fields	
	$("#form").find("input[type='text']").each(function(){
		value = $(this).attr("value");
		c =  $(this).parent().attr("class");
		name = $(this).attr("name");
	

		// Email validation
		if(name == "email" && reg.test(value) == false){
			$(this).parent().removeClass("error");
			$(this).parent().find("span.error").remove();
			
			$(this).parent().addClass("error");
			$(this).parent().append(emailError);
		  	errors ++;
		   
		} else if (name == "email" && reg.test(value) == true) {
			$(this).parent().removeClass("error");
			$(this).parent().find("span.error").remove();
			
		}
		// Text fields
		else if(!value && c != "error" && c != "last error"){
			
			$(this).parent().addClass("error");
			$(this).parent().append(empty);
			errors ++;
	
		}
		else if (value.length > 0) {
			$(this).parent().removeClass("error");
			$(this).parent().find("span.error").remove();
		} else {
			errors ++;
		}

	});
	
	// Select
	$("#form").find("select").each(function(){
		value = $(this).attr("value");
		c =  $(this).parent().attr("class");
		name = $(this).attr("name");

		if(!value && c != "error" && c != "last error"){
			$(this).parent().addClass("error");
			$(this).parent().append(empty);
			errors ++;
		}
		else if (value.length > 0) {
			$(this).parent().removeClass("error");
			$(this).parent().find("span.error").remove();
			}	
		});
	
	if(errors > 0){ $("span.error").show(); var t = setTimeout(fadeErrors, 1200); return false;  }
		else { 
			$("input.submit_btn").css("background-position", "bottom left");
			$("input.submit_btn").css("cursor", "pointer");
			return true; 
		} 
});