// JavaScript Document

var currWidth = 500;
var prevElement;
var elementArr = new Array();
var maxElements = 6;

document.getElementsByClassName = function(cl) {
	
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	
	for (var i = 0; i < elem.length; i++) {
		
			var classes = elem[i].className;
			if (myclass.test(classes)) retnode.push(elem[i]);
			
		}
	
	return retnode;

};

function init_clr(modus){
		
		var alphaChange = new Fx.Style($("overlay_dark"), 'opacity', {duration:500});
		alphaChange.start(1,0);
		
		var accBox = document.getElementsByClassName('clr_title');
		var accInfo = document.getElementsByClassName('clr_info');
		
		var accClr = new Fx.Accordion(accBox,accInfo,{});
		
		if(modus == "true"){
		
			fetchLastFm();
			fetchFlickr();
			setInterval("fetchLastFm()",2000);
			
		}
	
	}

function newDiv(name,cat,w,title,content,date,tags,id,bacimg){
	
		test = new Element('div', {
			'styles': {
				'display': 'block',
				'height': '2000px',
				'overflow': 'hidden',
				'width': w+'px',
				'float': 'left',
				'border-right': '1px solid #f2f2f2'
			},
			'events': {
				'click': function(){
					//aaa
					//alert(w + " *** " + this.style.width);
				},
				'mousedown': function(){
					//aaa
					//alert(this);
				}
			},
			'class': 'inside_con'
			//'href': 'http://www.colorblind.be'
		});
		
		// NIEUW ELEMENT TOEVOEGEN AAN CONTAINERª
		$("main_con_right").appendChild(test);
		
		if(bacimg != ""){
				
				nameTemp = name.split("_");
				nameToLowerCase = nameTemp[1].toLowerCase();
				backImage = "url(data/images/"+nameToLowerCase+"/" + bacimg + ")";
				test.style.backgroundImage = backImage;
				
			}
		
		// MENU LATEN MEEBEWEGEN
		var tempWCurrSection = parseInt($("w_"+currSection).value);
		if(parseInt(w) > parseInt($("w_"+currSection).value)){
				
				var xChange = new Fx.Style($(currSection), 'left', {duration:750});
				xChange.start($(currSection).style.left,(minx+(parseInt(w)-tempWCurrSection)));		
				
			} else {
				
					var xChange = new Fx.Style($(currSection), 'left', {duration:750});
					xChange.start($(currSection).style.left,minx);
				
				}
		
		test.style.width=0;
		test.style.opacity=0;
		wValue = eval(w);
		if(BrowserDetect.browser == "Explorer"){ if(cat == "WORK"){ wValue += 52; } else { wValue += 52; } }
		var wChange = new Fx.Style(test, 'width', {duration:750});
		wChange.start(0,wValue);
		var alphaChange = new Fx.Style(test, 'opacity', {duration:500});
		alphaChange.start(0,1);
		
		// CONTENT
		//test.innerHTML="<div style='width:"+w+"px;'>" + content + "</div>";
		test.innerHTML=content;
		
		
		
		// ALS ER EEN VORIG ELEMENT IS, HET NIEUWE ELEMENT ERVOOR! ZETTEN
		if(prevElement != null){ test.injectBefore(prevElement); }
		
		// PREV = NOW
		prevElement = test;
		
		// CONTAINER MEE DOEN GROEIEN
		$("main_con_right").style.width=currWidth+"px";
		
		// WIDTH AANPASSEN
		currWidth = (currWidth+parseInt(w)+200);
		
		// ELEMENT IN ARRAY STEKEN VOOR TE TELLEN...
		elementArr.push(test);
		if(elementArr.length == maxElements){
			
				currWidth = (currWidth-parseInt($(elementArr[0]).style.width));
				$("main_con_right").removeChild($(elementArr[0]));
				elementArr.splice(0,1);
			
			}
			
		// SCROLL FUNCTIONALITY
		/*
		var scrollBabyScroll = new Scroller(test, {area: 400, velocity: 1});
		test.addEvent('mouseover', scrollBabyScroll.start.bind(scrollBabyScroll));
		test.addEvent('mouseout', scrollBabyScroll.stop.bind(scrollBabyScroll));
		*/

		
	}