/* YUCK!!!! but IE is not setting heights correctly, need to change values based on version... 
var Browser = Class.create({
  initialize: function() {
    var userAgent = navigator.userAgent.toLowerCase();
    this.version = (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1];
    this.safari = /webkit/.test( userAgent );
    this.opera = /opera/.test( userAgent );
    this.msie = /msie/.test( userAgent ) && !/opera/.test( userAgent );
    this.mozilla = /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent );
  }
});
$.Browser = new Browser();
var extra_space = !$.Browser.msie ? 
	5 :
	$.Browser.version == 6 ? 
		100 : 
		$.Browser.version == 7 ? 
			120 : 
			5 // IE8??
			
*/
var add_scrollbar = function(content){
	var content = $(document.body).hasClassName("BlogPage") 
		? $$(".blog-articles").first() 
		: null ;//$$(".lia-quilt-column-17 .lia-quilt-column-15 .lia-quilt-column-alley-left").first(); 
		
	if(content){
		
		var handle = new Element("div",{id:"scrollbar_handle"});
		var track = new Element("div",{id:"scrollbar_track"});
		var container =  new Element("div",{id:"scrollbar_container"});
		
		content.setStyle({overflow:"hidden"}).wrap(container);
		container.insert({top:track});
		track.insert(handle).setStyle({"height":content.getHeight()+"px"});
		
		var scrollbar = new Control.ScrollBar(content, track);
		scrollbar.enable();
	}
	
}

var resize_content_area = function(){
	var i = 0;
	// hp header
	var hd = $$(".lia-quilt-layout-two-column-main-side  .lia-quilt-row-header").first();
	var hd_h = 115;// hd.getHeight();
//	alert( $$(".lia-quilt-layout-two-column-main-side .lia-quilt-row-footer"))
	// content footer (subscribe/rules) 
	window.cf = $$(".lia-quilt-layout-two-column-main-side  .lia-quilt-row-footer").first();
	var cf_h = cf.getHeight();
//	alert(i++)
	// hp footer
	var ft = $("footer");
	var ft_h = ft.getHeight();
//	alert(i++)
	// content area 
	window.ca = $$(".lia-quilt-layout-two-column-main-side  .lia-quilt-row-main").first();
	var ca_h = ca.getHeight();
//	alert(i++)
	
	var vp_h = document.viewport.getHeight();
	
	var chrome_h = hd_h + cf_h + ft_h + 5;// 5 px margin between content area and footer
	var content_h = vp_h - chrome_h;
	
	ca.setStyle({height:content_h+"px", overflow: "hidden"});
	
// 	alert("hd_h"+ hd_h+ "cf_h"+ cf_h+ "ft_h"+ ft_h+ "ca_h"+ ca_h+"vp_h"+vp_h);
	var scrolling_area = $("#insider-contest-big + div").first();
	var contest_h = $("insider-contest-big").getHeight();
	var sa_h = content_h - (contest_h + 40);
	scrolling_area.setStyle({border:"1px solid red", overflow:"auto", height:sa_h+"px"});
}

//Event.observe(window,"load",resize_content_area);
//Event.observe(document.onresize ? document : window ,"resize",resize_content_area);