$(document).ready(function() {						   
						   
		//Contact Page Scroll
		$('#cslink').click(function() {
          $("html:not(:animated),body:not(:animated)").animate({ scrollTop: 6500}, 1000 );
          return false;
        });						   
						   
		//Contact Form Inputs				   
		$('#fname').val('Name');
		$('#fname').click(function() {
		  if ($('#fname').val() == 'Name') {
			 $('#fname').val(''); 
		  }
		});
		$('#fname').blur(function() {
		  if ($('#fname').val() == '') {
			 $('#fname').val('Name');	
		  }		  
		});
		
		$('#femail').val('Email');
		$('#femail').click(function() {
		  if ($('#femail').val() == 'Email') {
			 $('#femail').val(''); 
		  }
		});
		$('#femail').blur(function() {
		  if ($('#femail').val() == '') {
			 $('#femail').val('Email');	
		  }		  
		});
		
		$('#fmsg').val('Message');
		$('#fmsg').click(function() {
		  if ($('#fmsg').val() == 'Message') {
			 $('#fmsg').val(''); 
		  }
		});
		$('#fmsg').blur(function() {
		  if ($('#fmsg').val() == '') {
			 $('#fmsg').val('Message');	
		  }		  
		});
				

	tooltip();
		
		
});

$.preloadImages = function() { 
  for(var i = 0; i<arguments.length; i++) {
    $("<img>").attr("src", arguments[i]);
  }
}

function projectNav(id, apos, num) {
	$('#projectnav a').removeClass('current');
	$(id).addClass('current');
	$('#arrow').show().animate({"left": apos}, 1000);
	nc = num;
	
}

function projectFilter(id, filterVal, apos) {
	if(apos == 0){
	  //$('#arrow').css('display':'hidden');
	}else{
  	$('#projectnav a').removeClass('current');
  	$(id).addClass('current');
  	$('#arrow').show().animate({"left": apos}, "slow");	
  	/*var imgId = "#I"+filterVal;
  	var imgSrc = $(imgId).attr("src");
  	var imgHover = $(imgId).attr("onmouseover");
  	alert(imgHover);
  	$(imgId).attr("src",imgSrc);*/
  	
   if(filterVal == 'all') {  
     $('.hidden').fadeIn('slow').removeClass('hidden');  
   } else {  
     $('.project').each(function() {  
   if(!$(this).hasClass(filterVal)) {  
     $(this).fadeOut('normal').addClass('hidden');  
   } else {  
     $(this).fadeIn('slow').removeClass('hidden');  
   }  
  }); 
   }
   
  // if(filterVal=='210'){filterVal='211';}
   
   $('#slogentag').css('background-image','url("/images/design/slogens/'+filterVal+'-slogen.gif")');
}  	
	
	
	
}

function projectFilter_he(id, filterVal, apos) {
	if(apos == 0){
	  //$('#arrow').css('display':'hidden');
	}else{
  	$('#projectnav a').removeClass('current');
  	$(id).addClass('current');
  	$('#arrow').show().animate({"left": apos}, "slow");	
  	
   if(filterVal == 'all') {  
     $('.hidden').fadeIn('slow').removeClass('hidden');  
   } else {  
     $('.project').each(function() {  
   if(!$(this).hasClass(filterVal)) {  
     $(this).fadeOut('normal').addClass('hidden');  
   } else {  
     $(this).fadeIn('slow').removeClass('hidden');  
   }  
  }); 
   }
   
  // if(filterVal=='210'){filterVal='211';}
   
   $('#slogentag').css('background-image','url("/images/design/slogens/'+filterVal+'-slogen_he.gif")');
}  	
	
	
	
}

function doContact() {
	
	
	var err = false;

	if ( $('#fname').val() == '' || $('#fname').val() == 'Name') {
	 // $('#fname').addClass('error');
	  err = true;
	} 

	if ( $('#femail').val() == '' || echeck($('#femail').val()) == false) {
	 // $('#femail').addClass('error');
	  err = true;
	} 

	if ( $('#fmsg').val() == '' || $('#fmsg').val() == 'Message') {
	  //$('#fmsg').addClass('error');
	  err = true;
	} 


	if (err == false) {
		var data = $("#contactForm").serialize();
		$('#contact_form').html("<div align='center'><br><br><br><img src='images/loading.gif' align='center' /><br><br></div>");
		$.post('actions/contact.action.php', data, function() {
			$('#contact_form').html('<p>Thank you for taking the time to contact Joint Medias, please stay tuned for a response.</p>');							
		});	
	} else {
		$('#cerrortext').show();	
	}
	
	return false;

	
	
}	


function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1) {
		   return false
		}
		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){

		    return false
		 }
		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }
		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }
 		 return true;	
}



$.preloadImages("images/nav_over_01.png", "images/nav_over_02.png", "images/nav_over_03.png", "images/nav_over_04.png");



this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

var nc = 1;

function bothNavs(lorr) {
	
	if (lorr == 'r') {
		nc++;
	} else {
		nc--;
	}
	
	if (nc == 6) {
		nc = 1;
	} 
	
	if (nc == 0) {
		nc = 5;	
	}
	//alert(nc);
	switch(nc) {
	  case 1: /*projectNav('#210', '114', 1);*/ sp1.showPanel(0); break;
	  case 2: /*projectNav('#211', '280', 2);*/ sp1.showPanel(1); break;
	  case 3: /*projectNav('#212', '457', 3);*/ sp1.showPanel(2); break;
	  case 4: /*projectNav('#213', '611', 4);*/ sp1.showPanel(3); break;
	  case 5: /*projectNav('#214', '769', 5);*/ sp1.showPanel(4); break;
	  //case 6: projectNav('#215', '871', 6); sp1.showPanel(5); break;
	  
	  //case 6: projectNav('#audio', '825', 6); sp1.showPanel(6); break;
	  //case 7: projectNav('#photos', '892', 7); sp1.showPanel(7); break;
	}
}

function loadImage(img) {
	$.preloadImages(img);
	$('#pimage img').fadeOut('fast', function() {
		$('#pimage').html('<img src="' + img + '" />').fadeIn('fast');
	});	
}