function resizeElementToGrid(	element,	gridHeight	)	{
	element.style.marginBottom	=	(	(	Math.ceil(	element.offsetHeight	/	gridHeight	)	*	gridHeight	)	-	element.offsetHeight	)+	"px";
	};
function makeGrid(	tagName,	className,	gridHeight	)	{
	var elements	=	document.getElementsByTagName(	tagName	);
	for(	var c	=	0;	c	<	elements.length;	c	++	)	{
		element	=	elements[	c	];
		if(	element.className	==	className	)	{
			resizeElementToGrid(	element,	gridHeight	);
			}
		}
	}

function popup(url,width,height){
	window.open(url,'','width='+width+',height='+height+',resizable=yes,scrollbars=yes');
	return false;
}


// flashObject 1.4, Mark Dibbets, Fabrique, update aug 2007
    
// getElement.. wrapper 
function getEl(el){
  return document.getElementById(el);
};

// setClassName
function setClassName(el,className){
  if (!className){
    return;
  }
  if (el.getAttribute('className') != null){
    el.setAttribute('class',className);
  }
  else {
    el.setAttribute('class',className);
  }
};

// add stylesheet
var styleSheetFromScript = false;
function addStyle(selector,properties){
  if (document.styleSheets) {
    if (!styleSheetFromScript){
      styleSheetFromScript = document.createElement('style');
      styleSheetFromScript.setAttribute('type','text/css');
      document.getElementsByTagName('HEAD')[0].appendChild(styleSheetFromScript);
    }
    var lastSheet = document.styleSheets[document.styleSheets.length - 1];
    if(lastSheet && typeof lastSheet.addRule == 'object'){
      lastSheet.addRule(selector, properties);
    }
    else {
      styleSheetFromScript.appendChild(document.createTextNode(selector + ' { ' + properties + ' }'));
    }
 }
};
  
// check if the proper version is installed
function hasMinFlashVersion(versionNumber){
	if (window.ActiveXObject){
		try{
			var flash = new ActiveXObject("ShockwaveFlash.ShockwaveFlash." + versionNumber);
			return 1;
		}
		catch(e){
			return 0;
		}
	}
	else {
		if(navigator.plugins.length){
			for (var i=0; i < navigator.plugins.length; i++){
				var pluginIdent = navigator.plugins[i].description.split(" ");
				if(pluginIdent[0] == "Shockwave" && pluginIdent[1] == "Flash"){
					var versionArray = pluginIdent[2].split(".");
					return versionArray[0] >= versionNumber;
				}
			} 	
		}
	}
	return 0;
};

// Class FlashObject
flashObjects = [];
function FlashObject(oArg){

  this.id = oArg.id;
  this.parentId = oArg.parentId;      
  this.uri = oArg.uri;
  this.width = oArg.width;
  this.height = oArg.height;
  this.hasRequiredVersion = hasMinFlashVersion(oArg.requiredVersion);
  this.className = oArg.className ? oArg.className : '';
  this.params = oArg.params;
  this.noFocus = oArg.noFocus;
  if (this.hasRequiredVersion){
    addStyle('#' + oArg.parentId + ' .alternateContent','display:none !important;');
  }
  
  // create the object
  this.create = function(){
    if ((!this.hasRequiredVersion) || (!getEl(this.parentId))){
      return;
    }
    var obj = document.createElement('object');
    obj.setAttribute('type','application/x-shockwave-flash');
    if (this.id){
      obj.setAttribute('id',this.id);
    }
    obj.setAttribute('data',this.uri);
    obj.setAttribute('src',this.uri);
    obj.setAttribute('width',this.width);
    obj.setAttribute('height',this.height);
    if (this.noFocus){
      obj.setAttribute('tabIndex',-1);
    }
    setClassName(obj,this.className);
    for (var i in this.params){
      var param = this.params[i];
      var paramEl = document.createElement('param');
      paramEl.setAttribute('name',i);
      paramEl.setAttribute('value',this.params[i]);
      obj.appendChild(paramEl);
      obj.setAttribute(i,this.params[i]);
    }
    var title = document.title;
    getEl(this.parentId).appendChild(obj);
    document.title = title;
    try {
      obj.loadMovie(0,this.uri);
    }
    catch (e){
    }
  }
  
};

// create a flash object
function createFlashObject(oArg){
  flashObjects[flashObjects.length] = new FlashObject(oArg);
};

// build all the flash objects (onload)
function createFlashObjects(){
  for (var i in flashObjects){
    flashObjects[i].create();
  }
};

// window.onload
if (window.addEventListener){
  window.addEventListener('load', function() {
    setupWidgets();
	createFlashObjects();
  },false);
  //window.addEventListener('load', setupWidgets,false);
  //window.addEventListener('load', createFlashObjects,false);
}
else if (window.attachEvent){
  window.attachEvent("onload", function() {
    setupWidgets();
	createFlashObjects();
  });
  //window.attachEvent("onload", setupWidgets);
  //window.attachEvent("onload", createFlashObjects);
}



/* init */

//video verslag
var pageId = document.getElementsByTagName('html')[0].getAttribute('id');
if (pageId == 'page40'){
  createFlashObject({
    id:'flashYoungAtHeart',
    parentId:'flashContent',
    uri:'/flash/flvPlayer.swf',
    width:400,
    height:265,
    params:{
      salign:'lt',
      FlashVars:'flv=/flash/yahMid.flv&skin=/flash/skin.swf&autoPlay=false&autoRewind=true&skinAutoHide=false&totalTime='
    },
    className:'flashObject',
    requiredVersion:7
  });
}

if (pageId == 'page60'){
  createFlashObject({
    id:'flashDickBruna',
    parentId:'flashContent',
    uri:'/flash/flvPlayer.swf',
    width:400,
    height:265,
    params:{
      salign:'lt',
      FlashVars:'flv=/flash/DickBruna.flv&skin=/flash/skin.swf&autoPlay=false&autoRewind=true&skinAutoHide=false&totalTime='
    },
    className:'flashObject',
    requiredVersion:7
  });
}


function setupWidgets() {
  var size = {
    width: 425,
	height: 344
  };
  
  if(document.body && document.body.className.indexOf('videos-overview') !== -1) {
    size = {
      width: 212,
	  height: 172
    };
  }
  
  var divs = document.getElementsByTagName('div');
  for(var i = 0, len = divs.length; i < len; i++) {
    if(divs[i].className.indexOf('widget') == -1
	   || divs[i].className.indexOf('widget-container') !== -1
	   || divs[i].className.indexOf('widget-info') !== -1
	   || divs[i].className.indexOf('widget-preview') !== -1)
	  continue;
	
	var widgetIdArr = divs[i].id.split('-');
	createFlashObject({
      id:'flash-' + widgetIdArr[2],
      parentId:divs[i].id,
      uri:'http://www.youtube.com/v/' + widgetIdArr[2],
      width: size.width,
      height: size.height,
      params:{
        salign:'lt',
        FlashVars:'hl=en&fs=1'
      },
      className:'flashObject',
      requiredVersion:7
    });
  }
}

