$j = jQuery.noConflict();

$j(document).ready(function(){
	
	$j("a#supportmjc").fancybox({
		"autoDimensions" : false,
		"width"			: 340,
		"height" : 330,
		"transitionIn"		: "none",
		"transitionOut"		: "none",
		"titleShow"		: false,
		"scrolling"		: "no",
		"showNavArrows"		: false,
		"padding"		: 0,
		"onComplete" : rePosition,
		"onCleanup" : rerePosition
	});
	
	//Feedback Form
	var feedbackTab = {
	 
	    speed:500,
	    containerWidth:$j('.feedback-panel').outerWidth(),
	    containerHeight:$j('.feedback-panel').outerHeight(),
	    tabWidth:$j('.feedback-tab').outerWidth(),
	 
	 
	    init:function(){
	        $j('.feedback-panel').css('height','auto');
	 
	        $j('a.feedback-tab').click(function(event){
	            if ($j('.feedback-panel').hasClass('open')) {
	                $j('.feedback-panel')
	                .animate({left:'-' + feedbackTab.containerWidth}, feedbackTab.speed)
	                .removeClass('open');
	            } else {
	                $j('.feedback-panel')
	                .animate({left:'0'},  feedbackTab.speed)
	                .addClass('open');
	            }
	            event.preventDefault();
	        });
	    }
	};
	 
	feedbackTab.init();
	
	$j(".ajax_form .button").bind("click", function() {  
			//console.log("hello");
			var template_url = $j("meta[name=form-url]").attr('content');
	        
	        var email = $j("input#email").val();
	        var message = $j("textarea#message").val();
	        var response_message = "Thank you for your comment, see ya!"
	        
	        var $datastring = "ajax=true";
	 
	        /* var dataString = 'email=' + email + '&message=' + message; */
	        
	        $j(".ajax_form input, .ajax_form textarea").each(function(i)
			{
				
				if($j(this).attr('name') == 'Send'){
					
					var $name = $j(this).attr('name');	
					var $value = $j(this).attr('value');
					$datastring = $datastring + "&" + $name + "=" + $value;
					return false;
					
				}else{
					
					var $name = $j(this).attr('name');	
					var $value = $j(this).attr('value');
					$datastring = $datastring + "&" + $name + "=" + $value;	
					
				}
				
			});//.each function
	 		
	 		//console.log($datastring);
	 		
	        $j.ajax({
	          type: "POST",
	          url: template_url + "/sendmail.php",
	          data: $datastring,
	          success: function(response) {
	          	//console.log(response);
	          	
	            $j('#form-wrap').after("<div id='response-message'></div>");
	            $j('#response-message').html("<p>" + response +"</p>")
	            .hide()
	            .fadeIn(500)
	            .animate({opacity: 1.0}, 2000)
	            .fadeIn(0, function(){
	                $j('.feedback-panel')
	                .animate({left:'-' + (feedbackTab.containerWidth)}, 
	                (feedbackTab.speed))
	                .removeClass('open');
	            })
	          }
	        
	        });
	        
	        return false;
	    });
	    
	    // End Feedback Form
	    
	    // Start Email Form
	    
	    $j("#email-friend").hide();	
	    
	    $j("a#email").click(function(){
			$j("#email-friend").slideToggle(300);
		});
		
		$j("a.close").click(function(){
			$j("#email-friend").slideToggle(300);
		});
		
		$j(".ajax_form3 input#send").click(function() {  
			//console.log("hello");
			var template_url = $j("meta[name=form-url]").attr('content');
	        
	        var email = $j("input#email").val();
	        var message = $j("textarea#message").val();
	        var response_message = "Thank you for your comment, see ya!"
	        
	        var $datastring = "ajax=true";
	 
	        /* var dataString = 'email=' + email + '&message=' + message; */
	        
	        $j(".ajax_form3 input, .ajax_form3 textarea").each(function(i)
			{
				
				if($j(this).attr('name') == 'Send'){
					
					var $name = $j(this).attr('name');	
					var $value = $j(this).attr('value');
					$datastring = $datastring + "&" + $name + "=" + $value;
					return false;
					
				}else{
					
					var $name = $j(this).attr('name');	
					var $value = $j(this).attr('value');
					$datastring = $datastring + "&" + $name + "=" + $value;	
					
				}
				
			});//.each function
	 		
	 		//console.log($datastring);
	 		
	 		var loading = $j("#loading");
	 		var outerDiv = $j("#email-friend");
	 		var form = $j(".ajax_form3").html();
	 		loading.html('<img src="/parenting-tips-blog/wp-content/themes/myjobchart/images/ajax-loader.gif" height="16" width="16" />');
	 		
	        $j.ajax({
	          type: "POST",
	          url: template_url + "/sendmailfriend.php",
	          data: $datastring,
	          success: function(response) {
	          	//console.log(response);
	          	
	          	loading.animate({opacity: 1.0}, 2000, function(){
	          		loading.html("");
	          		outerDiv.append("<h2>"+response+"</h2>")
          			.fadeIn('slow')
          			.animate({opacity: 1.0}, 2000)
          			.fadeOut('slow', function(){
          				$j("#email-friend h2").remove();
          			});
	          	});
	          }
	        });
	        
	        return false;
	    });

		// End Email Form
});

function rePosition(){ 
	$j("#supportmjc_info").parent().parent().parent().css('position', 'relative');
	$j("#supportmjc_info").parent().parent().parent().css('top', '95px');
	$j("#supportmjc_info").parent().parent().parent().css('margin-left', '304px');
	if($j.browser.msie)
		$j("#supportmjc_info").parent().parent().parent().css('position', 'absolute');
}
function rerePosition(){
	$j("#supportmjc_info").parent().parent().parent().css('top', 'inherit');
	$j("#supportmjc_info").parent().parent().parent().css('margin-left', 'inherit');
}
