/* JavaScript for embedding AkzoNobel logo and link
 *
 * Usage:
 * <script type="text/javascript" src="http://www.akzonobel.com/endorsement/logo_embedder_deco.js"></script>
 * <script type="text/javascript">
 * 		//embedLogo('width', 'color', 'wording','language');
		embedLogo('100', 'black', 'brand','dutch');
 * </script>
 *
 * Arguments defined as following:
 * - width: integer value between 85 and 200
 * - color: black, blue or white
 * - wording: product or brand
 * - language: english, dutch, french, german, portuguese, spanish, swedish or chinese
 *
 * css included for proper displaying (also in old browsers e.g. IE6)
 */
 
 //IE fix as it doesn't support indexOf for arrays
 [].indexOf || (Array.prototype.indexOf = function(v,n){
  n = (n==null)?0:n; var m = this.length;
  for(var i = n; i < m; i++)
    if(this[i] == v)
       return i;
  return -1;
});
 
function embedLogo(width, color, wording, language) {
	//Check arguments
	var colorArray = new Array("black","blue","white");
	var wordingArray = new Array("product","brand");
	var languageArray = new Array("english","dutch","french","german","portuguese","spanish","swedish","chinese");
	if(width < 85 || width > 200) {
		return false;
	}

	if(colorArray.indexOf(color) == '-1' || wordingArray.indexOf(wording) == '-1' || languageArray.indexOf(language) == '-1') {
		return false;
	}

	//Define root
	var root = "http://www.akzonobel.com/endorsement";
	
	//Define image location
	var imageLocation = "/images/" + wording + "/" + color + "/resized/" + language + "_" + width + ".png";
	
	//Add the stylesheet and background fix for IE
	addStyleSheet(root);
	fixBackground(root);
	
	//Write code to website
	var title = "Go to the AkzoNobel homepage";
	var alt = "Go to the AkzoNobel homepage";
	var href = "http://www.akzonobel.com";
	document.write('<a id="embedded-akzo-logo-link" title="'+title+'" href="'+href+'" title="AkzoNobel"><img width="'+width+'" src="'+root+imageLocation+'" alt="'+alt+'" /></a>')
}

function addStyleSheet(root) {
	var styleSheetLink = document.createElement('link');;
	styleSheetLink.setAttribute("rel", "stylesheet");
	styleSheetLink.setAttribute("href", root+"/logo_embedder.css");
	styleSheetLink.setAttribute("media", "screen");
	document.getElementsByTagName('head')[0].appendChild(styleSheetLink);
}

function fixBackground(root) {
	if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent) && document.styleSheets && document.styleSheets[0] && document.styleSheets[0].addRule) {
		document.styleSheets[0].addRule('#embedded-akzo-logo-link img', 'behavior: url('+root+'/iepngfix.htc);');
	}
}
