function setStyles(){
	var mainObj = document.createElement('link');	
	
	mainObj.setAttribute('type', 'text/css');
	mainObj.setAttribute('rel', 'stylesheet');
	mainObj.setAttribute('href', '/lib/css/whytomtom/js-styles.css');
	mainObj.setAttribute('media', 'screen');
	
	var parentObj = document.getElementsByTagName('head');
	parentObj[0].appendChild(mainObj);
}

function closeFlash(){
	var imageBox = document.getElementById('default-box');
	var movieBox = document.getElementById('movie-box');
	imageBox.style.display = 'block';
	movieBox.style.display = 'none';
}

// --------------------------------------------------------------------------------------------
//
// LoadMovies component
//
// --------------------------------------------------------------------------------------------

function LoadMovies (){
	this.getControls = YAHOO.util.Dom.getElementsByClassName('show-video', 'a');
	this.getImageBox = document.getElementById('default-box');
	this.getMovieBox = document.getElementById('movie-box');
	this.doMovieLoad();
}

LoadMovies.prototype.doMovieLoad = function (){
	for(var i = 0; i < this.getControls.length; i++){
		
		if (UFO.hasFlashVersion(8, 0)) this.getControls[i].setAttribute('href', 'javascript:;');
		this.getControls[i].control = this.getControls[i];
		this.getControls[i].imagebox = this.getImageBox;
		this.getControls[i].moviebox = this.getMovieBox;	
		
		this.getControls[i].onclick = function (){
		var FO = {
				movie: "/lib/flash/whytomtom/reasons-videoplayer.swf",
				width:"324",
				height:"244",
				majorversion:"7",
				build:"0",
				menu:"false",
				quality:"high",
				wmode:"transparent",
				flashvars: "videoplayer=videoname=" + this.control.rel
			};
			
			UFO.writeFlashObject(FO, "movie-box");			
			this.imagebox.style.display = 'none';
			this.moviebox.style.display = 'block';
		}
	}
}

// --------------------------------------------------------------------------------------------
//
// LoadBoxes component
//
// --------------------------------------------------------------------------------------------

function LoadBoxes (intMinColumn) {
	this.getBoxes = YAHOO.util.Dom.getElementsByClassName('content-column', 'div');
	this.getInnerBoxes = YAHOO.util.Dom.getElementsByClassName('prim-content', 'div');
	this.getImgs = YAHOO.util.Dom.getElementsByClassName('column-icon', 'img');
	
	if(intMinColumn == undefined) intMinColumn = 3;
	
	this.placeBox(intMinColumn);
}

LoadBoxes.prototype.placeBox = function (intMinColumn){
	if(this.getBoxes.length > (intMinColumn - 1)){
		for(var i = (intMinColumn - 1); i < this.getBoxes.length; i++){
			
			YAHOO.util.Dom.addClass(this.getBoxes[i], 'compress');
			//if(this.getBoxes[2]){YAHOO.util.Dom.addClass(this.getBoxes[2], 'set-margin');}
			YAHOO.util.Dom.addClass(this.getInnerBoxes[i], 'tooltip');
			this.getImgs[i].setAttribute('src', this.getImgs[i].getAttribute('srcsmall'));
		}
	}
}

// --------------------------------------------------------------------------------------------
//
// Tooltip component
//
// --------------------------------------------------------------------------------------------

function Tooltip (boxID){
	this.getListBox = document.getElementById(boxID);
	this.getCompressedItems = YAHOO.util.Dom.getElementsByClassName('compress', 'div');
	this.getDivs = YAHOO.util.Dom.getElementsByClassName('tooltip', 'div');
	this.initTooltips();
}

Tooltip.prototype.initTooltips = function (){
	for(var i = 0; i < this.getCompressedItems.length; i++){
		this.getDivs[i].style.display = 'none'
		this.getCompressedItems[i].uspbox = this.getDivs[i];
		this.getCompressedItems[i].onmouseover = function (){
			this.uspbox.style.display = 'block';	
		}
		this.getCompressedItems[i].onmouseout = function (){
			this.uspbox.style.display = 'none';	
		}
	}
}

// --------------------------------------------------------------------------------------------
//
// Accordeon component
//
// --------------------------------------------------------------------------------------------

function Accordeon (){
	this.getAccordeon = document.getElementById('accordeon');
	this.getLis = this.getAccordeon.getElementsByTagName('li');
	this.playAccordeon();
}

Accordeon.prototype.playAccordeon = function (){
	for(var i = 0; i < this.getLis.length; i++){
		this.getLis[i].onmouseout = function (){
			YAHOO.util.Dom.removeClass(this, 'open');	
		}
		this.getLis[i].onmouseover = function (){
			YAHOO.util.Dom.addClass(this, 'open');
		}
	}
}