$(document).ready(function(){
	if($("#slider")) {
		$("#slider").hide();
	};

  $("li.articleRow h4 a").bigTarget({
    hoverClass: 'over', // CSS class applied to the click zone onHover
    clickZone : 'li:eq(0)' // jQuery parent selector
  });
  
    $("li.four_col h4 a").bigTarget({
    hoverClass: 'over', // CSS class applied to the click zone onHover
    clickZone : 'li:eq(0)' // jQuery parent selector
  });
    
      $(".openform").click(function(){
	  $("#slider").slideToggle("slow");
	  $(this).toggleClass("active");
	  return false;
  });
  
     $(".gotocomment").click(function(){
	  $("#slider").slideToggle("slow");
	  $(this).toggleClass("active");
  });
    
   jQuery.fn.commentform =  function(){
				return this.each(function(){			
			    	$("#slider").slideToggle("slow").toggleClass('open');
			    	$(this).toggleClass("active");
					if($(this).attr('id')){
		    			var replyData = /reply-([\d]{1,})-([\w]{1,})/.exec($(this).attr('id'));
				        var userSelection = getSelectedText();		       
				        	$('textarea#comment').val('@<a href="#comment-'+replyData[1]+'">'+replyData[2]+'</a>: ').focus();
				        
		    		}else{
		    			$('textarea#comment').val('');
		    		};
			    });
			};
			
			function getSelectedText(){
				if (window.getSelection){ return window.getSelection().toString(); }
				else if (document.getSelection){return document.getSelection(); }
				else if (document.selection){ return document.selection.createRange().text; } // this is specifically for IE 
		    	return false;
			};
			 
			$('.replycomment').click(function(){
				if(!$("#slider").hasClass('open')){
					$(this).commentform();
				}    		
				return false;
			})

  	if($("#mySlides")) {
		$("#mySlides div.extras").show();
		$("#myController").show();
		$("#flowButtons").show();
	};
	$("#myController").jFlow({
		slides: "#mySlides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "960px",
		height: "200px",
		duration: 600,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});

  
  
        $('.postend div.four_col').hover(function() {
        $(this).addClass('mousehover');
      }, function() {
        $(this).removeClass('mousehover');
      });
  
  
});

$(function () {      
        $('textarea.wordLimited').maxlength({
            'words': true,
            'feedback': '.wordsLeft',
            'useInput' : true
        });
    });