(function($) {
   $.fn.formatColumn = function() {
     this.each(function() {
    	var $thisWrapper = $(this);
    	$thisWrapper.append('<div class="clear"></div>')
    	var thisWidth = $thisWrapper.width();
    	var widthPercentC1C2 = thisWidth*.7005;
    	var widthPercentC3C4 = thisWidth*.6005;
    	var widthPercentC5C6 = thisWidth*.5005;
    	var widthPercentC7C8 = '500px 0px';

    	$thisWrapper.css({'background-image':'url("/css/fordela/images/divider.png")', 'background-repeat': 'repeat-y'});
    	if ($('div',$thisWrapper).filter('.column1').length == 1){
    		$thisWrapper.css('background-position', widthPercentC1C2);
    	}else if ($('div',$thisWrapper).filter('.column3').length == 1){
    		$thisWrapper.css('background-position', widthPercentC3C4);
    	}else if ($('div',$thisWrapper).filter('.column5').length == 1){
    		$thisWrapper.css('background-position', widthPercentC5C6);
    	}else if ($('div',$thisWrapper).filter('.column7').length == 1){
    		$thisWrapper.css('background-position', widthPercentC7C8);
    	}
//    	$thisWrapper.has('.column1').css('background-position', widthPercentC1C2);
//    	$thisWrapper.has('.column3').css('background-position', widthPercentC3C4);
//    	$thisWrapper.has('.column5').css('background-position', widthPercentC5C6);
//    	$thisWrapper.has('.column7').css('background-position', '500px 0px');
    	//$(this).css('background-position', widthPercent)
    	
    	$(window).resize(function() {
    		var thisWidth = $thisWrapper.width();
        	var widthPercentC1C2 = thisWidth*.7005;
        	var widthPercentC3C4 = thisWidth*.6005;
        	var widthPercentC5C6 = thisWidth*.5005;
        	var widthPercentC7C8 = '500px 0px';

        	$thisWrapper.css({'background-image':'url("/css/fordela/images/divider.png")', 'background-repeat': 'repeat-y'});
        	if ($('div',$thisWrapper).filter('.column1').length == 1){
        		$thisWrapper.css('background-position', widthPercentC1C2);
        	}else if ($('div',$thisWrapper).filter('.column3').length == 1){
        		$thisWrapper.css('background-position', widthPercentC3C4);
        	}else if ($('div',$thisWrapper).filter('.column5').length == 1){
        		$thisWrapper.css('background-position', widthPercentC5C6+'px, '+widthPercentC5C6+'px');
        	}else if ($('div',$thisWrapper).filter('.column7').length == 1){
        		$thisWrapper.css('background-position', widthPercentC7C8);
        	}
    	});
    	
     });
     return this;
   };
 })(jQuery);

(function($) {
   $.fn.formatColumnAgain = function() {
     this.each(function() {
    	 var $thisWrapper = $(this);
     	var thisWidth = $thisWrapper.width();
     	var widthPercentC1C2 = thisWidth*.7005;
     	var widthPercentC3C4 = thisWidth*.6005;
     	var widthPercentC5C6 = thisWidth*.5005;
     	var widthPercentC7C8 = '500px 0px';

     	$thisWrapper.css({'background-image':'url("/css/fordela/images/divider.png")', 'background-repeat': 'repeat-y'});
     	if ($('div',$thisWrapper).filter('.column1').length == 1){
     		$thisWrapper.css('background-position', widthPercentC1C2);
     	}else if ($('div',$thisWrapper).filter('.column3').length == 1){
     		$thisWrapper.css('background-position', widthPercentC3C4);
     	}else if ($('div',$thisWrapper).filter('.column5').length == 1){
     		$thisWrapper.css('background-position', widthPercentC5C6+'px, '+widthPercentC5C6+'px');
     	}else if ($('div',$thisWrapper).filter('.column7').length == 1){
     		$thisWrapper.css('background-position', widthPercentC7C8);
     	}
    	
    	$(window).resize(function() {
    		var thisWidth = $thisWrapper.width();
        	var widthPercentC1C2 = thisWidth*.7005;
        	var widthPercentC3C4 = thisWidth*.6005;
        	var widthPercentC5C6 = thisWidth*.5005;
        	var widthPercentC7C8 = '500px 0px';

        	$thisWrapper.css({'background-image':'url("/css/fordela/images/divider.png")', 'background-repeat': 'repeat-y'});
        	if ($('div',$thisWrapper).filter('.column1').length == 1){
        		$thisWrapper.css('background-position', widthPercentC1C2);
        	}else if ($('div',$thisWrapper).filter('.column3').length == 1){
        		$thisWrapper.css('background-position', widthPercentC3C4);
        	}else if ($('div',$thisWrapper).filter('.column5').length == 1){
        		$thisWrapper.css('background-position', widthPercentC5C6+'px, '+widthPercentC5C6+'px');
        	}else if ($('div',$thisWrapper).filter('.column7').length == 1){
        		$thisWrapper.css('background-position', widthPercentC7C8);
        	}
    	});
    	
     });
     return this;
   };
 })(jQuery);
 
 
// $(document).ready(function(){
//	 $('.columns-wrapper').formatColumn();
// });
 
/*

MARKUP:
<div class="columns-wrapper">
	<div class="column3"></div>
	<div class="column4"></div>
</div>

-To add extra height, given class column*, add class "adjust" plus number of extra height, e.g. adjust
-To subtract, type a dash befor the number, e.g. adjust-60

<div class="columns-wrapper">
	<div class="column3 adjust-60"></div>
	<div class="column4"></div>
</div>

*/