var currHeight = window.innerHeight;

resizenow = function(){
	
		
	 var viewportwidth;
 	 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
      
      if(viewportheight < 600){
			$$('.product').setStyle('height',600);
	}else{
		$$('.product').setStyle('height',(viewportheight-50));
		
	}
      
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
 
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 
 }
 
 // older versions of IE
 
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }


	currHeight = window.innerHeight;
	
	if (Browser.Engine.trident){
		if(viewportheight < 600){
			$$('.product').setStyle('height',600);
	}else{
		$$('.product').setStyle('height',(viewportheight-50));
		
	}
	}
}



window.addEvent('resize', function(){
	resizenow()
});


window.addEvent('domready', function() {

	var showHeadText = function(){
		var $headerFadeText = $$('.blogHeader h4').setStyles({display:'block',opacity: 0});
		$headerFadeText.set('tween', {duration:2000})
		$headerFadeText.tween('opacity', '1')
		}
	
	showHeadText();
	resizenow();
	
});