function coordinateColRows () {
	var firstColBoxes = $('.colContent .colLeft').eq(0).children();
	var secondColBoxes = $('.colContent .colLeft').eq(1).children();
	var boxAmount = (firstColBoxes.length > secondColBoxes.length) ? firstColBoxes.length : secondColBoxes.length;
	
	for( i=0; i < boxAmount; i++ ) {
		if( firstColBoxes.eq(i).height() > secondColBoxes.eq(i).height() ) {
			secondColBoxes.eq(i).height(firstColBoxes.eq(i).height());
		} else {
			firstColBoxes.eq(i).height(secondColBoxes.eq(i).height());
		}
	}
}


		
function gfxSelectBox() {
	
	var gfxSelect = false;
	var optionList = false;
	
	this.Init = function(id)  {
		gfxSelect = $(id);
		optionList = gfxSelect.find('div.holder');
		
		// JavaScript on/off 
		gfxSelect.find('.select').css('display', 'none');
		gfxSelect.find('.gfxSelectBox').css('display', 'block');
		
		// options auslesen
		option = ''; 
		gfxSelect.find('option').each(function (i) {
			option += '<li><a href="' + $(this).attr('value') + '">' + $(this).text() + '</a></li>';
		});
		option = '<ul>' + option + '</ul>';
		
		// onclick auf Links in der Liste
		gfxSelect.find('div.holder').find('.scroll-pane').html(option).find('a').click(function (event) { 
			toPage(event);
		});	
		
		// onclick auf DropDown
		gfxSelect.find('div.gfxSelectBox').bind('click', function(event) {
			if($(event.target).parent('div.gfxSelectBox')) {
				if($(event.target).is('div.jScrollPaneDrag')) {
					return false;
				}
				/*
				$(event.target).parents().each(function(i){
					console.log(event.target.className);
					if(event.target.className == 'jScrollPaneTrack' || event.target.className == 'jScrollPaneDrag') {
						return false;
					}
				});	
				*/
				displayList(event);
				return false;	
			}
		});
		
		// onclick auf Body
		$('body').bind('click', function(event) {
			$(event.target).parents().each(function(i){
				if($(this).is('div.gfxSelectBox')) {
					return;
				}	
			});	
			bodyEvent(event);
		});										
	}
	
	function toPage(event) {
		location.href = event.target.href;
	}
	
	function displayList (event) {
		if(optionList.css('visibility') == 'visible') {
			optionList.css('visibility', 'hidden');
		}
		else {
			optionList.css('visibility', 'visible');
		}
	}
	
	function bodyEvent (event) {
		optionList.css('visibility', 'hidden');
	}
	
	
}