var blend;
var timerObj;
var IEbrowser;
var status = "closed";

function showStyleInfo(el, height, width) {
	if (status =="closed"){
	
		status = "blending";
		
		var distX, distY;
		
		var pageSize = new Array();
		pageSize = getPageSize();
		
		distX = (pageSize[1]/2) - (width/2);
		distY = (pageSize[2]/2) - (height/2);
		
		blend = 0;
		
		if(navigator.appName == "Microsoft Internet Explorer"){
			createStyleTag();
			document.getElementById(el).filters.alpha.opacity = blend;
			IEbrowser = true;
		}
		else{
			document.getElementById(el).style.opacity = blend;
			IEbrowser = false; 
		}	
		
		document.getElementById(el).style.position = "fixed";
		document.getElementById(el).style.left = distX + "px";
		document.getElementById(el).style.top = distY + "px";
		document.getElementById(el).style.display = "block";
		
		timerObj = setInterval('changeBlend(\'' + el + '\');', 25);
	}
}


function changeBlend(el){

	blend = blend + 5;
	
	if (IEbrowser){	
		document.getElementById(el).filters.alpha.opacity = blend;
	}
	else{		
		document.getElementById(el).style.opacity = blend/100;
	}
	
	if (blend >= 100){
		status = "open";
		clearInterval(timerObj);
		return;
	}
	
}


function closeStyleInfo(el) {
	if (status =="open"){
		document.getElementById(el).style.display = "none";
		status = "closed";
	}
}




function getPageSize(){

  var dimensions = new Array();
  
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    dimensions[1] = window.innerWidth;
    dimensions[2] = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    dimensions[1] = document.documentElement.clientWidth;
    dimensions[2] = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    dimensions[1] = document.body.clientWidth;
    dimensions[2] = document.body.clientHeight;
  }
  
  return dimensions;
}                  


function createStyleTag(){
	var head = document.getElementsByTagName('head')[0];
	var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
	var isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
	var cssstring = [
		'div#extraStyleInfo {' +
			'filter: alpha(opacity=0);' +
		'}'
	];

	if(!isChrome && !isSafari)
	{
		var styletag = $create('style');
		
		styletag.setAttribute('type', 'text/css');
		head.appendChild(styletag);
		
		if(!window.ActiveXObject)
		{
			styletag.innerHTML = cssstring; // if not Internet Explorer
		}
		else
		{
			styletag.styleSheet.cssText = cssstring; // if Internet Explorer
		}
	}
}

function $create(element)
{
	return document.createElement(element);
}

function $(stringId)
{
	return document.getElementById(stringId);
}