window.addEvent( 'domready', function() {
	
	/* marking that jQuery works */
	$$( 'body' ).addClass( "mooTools" );
	
	
	/* nested submenu */
/*	$$( "#submenu > ul > li > a" ).addEvent( "click", function() {
	
		 list item and its class 
		level1 = $( this ).getParent( 'li' );
		
		level1.toggleClass( 'active' );
		
		return false;
		
	});*/
	
/*	$$( "#submenu > ul > li > ul > li > a" ).addEvent( 'click', function() {
		
		level2 = $( this ).getParent( 'li' );
		level2class = level2.get( 'class' );
		
		if ( level2class == 'expanded' ) {
			level2.set( 'class', 'collapsed' );
			return false;
		}
		else if ( level2class == 'collapsed' ) {
			level2.set( 'class', 'expanded' );
			return false;
		}			
	
	});*/
	
	$each( $$( ".itemsOverview .oddItem" ), function( el ) {
	
		c = new Element( 'li', {
						'class': 'clear'
						});
	
		c.inject( el, 'before' );
	
	});
	
	//zoomer();
	
	labelToInput( 'f_s_query' );
	
});

function zoomer () {
	
	$each( $$( 'div.itemsOverview .pic p a' ), function( el )  {
														
		bigPic = new Element( 'img', { 'src': el.get( 'rel' ) } );
		bigPicLink = new Element( 'a', { 'href': el.get( 'href' ) } );
		bigPicContainer = new Element( 'div' ).set( 'class', 'bigPic' );
		
		bigPic.inject( bigPicLink );
		bigPicLink.inject( bigPicContainer );
		bigPicContainer.inject( el.getParent( '.pic' ) );
		
		if( el.get( 'title' ) && el.get( 'title' ) != '' ) {
			bigPicTitle = new Element( 'strong', { 'text': el.get( 'title' ) } );
			bigPicTitle.inject( bigPicContainer );
		}
		
		bigPicContainer.setStyles( { 'top': '-'+((bigPic.getSize().y-169)/2)+'px', 'left': '-'+((bigPic.getSize().x-169)/2)+'px', 'display': 'none' } );
		
		el.addEvent( 'mouseover', function() {
			$( this ).getParent( '.pic' ).getChildren( '.bigPic' )[0].setStyles( { 'z-index': 10000, 'display': 'block'} );
			$( this ).getParent( '.item' ).setStyles( { 'position': 'relative', 'z-index': 9999 } );
		});
		bigPicContainer.addEvent( 'mouseout', function() {
			$( this ).setStyles( { 'z-index': 1, 'display': 'none'} );
			$( this ).getParent( '.item' ).setStyles( { 'position': 'static', 'z-index': 1 } );
		});

	});
}

function labelToInput ( id )
{
	/* input */
	i = $( id );
	
	if( i ) {	
		/* setting default value */
		i.setProperty( 'originalValue', i.getPrevious( 'label[for='+id+']' ).get( 'text' ).toLowerCase() );
		i.set( 'value', i.getProperty( 'originalValue' ) );
		
		/* click on input events */
		i.addEvent( 'focus', function() {
			if ( $( this ).get( 'value' ).toLowerCase() == $( this ).getProperty( 'originalValue' ) ) {
				$( this ).set( 'value', '' );
			}		
		});	
		i.addEvent( 'blur', function() {		
			if ( $( this ).get( 'value' ) == '' ) {
				$( this ).set( 'value', $( this ).getProperty( 'originalValue' ) );
			}		
		});
	}
}

function textToInput ( id, text )
{
	/* input */
	i = $( id );
	
	if ( i ) {
		/* setting default value */
		i.setProperty( 'originalValue', text );
		i.set( 'value', i.getProperty( 'originalValue' ) );
		
		/* click on input events */
		i.addEvent( 'focus', function() {
			if ( $( this ).get( 'value' ).toLowerCase() == $( this ).getProperty( 'originalValue' ) ) {
				$( this ).set( 'value', '' );
			}		
		});	
		i.addEvent( 'blur', function() {		
			if ( $( this ).get( 'value' ) == '' ) {
				$( this ).set( 'value', $( this ).getProperty( 'originalValue' ) );
			}		
		});
	}
}