// JavaScript Document
/***************************************************
 *	BEGIN: Global
 */


/*
 *	END: Global
 **************************************************/

/***************************************************
 *	BEGIN: Array
 */
Array.prototype.unique = function()
{
	var objA = Object();
	var arrNew = Array();
	
	for( i=0;i<this.length;i++ )
	{
		objA[ this[i] ] = this[i];
	}
	
	for( i in objA )
	{
		arrNew.push(objA[i]);
	}
	
	return arrNew;
};

/***************************************************
 *	BEGIN: Element
 */

Element.extend(
{
	showPopup:function( elInsert )
	{
		var elInsert 	= $(elInsert).clone();
		var elBody 		= $$('body')[0];
		var elClose 	= elInsert.getElements('.close')[0];
		
		//console.log('jo',elClose );	
		elInsert.setStyles({
			'top':'-1000px',
			'display':'block',
			'position':'absolute'
		});
		elBody.appendChild(elInsert);
		
		var objTemp = elInsert.getSize().size;
		var intWidth = objTemp.x;	
		var intHeight = objTemp.y;	
		
		var pos = this.getPosition();
		var size = this.getSize().size;

		var elBody 		= $$('body')[0];
		var elDiv		= new Element('div').setStyles({
			'left': ((pos.x+size.x)-Number(intWidth)) + 'px',
			'top': (pos.y+(size.y+10)) + 'px',
			'border': '1px dashed #000000',
			'position': 'absolute',
			'overflow':'hidden',
			'z-index': '102',
			'opacity': '0',
			'width': Number(intWidth) + 'px',
			'height': '0px'
		});
		
		elDiv.appendChild(elInsert);
		elBody.appendChild(elDiv);
		elInsert.setStyles({
			'top':'0px',
			'display':'block',
			'position':'relative'
		});


		new Fx.Styles(elDiv,{transition:Fx.Transitions.quadOut}).start(
		{
			'height':[0, Number(intHeight)],
			'opacity':[0, 1]
		});

		// elClose.arrDel = Array( elDiv, );
		elClose.elDiv = elDiv;
		elClose.addEvent('click',function()
		{
			this.elDiv.effect('height',{
				duration:500,
				transition:Fx.Transitions.quadIn,
				onComplete:function(){
					this.element.remove();
				}
			}).start(this.elDiv.getSize().size.y,0);
		});

/*		this.elDiv = elDiv;
		this.addEvent('click',function()
		{
			this.elDiv.effect('height',{
				duration:500,
				transition:Fx.Transitions.quadIn,
				onComplete:function(){
					this.element.remove();
				}
			}).start(this.elDiv.getSize().size.y,0);
		});*/

	},
/*		var elPopupDiv 	= $$('div.popup_categorie')[0];
		var bodySize = elBody.getSize();
		
		
		var pos = this.getPosition();
		var size = this.getSize().size;

		// maak slider
		elPopupDiv.setStyles({
			'left': ((pos.x+size.x)-Number(argWidth)) + 'px',
			'top': (pos.y+(size.y+10)) + 'px',
			'background-color':'#FFFFFF',
			'position': 'absolute',
			'z-index': '102',
			'opacity': '1',
			'width': Number(argWidth) + 'px',
			'height': '0px'
		});
		elPopupDiv.removeClass('hide');

		new Fx.Style(elPopupDiv,'height').start(0, Number(argHeight) );
		
*/
		// uit zetten
/*		
		elButton.elBack = elDiv;
		elButton.elCategorys = elCategorys;
		elButton.addEvent('click',function()
		{
			this.elCategorys.effect('opacity',{
				duration:100,
				onComplete:function(){
					this.element.remove();
				}
			}).start(0.5,0);
			
			this.elBack._parent = this;
			this.elBack.effect('opacity',{
				duration:100,
				onComplete:function(){
					this.element._parent.remove();
					this.element.remove();
				}
			}).start(0.5,0);
		});
*/
	
	setSelectIndex:function(index)
	{
		var blnSelected = false;
		arrElement = $A($(this).getElements('option'));
		arrElement.each(function(node,i){
			if(node.value == index){
				node.selected = true;
				blnSelected = true;
			}
		});
		
		if( !blnSelected )
		{
			arrElement.each(function(node,i){
				if(node.innerHTML == index){
					node.selected = true;
					blnSelected = true;
				}				
			});
		}
	},
	
	submitTo:function( argUrl )
	{
		this.action = argUrl;
		this.submit();
	},

	cleanWhitespace: function()
	{
		$A(this.childNodes).each(function(node){
			if ($type(node) == 'textnode') this.removeChild(node);
		}, this);
		return this;
	}
});


/*
 *	END: Element
 ***************************************************/

/***************************************************
	BEGIN: location related variable and functions 

	Made By: Mientjan Stelling
	Example:
		(start code)
		var firstOb = {
			'name': 'John',
			'lastName': 'Doe'
		};
		var secondOb = {
			'age': '20',
			'sex': 'male',
			'lastName': 'Dorian'
		};
		Object.extend(firstOb, secondOb);
		//firstOb will become: 
		{
			'name': 'John',
			'lastName': 'Dorian',
			'age': '20',
			'sex': 'male'
		};
		(end)
	
	Returns:
		The first object, extended.
*/
objGet = {};
var arrGet = location.search.split('?').join('').split('&');
arrGet.each(function(node,i){
	var arrSub = node.split('=');
	var key = (arrSub[0].split('[]').join(''));

	if(arrSub[0].indexOf('[]') > 0)
	{
		if($type(objGet[key]) != "array"){ objGet[key] = Array(); }
		objGet[key].push(arrSub[1]);
	}
	else
	{
		objGet[key] = arrSub[1];
	}
});


Object.extend(location,
{
	get:objGet,
	requesturi:( location.href.split( location.search).join('') ),
	arrrequesturi:( location.href.split(location.search).join('').split('//').join('/').split('/') ),
	changeSwitch:function()
	{
		var objA = arguments[0];
		var objB = arguments[1];
		
		objChange = Object();
		
		for( i in objA )
		{
			if(location.get[i] == objA[i])
			{
				objChange[i] = objB[i];
			}
			else
			{
				objChange[i] = objA[i];
			}
		}

		this.change( objChange );
	},
	change:function(){		
		if( arguments.length < 2 )
		{
			var objChange = arguments[0];
			var strBaseUrl = location.requesturi;
			if( strBaseUrl.indexOf('#') > 0 )
			{
				var strBaseUrl = strBaseUrl.substr(0,strBaseUrl.lastIndexOf('#'));
			}
		}
		else
		{
			var strBaseUrl = arguments[0];
			var objChange = arguments[1];
		}

		if( objChange != undefined )
		{
			var arrUrl = Array();		
			for( i in location.get )
			{
				if( objChange[i] != undefined ){
					if( $type(objChange[i]) != "array" )
					{
						arrUrl.push(i + '=' + objChange[i] );
					}
					else
					{
						objChange[i].each(function(node){
							arrUrl.push(i + '[]=' + node );
						});
					}
					delete(objChange[i]);
					continue;
				}

				if( $type(location.get[i]) != "array" )
				{
					if( location.get[i] != undefined || i != '' ) arrUrl.push(i + '=' + location.get[i] );
				}
				else
				{
					location.get[i].each(function(node){
						arrUrl.push(i + '[]=' + node );
					});
				}
			}
	
			for( i in objChange )
			{
				if( $type(objChange[i]) != "array" )
				{
					arrUrl.push(i + '=' + objChange[i] );
				}
				else
				{
					objChange[i].each(function(node){
						arrUrl.push(i + '[]=' + node );
					});
				}
			}
			

			if( strBaseUrl.substr( (strBaseUrl.length-1) ) != '/' )
			{
				strBaseUrl = strBaseUrl + '/';
			}
			// console.log(strUrl , '?', arrUrl);
			location.href = strBaseUrl + '?' + arrUrl.join('&');
		}
	}
});
/* END: location */