//DEFAULT INIT
var settings = {};
var portal;
var newsources;
function init() {
	newsources = new NewSources();
    portal = new Portal();
    portal.applySettings(settings);
}
/*DOM IS READY*/
Event.observe(window, 'load', init, false);

/*Sources*/
var NewSources = Class.create();
NewSources.prototype = {
	initialize: function () {

	  function init() {
	    portal = new Portal();
	    portal.applySettings(settings);
	  }


//TOP SEARCH
var topSearchBox = $('sfield');
if(topSearchBox){
	Event.stopObserving(topSearchBox, 'focus');
	Event.observe(
		topSearchBox, 'focus', function() {
			topSearchBox.value =''
	});
	Event.stopObserving(topSearchBox, 'blur');
	Event.observe(
		topSearchBox, 'blur', function() {
			if(trim(topSearchBox.value) == ''){
				topSearchBox.value = 'Zoeken...';
			}
	});
}
	//Editorial Block
	var programItems = $$('.extraLink');
	if(programItems){
		programItems.each(
			function(programItem){

				Event.stopObserving(programItem, 'click');
				Event.observe( programItem, 'click', function (e) {

					var url = programItem.href;
					var extraUpdate = $('newContent');
						new Ajax.Updater(extraUpdate, url,{method : 'get'});
				});
		});
	}

//	EDIT MODE TOGGLE
	var editModeBar = $('pageEdit');
	var editModeBtn = $('toggleEditMode');
	var webBoxContainer = $('container');

		var sParamStr = location.search.substring(1);
		if (getParm(sParamStr,'showMenu') == false) {
			Element.hide( editModeBar );
		}
		else{
			 webBoxContainer.setStyle({display:'block'});
          	 editModeBar.setStyle({display:'block'});
		}
	  	Event.stopObserving(editModeBtn, 'click');
        Event.observe(
          editModeBtn, 'click',
          function (e) {
          	/*IE*/
          	if(document.all)
          	{

          		if(editModeBar.getStyle('display') == 'none'){
          			webBoxContainer.setStyle({display:'block'});
          			editModeBar.setStyle({display:'block'});
          		}
          		else{
          			editModeBar.setStyle({display:'none'});
          			webBoxContainer.setStyle({display:''});
          		}
          	}
          	/*REAL BROWSERS*/
          	else{
          		Effect.toggle(editModeBar, 'blind');
          	}
          },
          false
        );
	//TOP CONTENT SOURCES
	var contentSrcs = $('pageEditSources').childElements();
	contentSrcs.each(
		function (contentSrc) {
			Event.stopObserving(contentSrc, 'click');
			Event.observe(
		          contentSrc, 'click',
		          function(e){
		          		if(contentSrc.hasClassName('checked')){
							contentSrc.removeClassName('checked');
							contentSrc.addClassName('unchecked');
						}
						else{
							if(contentSrc.hasClassName('unchecked')){
								contentSrc.removeClassName('unchecked');
								contentSrc.addClassName('checked');
							}
						}

						var checkedSrcs = $('pageEditSources').select('.checked');
						checkedSrcs = checkedSrcs.pluck('title').join(',');

						//if(trim(checkedSrcs) !=''){

							/*UPDATE DB AND BLOCKS*/
							var url = '/?page=updatesrc&srcs='+checkedSrcs;
							new Ajax.Request(url, {
							  method: 'get',
							  asynchronous: 'true',
							  onSuccess: function() {
							  	//UPDATE MAIN MENU
//								var menuLinks = $('menuLinks');
//					  			new Ajax.Updater(menuLinks, '/?page=getmenu',{asynchronous: 'true'});
//
								var sURL = document.location.href;
								sURL = sURL.replace(/#/g,"");

								if (sURL.indexOf("?") == -1) {
									if (sURL.indexOf("showMenu") == -1) {
										sURL = sURL + "/?showMenu=true";
									}
								}
								else {
									if (sURL.indexOf("showMenu") == -1) {
										sURL = sURL + "&showMenu=true";
									}
								}

								return window.location.href = sURL;
								// window.location.reload();
							/*
							  	//GO UPDATE ALL BLOCKS
							  	var allBlocks = $$('.block');
							  	allBlocks.each(
							  		function(allBlock){
							  			var url = '?page=getblock&resolve=true&uniqueID=';
							  			url += allBlock.id;
//					  			  		add loader effect
//				    					var divLoader =  new Element('div').addClassName('ajaxLoader');
//        								allBlock.insert({before: divLoader});

							  			new Ajax.Updater(allBlock, url,{
					          				method : 'get',
					          				evalScripts: 'true',
					          				asynchronous: 'true',
					          				onComplete: function(){
											//!! Reinit class !!//
											    var settings = {};
												var portal;
					          					init();
//						          				add loader effect
	 				    						//divLoader.remove();
					          				}
							  			});
							  		});
									*/
							  	}
							});

						//}
		          });
		});

	//TOP BLOCK TYPES
     var dragSrcs = $$('.dragSrc');
	    dragSrcs.each(
	    	function (dragSrc) {
		    	  Event.stopObserving(dragSrc, 'click');
		          Event.observe(
		          dragSrc, 'click',
		          function (e) {

		          	var templateType = dragSrc.firstDescendant();
		          	var curCol = $('lastColl').value;
		          	var updatePlace = $('portal-column-'+curCol);

		          	var url = '/?page=getblock&addBlock=true';
		          	url += '&col=' + curCol;
		          	url += '&templateID=' + templateType.id;

					new Ajax.Updater(updatePlace, url,{
	          				method : 'get',
	          				insertion: 'top',
	          				evalScripts: 'true',
	          				onComplete: function(){
	      					  //!! Reinit class !!//
						      var settings = {};
							  var portal;
							  function init() {
							    portal = new Portal();
							    portal.applySettings(settings);
							  }
							  init();

	      					var newBlock = updatePlace.firstDescendant();
								Effect.Pulsate(newBlock, {pulses: 1, duration: 1 });
								if($('lastColl').value == '2' ){
									$('lastColl').value = '0';
								}
								else{
									$('lastColl').value++;
								}
	          				}
		          	 });
		           },
		          false
		        );
	    	}
	    );
	}
}
/*DRAG DROP*/
var Portal = Class.create();
Portal.prototype = {
  initialize: function (options) {
    this.setOptions(options);

 	var sortables = $$('.portal-column');

    sortables.each(function (sortable) {
      Sortable.create(sortable, {
        containment: sortables,
        constraint: false,
        tag: 'div',
        only: this.options.block,
        dropOnEmpty: true,
        handle: this.options.handle,
        hoverclass: this.options.hoverclass,
        onUpdate: function (container) {
          if (!this.options.saveurl) {
            return;
          }
          if (container.id == this.options.blocklist) {
            return;
          }
          var url = this.options.saveurl;
          var postBody = container.id + '=';
          var blocks = container.select('.block');

		  postBody += blocks.pluck('id').join(',');
          url += postBody;
          new Ajax.Request(url, {
              method: 'get'
            }
          );
        }.bind(this)
      });
    }.bind(this));

	var blocks = $$('.block');

    blocks.each(
      function (block) {
      	/*MORE TOGGLE (rss/netvibes/igoogle)*/
      	/*ATENTION:This also exists in moreToggle.js (for portal pages)*/
        var content = block.down('.more');
        var toggle = block.down('.moreToggle');
  		if(content){
	        Element.hide( content );
	        if(toggle){
	        	Event.stopObserving(toggle, 'click');
		        Event.observe(
		          toggle, 'click',
		          function (e) {
		          	Effect.toggle(content, 'blind',{ duration: 1.0 });
		          },
		          false
		        );
	        }
  		}
  		/*FRONT END DELETE BLOK (NON-EDIT MODE)*/
		var delBtnFE =  block.down('.feDeletePng');
		if(delBtnFE){
    		Event.stopObserving(delBtnFE, 'click');
    		Event.observe(
    		delBtnFE, 'click', function(){
    			if(confirm('Weet u zeker dat u dit blok wilt verwijderen ?')){
    				//GET VALUES
    					var url = '/?page=getblock&delete=true';
    					url += '&uniqueID=' + block.id;

    					new Ajax.Request(url, {
    						method: 'get',
    						onComplete: function(){
    							Effect.Shrink(block,{
    							duration: 1,
    							//delay: 0.2,
    		          		afterFinish: function() {
    		          			block.remove();
    		          			}
    							});
    						}
    					});
    				}
    			}
    		)
		}

  		/*EDIT BLOCK RESOLVE AND EVENTS*/
        var topEdit = block.down('.editToggle');
        var rows = block.down('.rows');
        //Check if there realy is a button
        if(topEdit.down('a')){
	        Event.stopObserving(topEdit, 'click');
	        Event.observe(
	          topEdit, 'click',
	          function (e) {
	          	Effect.toggle(rows, 'Blind',{
	          		afterFinish: function() {
	          			/*add loader effect*/
	 				    var divLoader =  new Element('div').addClassName('ajaxLoader');
	            		block.insert({before: divLoader});
	          			Element.hide(block);
	          			var url = '/?page=editblock';
	          			url += '&uniqueID=' + block.id;

	          			new Ajax.Updater(block, url,{
	          				method : 'get',
	          				onComplete: function(){
	          					/*remove loader effect*/
	          					divLoader.remove();
	          					//block.removeClassName('ajaxLoader');
		          				Effect.toggle(block, 'blind');
		          				//BTNS
		          				var bronnenBtn =  block.down('.bronnen');
		          				var bloktypeBtn =  block.down('.bloktype');
		          				var informatieBtn =  block.down('.informatieActive');
		          				//DIVS
		          				var divContentType = block.down('.content_bloktype');
		          				var divContentSrc = block.down('.content_bronnen');
		          				var divContentInfo = block.down('.content_informatie');
		          				//UN - HIDE
		          				Event.stopObserving(bronnenBtn, 'click');
		          				bronnenBtn.observe('click', function(event){

		          					bronnenBtn.removeClassName('bronnen');
									bronnenBtn.addClassName('bronnenActive');
									bloktypeBtn.removeClassName('bloktypeActive');
									bloktypeBtn.addClassName('bloktype');
									informatieBtn.removeClassName('informatieActive');
									informatieBtn.addClassName('informatie');

		          					divContentType.setStyle({display: 'none'});
		          					divContentSrc.setStyle({display: ''});
		          					divContentInfo.setStyle({display: 'none'});
								 });
								Event.stopObserving(bloktypeBtn, 'click');
								bloktypeBtn.observe('click', function(event){

									bronnenBtn.removeClassName('bronnenActive');
									bronnenBtn.addClassName('bronnen');
									bloktypeBtn.removeClassName('bloktype');
									bloktypeBtn.addClassName('bloktypeActive');
									informatieBtn.removeClassName('informatieActive');
									informatieBtn.addClassName('informatie');

		          					divContentType.setStyle({display: ''});
		          					divContentSrc.setStyle({display: 'none'});
		          					divContentInfo.setStyle({display: 'none'});
								 });
								 Event.stopObserving(informatieBtn, 'click');
								informatieBtn.observe('click', function(event){

									bronnenBtn.removeClassName('bronnenActive');
									bronnenBtn.addClassName('bronnen');
									bloktypeBtn.removeClassName('bloktypeActive');
									bloktypeBtn.addClassName('bloktype');
									informatieBtn.removeClassName('informatie');
									informatieBtn.addClassName('informatieActive');

									divContentType.setStyle({display: 'none'});
		          					divContentSrc.setStyle({display: 'none'});
		          					divContentInfo.setStyle({display: ''});
								 });
								//INFO BTNS
								var infoCatBtn 	=  block.down('.categoryoptionActive');
		          				var infoTagsBtn =  block.down('.tagsoption');
		          				var infoBlokTitleBtn=  block.down('.bloktitleoption');
								//INFO DIVS
								var divCatBtn 	=  block.down('.categorieen');
		          				var divTagsBtn  =  block.down('.tags');
		          				var divBlokTitleBtn  =  block.down('.bloktitle');
		          				//OTHER ELEMENTS
		          				var textArea		= block.down('.editTags');
	          					textArea.disabled=true;
	          					textArea.setStyle({background: '#888888'});
	          					textArea.setStyle({color: '#333333'});

		          				//UN - HIDE
		          				 Event.stopObserving(infoCatBtn, 'click');
		          				infoCatBtn.observe('click', function(event){
		          					infoCatBtn.removeClassName('categoryoption');
									infoCatBtn.addClassName('categoryoptionActive');
									infoTagsBtn.removeClassName('tagsoptionActive');
									infoTagsBtn.addClassName('tagsoption');
									infoBlokTitleBtn.removeClassName('bloktitleoptionActive');
									infoBlokTitleBtn.addClassName('bloktitleoption');

		          					divCatBtn.setStyle({display: ''});
		          					divTagsBtn.setStyle({display: 'none'});
		          					divBlokTitleBtn.setStyle({display: 'none'});

		          					textArea.disabled=true;
		          					textArea.setStyle({background: '#888888'});
		          					textArea.setStyle({color: '#333333'});
		          				});
		          				Event.stopObserving(infoTagsBtn, 'click');
		          				infoTagsBtn.observe('click', function(event){
		          					infoCatBtn.removeClassName('categoryoptionActive');
									infoCatBtn.addClassName('categoryoption');
									infoTagsBtn.removeClassName('tagsoption');
									infoTagsBtn.addClassName('tagsoptionActive');
									infoBlokTitleBtn.removeClassName('bloktitleoptionActive');
									infoBlokTitleBtn.addClassName('bloktitleoption');

		          					divCatBtn.setStyle({display: 'none'});
		          					divBlokTitleBtn.setStyle({display: 'none'});
		          					divTagsBtn.setStyle({display: ''});

		          					textArea.disabled=false;
		          					textArea.setStyle({background: '#FFFFFF'});
		          				});
		          				Event.stopObserving(infoBlokTitleBtn, 'click');
		          				infoBlokTitleBtn.observe('click', function(event){
		          					infoCatBtn.removeClassName('categoryoptionActive');
									infoCatBtn.addClassName('categoryoption');

									infoTagsBtn.removeClassName('tagsoptionActive');
									infoTagsBtn.addClassName('tagsoption');

									infoBlokTitleBtn.removeClassName('bloktitleoption');
									infoBlokTitleBtn.addClassName('bloktitleoptionActive');

		          					divCatBtn.setStyle({display: 'none'});
		          					divTagsBtn.setStyle({display: 'none'});
                                    divBlokTitleBtn.setStyle({display: ''});

		          					textArea.disabled=true;
		          					textArea.setStyle({background: '#888888'});
		          					textArea.setStyle({color: '#333333'});
		          				});
		          				//BLOCK TYPE
		          				var blockTypes 	= block.down('.choose_bloktype');
		          				blockTypes 		= blockTypes.childElements();

	      						blockTypes.each(
									function (blockType) {
										Event.stopObserving(blockType, 'click');
	      								Event.observe(
	      									blockType,'click',function(){
	      											blockTypes.each(
	      												function(resetType){
	      													resetType.removeClassName('activeType');
	      												}
	      											);
	      											blockType.addClassName('activeType');
	      								});
								});
								//CONTENT SOURCES
								var editContentSrcs 	= block.down('.content_bronnen').down('.editContentCenter');
		          				editContentSrcs 		= editContentSrcs.childElements();
		          				editContentSrcs.each(
									function (editContentSrc) {
										Event.stopObserving(editContentSrc, 'click');
	      								Event.observe(
	      									editContentSrc,'click',function(){
	      										if(editContentSrc.hasClassName('checked')){
													editContentSrc.removeClassName('checked');
													editContentSrc.addClassName('unchecked');
													editContentSrc.removeClassName('default');
												}
												else{
													if(editContentSrc.hasClassName('unchecked')) {
														editContentSrc.removeClassName('unchecked');
														editContentSrc.removeClassName('checked');
														editContentSrc.addClassName('default');

													}
													else{
														if(editContentSrc.hasClassName('default')){
														editContentSrc.addClassName('checked');
														editContentSrc.removeClassName('unchecked');
														editContentSrc.removeClassName('default');
														}
													}
												}
	      								});
								});
								//CAT TAGS
								var editCatTags 		= block.down('.categorieen').down('.editContentCenter');
		          				editCatTags 			= editCatTags.childElements();

		          				editCatTags.each(
									function (editCatTag) {
										Event.stopObserving(editCatTag, 'click');
	      								Event.observe(
	      									editCatTag,'click',function(){
												if(editCatTag.hasClassName('checked')){
													editCatTag.removeClassName('checked');
													editCatTag.addClassName('unchecked');
												}
												else{
													editCatTag.removeClassName('unchecked');
													editCatTag.addClassName('checked');
												}
	      								});
								});

		          				//SEARCH TAG DIVS
		          				var searchInputSrc 	= block.down('.search_tags');
		          				var searchResult 	= block.down('.searchOutput');
		          				var textArea		= block.down('.editTags');
		          				var blockId 		= block.id;
		          				var tagsInfo        = block.down('.tagsInfo');

		          				Event.stopObserving(searchInputSrc, 'focus');
								Event.observe(
									searchInputSrc, 'focus', function() {
									    //enable tagsInfo field, disable other elements
	          						    tagsInfo.setStyle({display: ''});

										searchInputSrc.value =''
								});
								Event.stopObserving(searchInputSrc, 'blur');
								Event.observe(
									searchInputSrc, 'blur', function() {
									    //enable tagsInfo field, disable other elements
	          						    tagsInfo.setStyle({display: ''});

										if(trim(searchInputSrc.value) == ''){
											searchInputSrc.value = 'Zoek hier op tags';
										}
								});
								Event.stopObserving(searchInputSrc, 'keyup');
								Event.observe(
	          						searchInputSrc, 'keyup', function() {
	          						    //disable tagsInfo field
	          						    tagsInfo.setStyle({display: 'none'});

	          							var url = '/?page=search';
	          							url += '&uniqueID=' + block.id;
	          							url += '&q=' + searchInputSrc.value;

	          							new Ajax.Updater(searchResult, url,{
	          								method : 'get',
	          								onComplete: function(){
	          								var divs = searchResult.select('.checked','.unchecked');
	          								divs.each(
	      										function (div) {
	      										Event.stopObserving(div, 'click');
		          								Event.observe(
		          									div,'click',function(){
		          										if(div.hasClassName('unchecked')){
		          											div.removeClassName('unchecked');
		          											div.addClassName('checked');
	      													//ADD TAG
		          											var editTags = textArea.value;
	          												editTags = trim(editTags);

	          												if(editTags != ''){
	          													editTags += ',';
	          												}
															editTags += div.title;
															textArea.value = editTags;
		          										}
		          										else{
		          											div.removeClassName('checked');
		          											div.addClassName('unchecked');
		          											//REMOVE TAG
		          											var jsArray = textArea.value;
															var jsArray = jsArray.split(',');
															var editTags = '';

															jsArray.each(function(item){
																if(trim(item) != trim(div.title) && trim(item) != ''){
																	if(trim(editTags) != ''){
																		editTags += ',';
																	}
																	editTags += trim(item);
																}
															});
															textArea.value = editTags;
		          										}
		          									});
		          								});
	          								}
	          							});
	          						});

	          						//DELETE ACTION
	          						var delBtn =  block.down('.deletePng');
	          						Event.stopObserving(delBtn, 'click');
	          						Event.observe(
	          						delBtn, 'click', function(){
	          							if(confirm('Weet u zeker dat u dit blok wilt verwijderen ?')){
		          							//GET VALUES
			      								var url = '/?page=getblock&delete=true';
			      								url += '&uniqueID=' + block.id;

			      								new Ajax.Request(url, {
			      									method: 'get',
			      									onComplete: function(){
			      										Effect.Shrink(block,{
			      										duration: 1,
			      										//delay: 0.2,
										          		afterFinish: function() {
										          			block.remove();
										          			}
			      										});
			      									}
			      								});
		          							}
	          							}
	          						)

	          						//CANCEL BTN
	          						var cancelBtn = block.down('.cancelButton');
	          						Event.stopObserving(cancelBtn, 'click');
		      						Event.observe(
		      						cancelBtn, 'click', function() {

									Effect.toggle(block, 'Slide',{
								          		//delay: 0.2,
								          		afterFinish: function() {
								          			/*add loader effect*/
								          			url = '?page=getblock&uniqueID='+block.id + '&resolve=true'
								          			var divLoader =  new Element('div').addClassName('ajaxLoader');
	            									block.insert({before: divLoader});
								          			block.hide();
				          							new Ajax.Updater(block, url, {
				          								method : 'get',
				          								evalScripts: 'true',
				          								onComplete: function(){
				          									/*remove loader effect*/
				          									divLoader.remove();
				          									Effect.toggle(block, 'blind');
//				          									if(block.down('.newId').value){
//				          										block.id = block.down('.newId').value;
//				          									}
				          									//!! Reinit class !!//
														      var settings = {};
															  var portal;
															  function init() {
															    portal = new Portal();
															    portal.applySettings(settings);
															  }
															  init();
				          								}

				          							});
									          	}
								          	});

		      						}

		      						);

		          					//SAVE ACTION
		          					var saveBtn =  block.down('.saveButton');
		          					Event.stopObserving(saveBtn, 'click');
		      						Event.observe(
		      						saveBtn, 'click', function() {
		      							//GET VALUES
		      								var url = '/?page=getblock';

		      								//(block type )
					          				var blockType 	= block.down('.choose_bloktype').down('.activeType');
					          				if(blockType){
					          					blockType 			= blockType.title;
					          					url += '&templateID=' + blockType;
					          				}

		          							//(tags)
		          							var tags = block.down('.editTags').value;
		          							if(tags){
		          								url += '&tags=' + tags;
		          							}
					          				//(content sources active)
		          							var editContentSrcs 	= block.down('.content_bronnen');
		          							editContentSrcs 		= editContentSrcs.select('.checked');

		          							if(editContentSrcs){
		          								var catValues = '';
		          								editContentSrcs.each(
		      										function (editContentSrc) {
		      											if(editContentSrc.title){
			          										catValues += editContentSrc.title + ',';
		      											}
		          									});
		          									url += '&categories=' + catValues;
		          							}
		          							//(content sources default)
		          							var editContentSrcs 	= block.down('.content_bronnen');
		          							editContentSrcs 		= editContentSrcs.select('.default');
		          							if(editContentSrcs){
		          								var catValues = '';
		          								editContentSrcs.each(
		      										function (editContentSrc) {
		      											if(editContentSrc.title){
			          										catValues += '-'+editContentSrc.title + ',';
		      											}
		          									});
		          									url += '&def_categories=' + catValues;
		          							}
		          							//(cat_tags)
		          							var editCatTags 		= block.down('.categorieen');
		          							editCatTags 			= editCatTags.select('.checked');

		          							if(editCatTags){
		          								var catTagValues ='';
		          								editCatTags.each(
		      										function (editCatTag) {
		      											if(editCatTag.title){
			          										catTagValues += editCatTag.title + ',';
		      											}
		          									});
		          									url += '&cat_tags=' + catTagValues;
		          							}
		          							//(uniqueId)
		          							if(block.id){
		          								url += '&uniqueID=' + block.id;
		          							}
		          							//(titel)
		          							var blokTitle = block.down('.blok_title').value;
		          							if(blokTitle) {
		          							    url += '&bloktitle=' + blokTitle;
		          							}

		          							//(records)
		          							var blokRecords = block.down('.records').value;
		          							if(blokRecords) {
		          							    url += '&records=' + blokRecords;
		          							}

											Effect.toggle(block, 'Slide',{
								          		//delay: 0.2,
								          		afterFinish: function() {
								          			/*add loader effect*/
								          			var divLoader =  new Element('div').addClassName('ajaxLoader');
	            									block.insert({before: divLoader});
								          			block.hide();
				          							new Ajax.Updater(block, url, {
				          								method : 'get',
				          								evalScripts: 'true',
				          								onComplete: function(){
				          									/*remove loader effect*/
				          									divLoader.remove();
				          									Effect.toggle(block, 'blind');
				          									if(block.down('.newId').value){
				          										block.id = block.down('.newId').value;
				          									}
				          									//!! Reinit class !!//
														      var settings = {};
															  var portal;
															  function init() {
															    portal = new Portal();
															    portal.applySettings(settings);
															  }
															  init();
				          								}

				          							});
									          	}
								          	});
		      						});
	          					}
	          			});
	          		}
	          	});
	          },
	          false
	        );
        }

      }.bind(this)
    );
  },

  setOptions: function (options) {
    this.options = {
      portal: 'portal',
      column: 'portal-column',
      block: 'block',
      content: 'content',
      handle: 'top',
      hoverclass: 'block-hover',
      toggle: 'block-toggle',
      blocklistlink: 'portal-block-list-link',
      blocklisthandle: 'block-list-handle',
      saveurl: '/?page=saveposition&'
    }
    Object.extend(this.options, options || {});
  },

  applySettings: function (settings) {
    for (var container in settings) {
      settings[container].each(function (block) {
        $(container).appendChild($(block));
      });
    }
  }
}
function changeTopClass(obj)
{
	var state;

	if(obj.hasClassName('checked'))
	{
		obj.removeClassName('checked');
		obj.addClassName('unchecked');
		return false;

	}
	if(obj.hasClassName('unchecked'))
	{
		obj.removeClassName('unchecked');
		obj.addClassName('checked');
		return false;

	}
}