function getElementStyle(elem, IEStyleProp, CSSStyleProp) {
        // var elem = document.getElementById(elemID);
        if (elem.currentStyle) {
                return elem.currentStyle[IEStyleProp];
        } else if (window.getComputedStyle) {
                var compStyle = window.getComputedStyle(elem, "");
                return compStyle.getPropertyValue(CSSStyleProp);
        }
        return "";
}

function getElementsByClassName( cls ){
	var root = document.getElementsByTagName( "body" )[0];
	var tags = root.getElementsByTagName( "*" );
	var ret = [];
	for( tag in tags ){
		if( tags[ tag ] && tags[ tag ].className && tags[ tag ].className.indexOf( cls ) >= 0 ){
			ret.push( tags[ tag ] );
		}
	}
	return ret;
}

function callIconRollOver(){
// var cookie_check = readCookie( 'css-switch' );
// if( cookie_check != 'text-only'){
	 initIconRollOver();
// }else{
//	 removeIconRollOver();
// }
}

function initIconRollOver(){
	var c_arg = false;
	var cookie_check = readCookie( 'css-switch' );
	if( cookie_check != 'text-only'){
		c_arg = true;
	}
	
	var ids = ['annual','csr','interim','prelim'];
	var cls = ['rss_feed','alert_service','factsheet'];
	var parent = document.getElementById( 'right_col' );
	var parent_ir = document.getElementById( 'right_col_ir' );
	if( parent || parent_ir ){
		for( var i = 0 ; i < ids.length ; i++ ){
			var el = document.getElementById( ids[ i ] );
			if( el ){
				if( c_arg ){ 
					setIconRollOver( el );
				}else{
					removeIconRollOver( el );
				}
			}
		}
		for( var i = 0 ; i < cls.length ; i++ ){
			var els = getElementsByClassName( cls[ i ] );
			for( var x = 0 ; x < els.length ; x++ ){
				var el = els[ x ];
				if( c_arg ){ 
					setIconRollOver( el );
				}else{
					removeIconRollOver( el );
				}
			}
		}
	}
}

function setIconRollOver( el ){
	 if( el ){
		  var bg_store_arg = el.getAttribute( "bgstore" );
		  if( bg_store_arg ){
			  // set style allready
			  el.style.backgroundImage = 'url("'+ bg_store_arg +'")'; 
		  }
		  
		  // probe for background image used on it
		  var bg_image_rule = getElementStyle( el, "backgroundImage", "background-image" );
		  if( bg_image_rule && bg_image_rule != "none" ){
			  bg_image_rule = bg_image_rule.replace( "'", "" ).replace( '"', '' ).replace( "'", "" ).replace( '"', '' );
			  var bg_image = bg_image_rule.substring( ( bg_image_rule.indexOf( "(" ) + 1 ), ( bg_image_rule.indexOf( ")" ) ) );
			  var bg_url = bg_image.substring( 0, bg_image.lastIndexOf( "/" ) + 1 );
			  var bg_img = bg_image.substring( bg_image.lastIndexOf( "/" ) + 1 );
			  el.setAttribute( "bgstore", bg_url + bg_img );
			  el.onmouseover = function(){
				  var bg_image_parts = bg_img.split( "." );
				  bg_image = bg_image_parts.join( "_over." );
				  this.style.backgroundImage = 'url("'+ bg_url + bg_image +'")'; 
			  };
			  el.onmouseout = function(){
				  bg_image = bg_image.replace( "_over", "" );
				  this.style.backgroundImage = 'url("'+ bg_url + bg_image +'")'; 
			  };
		  }
	 }
}

function removeIconRollOver( el ){
	if( el ){
		var bg_image_rule = getElementStyle( el, "backgroundImage", "background-image" );
		bg_image_rule = bg_image_rule.replace( "'", "" ).replace( '"', '' ).replace( "'", "" ).replace( '"', '' );		
		var bg_image = bg_image_rule.substring( ( bg_image_rule.indexOf( "(" ) + 1 ), ( bg_image_rule.indexOf( ")" ) ) );
		var bg_url = bg_image.substring( 0, bg_image.lastIndexOf( "/" ) + 1 );
		var bg_img = bg_image.substring( bg_image.lastIndexOf( "/" ) + 1 );
		el.setAttribute( "bgstore", bg_url + bg_img );		
		el.style.backgroundImage = 'none';
		el.onmouseover = function(){ this.style.backgroundImage = 'none'; }
		el.onmouseout = function(){ this.style.backgroundImage = 'none'; }
	}
}