/**
 * 
 */

$(document).ready(function(){	
    	// hide form labels
	//if Javascript enabled, set CSS for gracefully degradation
    	$("label").addClass('hidelabel');

	if (!supports_input_placeholder()) {
		$('label').removeClass('hidelabel');
	} 
	
	//activate jquery loupe
	$('#shape').jloupe({radiusLT:0, radiusRT:10, radiusRB:0, radiusLB:10, width:300, height:250, borderColor:'#d9593d', backgroundColor:'#000', fade:false});	

	//prevent jquery loupe
	$("#shape").click(function(event){
		event.preventDefault();
	});

	//hide stats
	$("#moreStatsReset").hide();	
	$('.statBoxes').hide();	
	var stats = $('.statBoxes').length;	

	//activate accordian
 	$('#accordianProfile').liteAccordion({
    		onActivate : function() {
        		this.find('figcaption').fadeOut();
    		},
    		slideCallback : function() {    
        		this.find('figcaption').fadeIn();
    		},
			containerWidth : 960,          
			containerHeight : 260,          
			headerWidth : 48,             		
			autoPlay : true,
		    	pauseOnHover : true,
		    	theme : 'john',
		    	rounded : true,
		    	enumerateSlides : false             
	}).find('figcaption:first').show();



	//for contact anchor link
	$(".contactLinkScroll").click(function(event){
		//prevent the default action for the click event
		event.preventDefault();

		//get the top offset of the target anchor
		var target_offset = $("#contact-web-developer").offset();
		var target_top = target_offset.top;

		//goto that anchor by setting the body scroll top to anchor top
		$('html, body').animate({scrollTop:target_top}, 1500);
	});		
	
	//top link
	$("#backToTop").click(function(event){
		event.preventDefault();
		var full_url = this.href;
		var parts = full_url.split("#");
		var trgt = parts[1];
		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top - 40;
		$('html, body').animate({scrollTop:target_top}, 500);
	});
	
	//linkedin profile lightbox
	$("a.show-profile").click(function(event){
		event.preventDefault();
		var full_url = this.href;
		var parts = full_url.split("#");
		var trgt = parts[1];
		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top;
		//$('html, body').animate({scrollTop:target_top}, 200);
		$("#lightbox-linkedin, #lightbox-linkedin-panel").fadeIn(500);
	});
	$("a#linkedin-close-panel").click(function(event){	
		event.preventDefault();		
		var full_url = this.href;
		var parts = full_url.split("#");
		var trgt = parts[1];
		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top;
		//$('html, body').animate({scrollTop:target_top}, 200);
		$("#lightbox-linkedin, #lightbox-linkedin-panel").fadeOut(500);		
	});
	$("#lightbox-linkedin").click(function(event){	
		event.preventDefault();	
		$(this).fadeOut(500);	
		$("#lightbox-linkedin-panel").fadeOut(500);		
	});	

	//login profile lightbox
	$("a.login").click(function(event){
		event.preventDefault();
		$("#lightbox-login, #lightbox-login-panel").fadeIn(300);
	});
	$("a#login-close-panel").click(function(event){	
		event.preventDefault();		
		$("#lightbox-login, #lightbox-login-panel").fadeOut(300);		
	});	

	//ou panel lightbox
	$("a.ou-panel").click(function(event){
		event.preventDefault();
		$("#lightbox-open-university-courses, #lightbox-open-university-courses-panel").fadeIn(300);
	});
	$("a#close-ou-panel").click(function(event){	
		event.preventDefault();		
		$("#lightbox-open-university-courses, #lightbox-open-university-courses-panel").fadeOut(300);		
	});
	$("#lightbox-open-university-courses").click(function(event){	
		event.preventDefault();	
		$(this).fadeOut(500);	
		$("#lightbox-open-university-courses-panel").fadeOut(500);		
	});		
	//footer contact success flash lightbox
	$("a#contact-close-panel").click(function(event){	
		event.preventDefault();		
		var full_url = this.href;
		var parts = full_url.split("#");
		var trgt = parts[1];
		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top;
		//$('html, body').animate({scrollTop:target_top}, 200);
		$("#lightbox-contact-success, #lightbox-contact-success-panel").fadeOut(500);		
	});
	$("#lightbox-contact-success").click(function(event){	
		event.preventDefault();	
		$(this).fadeOut(500);	
		$("#lightbox-contact-success-panel").fadeOut(500);		
	});	

	//hide comment form
	$('#submit-comment-form').hide();

	//show comment form
	$('#post-comment').click(function(event) {
	  $('#submit-comment-form').slideToggle('slow', function() {
	    return false;
	  });
	  event.preventDefault();
	});

	
	//hover stat boxes
	$('.statBoxes').hover(
		function () {
			$(this).addClass("hover");
		},
		function () {
			 $(this).removeClass("hover");
		}
	);

	//draggable boxes
	$("#stat1" ).draggable();
	$("#stat2" ).draggable();
	$("#stat3" ).draggable();
	$('#bin').mouseover(function() {
	  $('#bin').css('background-image', 'url(/themes/jstheme/images/bin_over.jpg)');
	});
	$('#bin').mouseout(function() {
	  $('#bin').css('background-image', 'url(/themes/jstheme/images/bin.jpg)');
	});	
	$("#bin").droppable({
	 	tolerance: 'touch',
                over: function() {
	       		//$(this).css('backgroundColor', '#ccc');
	       		$(this).css('background-image', 'url(/themes/jstheme/images/bin_over.jpg)');
	        },
	        out: function() {
	                //$(this).css('backgroundColor', '#fff');
	       		$(this).css('background-image', 'url(/themes/jstheme/images/bin.jpg)');
                },
                drop: function(ev, ui) {
                 	 var id = "#".concat($(ui.draggable).attr("id"));
                	 $(id).hide();
                	 $(this).css('background-image', 'url(/themes/jstheme/images/bin.jpg)');
                }
        });
	

	//for more stats link
	$("#moreStatsLink").click(function(event){
		event.preventDefault();
		var targetStat = "#stat".concat(stats);
		var offset = $("#moreStats").offset();
		$(targetStat).show();
		if (stats == 1){
			$(targetStat).css("top",590);
			$(targetStat).css("left", 1020);
			$(targetStat).css("z-index",3);
		} else if (stats == 2) {
			$(targetStat).css("top", 630);
			$(targetStat).css("left", 960);
			$(targetStat).css("z-index",2);
		} else if (stats == 3) {
			$(targetStat).css("top",670);
			$(targetStat).css("left", 880);
			$(targetStat).css("z-index",1);
		}
		stats = stats -1;	
		if (stats > 0) {
				$("#moreStatsExtra").html(function() {
					return "Only " + stats + " left!";
				});
		} else {
			$("#moreStatsReset").show();
			$("#moreStatsLinkShow").hide();
			$("#moreStatsExtra").html(function() {
				return "No more vital statistics to show!";
			});
		}
	});	
	
	//for more stats hidelink
	$("#moreStatsLinkHide").click(function(event){	
		event.preventDefault();
		stats = $('.statBoxes').length;
		$('.statBoxes').hide();	
		$("#moreStatsLinkShow").show();
		$("#moreStatsReset").hide();
		$("#moreStatsExtra").html(function() {
			return " ";
		});		
	});	

	//validate contact form
	$('#ContactForm_name').blur(function() {
		var namelen=$('#ContactForm_name').val().length;
		if(namelen<2)
		{
		    $('#ContactForm_name').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#contactError_name').hide();			    
		    $('#ContactForm_name').css("border","none");
		};
	});
	$('#ContactForm_email').blur(function() {
		var emaillen=$('#ContactForm_email').val().length;
		if(emaillen<3)
		{
		    $('#ContactForm_email').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#contactError_email').hide();
                    $('#ContactForm_email').css("border","none");
		};
	 });
	$('#ContactForm_body').blur(function() {
		var messagelen=$('#ContactForm_body').val().length;
		if(messagelen<4)
		{
		    $('#ContactForm_body').css("border","2px solid #d9593d");
		}
		else
		{
		   $('#contactError_message').hide(); 
 		   $('#ContactForm_body').css("border","none");
		};
	});
	$('#ContactForm_verifyCode').blur(function() {
		var messagelen=$('#ContactForm_verifyCode').val().length;
		if(messagelen<4)
		{
		    $('#ContactForm_verifyCode').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#contactError_verify').hide(); 
		    $('#ContactForm_verifyCode').css("border","none");
		};
	});

	//validate contact form submission
	$("#footerContactForm").submit( function () {
		var namelenSub=$('#ContactForm_name').val().length;
		var errs = 0;
		if(namelenSub<2)
		{
		    $('#contactError_name').show();
		    $('#ContactForm_name').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#contactError_name').hide();
		    $('#ContactForm_name').css("border","none");
		};

		var emaillenSub=$('#ContactForm_email').val().length;
		if(emaillenSub<3)
		{
		    $('#contactError_email').show();
		    $('#ContactForm_email').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#contactError_email').hide();
		    $('#ContactForm_email').css("border","none");
		};

		var messagelenSub=$('#ContactForm_body').val().length;
		if(messagelenSub<4)
		{
		    $('#contactError_message').show();
		    $('#ContactForm_body').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#contactError_message').hide();
		    $('#ContactForm_body').css("border","none");
		};

		var verifylenSub=$('#ContactForm_verifyCode').val().length;
		if(verifylenSub<4)
		{
		    $('#contactError_verify').show();
		    $('#ContactForm_verifyCode').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#contactError_verify').hide();
		    $('#ContactForm_verifyCode').css("border","none");
		};
        if (errs > 0)
       {return false;}
        
    });

	//validate login form
	$('#LoginForm_username').blur(function() {
		var usernamelen=$('#LoginForm_username').val().length;
		if(usernamelen<3)
		{
		    $('#LoginForm_username').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#loginError_username').hide();
                    $('#LoginForm_username').css("border","1px solid #999");
		};
	});
	$('#LoginForm_password').blur(function() {
		var passwordlen=$('#LoginForm_password').val().length;
		if(passwordlen<3)
		{
		    $('#LoginForm_password').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#loginError_password').hide();
                    $('#LoginForm_password').css("border","1px solid #999");
		};
	});

	//validate login form submission
	$("#footerLoginForm").submit( function () {
		var usernamelenSub=$('#LoginForm_username').val().length;
		var errs = 0;
		if(usernamelenSub<2)
		{
		    $('#loginError_username').show();
		    $('#LoginForm_username').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#loginError_username').hide();
		    $('#LoginForm_username').css("border","1px solid #999");
		};

		var passwordlenSub=$('#LoginForm_password').val().length;
		if(passwordlenSub<3)
		{
		    $('#loginError_password').show();
		    $('#LoginForm_password').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#loginError_password').hide();
		    $('#LoginForm_password').css("border","1px solid #999");
		};

        if (errs > 0)
       {return false;}
        
    });


	//validate comment form
	$('#Comment_author').blur(function() {
		var namelen=$('#Comment_author').val().length;
		if(namelen<2)
		{
		    $('#Comment_author').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#commentError_author').hide();
                    $('#Comment_author').css("border","1px solid #999");
		};
	});
	$('#Comment_email').blur(function() {
		var emaillen=$('#Comment_email').val().length;
		if(emaillen<3)
		{
		    $('#Comment_email').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#commentError_email').hide();
                    $('#Comment_email').css("border","1px solid #999");
		};
	});
	$('#Comment_content').blur(function() {
		var commentlen=$('#Comment_content').val().length;
		if(commentlen<3)
		{
		    $('#Comment_content').css("border","2px solid #d9593d");
		}
		else
		{
		    $('#commentError_content').hide();
                    $('#Comment_content').css("border","1px solid #999");
		};
	});

	//validate comment form submission
	$("#comment-form").submit( function () {
		var namelenSub=$('#Comment_author').val().length;
		var errs = 0;
		if(namelenSub<2)
		{
		    $('#commentError_author').show();
		    $('#Comment_author').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#commentError_author').hide();
		    $('#Comment_author').css("border","1px solid #999");
		};

		var emaillenSub=$('#Comment_email').val().length;
		if(emaillenSub<2)
		{
		    $('#commentError_email').show();
		    $('#Comment_email').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#commentError_email').hide();
		    $('#Comment_email').css("border","1px solid #999");
		};
		var contentlenSub=$('#Comment_content').val().length;
		if(contentlenSub<2)
		{
		    $('#commentError_content').show();
		    $('#Comment_content').css("border","2px solid #d9593d");
		    errs++;
		}
		else
		{
		    $('#commentError_content').hide();
		    $('#Comment_content').css("border","1px solid #999");
		};

        if (errs > 0)
       {return false;}
        
    });



});

// to hide form labels
function supports_input_placeholder() {
	  var i = document.createElement('input');
	  return 'placeholder' in i;
}