jQuery.noConflict(); 
jQuery(function() {
			// there's the gallery and the trash
			var jQuerygallery = jQuery('#gallery'), jQueryfirst = jQuery('#first'), jQuerysecond = jQuery('#second'), jQuerythird = jQuery('#third');

			// let the gallery items and stages be draggable
			jQuery('#gallery ul li').draggable({
				//cancel: 'a.ui-icon',// clicking an icon won't initiate dragging
				revert: 'invalid', // when not dropped, the item will revert back to its initial position
				containment: jQuery('#demo-frame').length ? '#demo-frame' : 'document', // stick to demo-frame if present
				appendTo: 'body',
				helper: 'clone',
				cursor: 'move',
				tolerance: 'fit',
				zIndex: '1000',
				opacity: '0.5',
				start: function(ev, ui) {
				 	jQuery(this).fadeOut().css('zIndex','2000');
				  },
				 drag: function(ev, ui) {
				 	jQuery(this).css('zIndex','2000');
				 	//jQuery(this).parent().parent().css('overflow-y','visible')
				  },
				  stop: function(ev, ui) {
				 	jQuery(this).fadeIn().css('zIndex','2000');
				  }  
			});
			// let the stages be droppable, accepting the gallery items
			jQueryfirst.droppable({
				accept: '#gallery ul li,#second ul li,#third ul li',
				activeClass: 'ui-state-highlight',
				drop: function(ev, ui) {
					firstImage(ui.draggable);
				}
			});
			jQuerysecond.droppable({
				accept: '#gallery ul li,#first ul li,#third ul li',
				activeClass: 'ui-state-highlight',
				drop: function(ev, ui) {
					secondImage(ui.draggable);
				}
			});
			jQuerythird.droppable({
				accept: '#gallery ul li,#first ul li,#second ul li',
				activeClass: 'ui-state-highlight',
				drop: function(ev, ui) {
					thirdImage(ui.draggable);
				}
			});
			jQuerygallery.droppable({
				accept: '#first ul li,#second ul li,#third ul li',
				//activeClass: 'ui-state-highlight',
				drop: function(ev, ui) {
					galleryBack(ui.draggable);
				}
			});
			//Reset whole Settings
			jQuery("#resetthis").click(function() {
						window.location.reload();
				return true;
			});
			// FADE IN / FADE OUT / FIRST	
			function firstImage(jQueryitem) {
				jQueryitem.fadeOut(function() {

						var jQuerylist = jQuery('ul',jQueryfirst).length ? jQuery('ul',jQueryfirst) : jQuery('<ul class="gallery ui-helper-reset"/>').appendTo(jQueryfirst);
						jQueryfirst.addClass('nodrop');
						jQueryitem.appendTo(jQuerylist);
						var jQueryprevimg = jQueryitem.prev();
						jQueryprevimg.fadeOut();							
						if (jQueryitem.hasClass('second')) {	
							jQueryprevimg.hide().appendTo(jQuery('ul',jQuerysecond)).removeClass('first').addClass('second').removeClass('third').fadeIn();
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							var jQueryprevuid = jQuery('img',jQueryprevimg).length ? jQuery('img',jQueryprevimg).attr("id") : "";
							jQuery('#firstplace').val(jQueryuid);
							jQuery('#secondplace').val(jQueryprevuid);
						} else if (jQueryitem.hasClass('third')) {
							jQueryprevimg.hide().appendTo(jQuery('ul',jQuerythird)).removeClass('first').removeClass('second').addClass('third').fadeIn();
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							var jQueryprevuid = jQuery('img',jQueryprevimg).length ? jQuery('img',jQueryprevimg).attr("id") : "";
							jQuery('#firstplace').val(jQueryuid);
							jQuery('#thirdplace').val(jQueryprevuid);
							} else {
							jQueryprevimg.hide().prependTo(jQuery('ul',jQuerygallery)).removeClass('first').removeClass('second').removeClass('third').fadeIn().find('img').animate({ height: '80px',width:'80px' });
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							jQuery('#firstplace').val(jQueryuid);
						}
						jQueryitem.addClass('first').removeClass('second').removeClass('third').fadeIn().find('img').animate({ height: '138px',width:'138px' });	
				});
			}
			// FADE IN / FADE OUT / SECOND
			function secondImage(jQueryitem) {
				jQueryitem.fadeOut(function() {
						var jQuerylist = jQuery('ul',jQuerysecond).length ? jQuery('ul',jQuerysecond) : jQuery('<ul class="gallery ui-helper-reset"/>').appendTo(jQuerysecond);
						jQuerysecond.addClass('nodrop');		
						jQueryitem.appendTo(jQuerylist);
						var jQueryprevimg = jQueryitem.prev();
						jQueryprevimg.fadeOut();							
						if (jQueryitem.hasClass('first')) {	
							jQueryprevimg.hide().appendTo(jQuery('ul',jQueryfirst)).addClass('first').removeClass('second').removeClass('third').fadeIn();
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							var jQueryprevuid = jQuery('img',jQueryprevimg).length ? jQuery('img',jQueryprevimg).attr("id") : "";
							jQuery('#secondplace').val(jQueryuid);
							jQuery('#firstplace').val(jQueryprevuid);
						} else if (jQueryitem.hasClass('third')) {
							jQueryprevimg.hide().appendTo(jQuery('ul',jQuerythird)).removeClass('first').removeClass('second').addClass('third').fadeIn();
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							var jQueryprevuid = jQuery('img',jQueryprevimg).length ? jQuery('img',jQueryprevimg).attr("id") : "";
							jQuery('#secondplace').val(jQueryuid);
							jQuery('#thirdplace').val(jQueryprevuid);
							} else {
							jQueryprevimg.hide().prependTo(jQuery('ul',jQuerygallery)).removeClass('first').removeClass('second').removeClass('third').fadeIn().find('img').animate({ height: '80px',width:'80px' });
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							jQuery('#secondplace').val(jQueryuid);
						}
						jQueryitem.addClass('second').removeClass('first').removeClass('third').fadeIn().find('img').animate({ height: '138px',width:'138px' });
				});
			}
			// FADE IN / FADE OUT / THIRD
			function thirdImage(jQueryitem) {
				jQueryitem.fadeOut(function() {
						var jQuerylist = jQuery('ul',jQuerythird).length ? jQuery('ul',jQuerythird) : jQuery('<ul class="gallery ui-helper-reset"/>').appendTo(jQuerythird);
						jQuerythird.addClass('nodrop');
						jQueryitem.appendTo(jQuerylist);
						var jQueryprevimg = jQueryitem.prev();
						jQueryprevimg.fadeOut();
						if (jQueryitem.hasClass('first')) {	
							jQueryprevimg.hide().appendTo(jQuery('ul',jQueryfirst)).addClass('first').removeClass('second').removeClass('third').fadeIn();
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							var jQueryprevuid = jQuery('img',jQueryprevimg).length ? jQuery('img',jQueryprevimg).attr("id") : "";
							jQuery('#thirdplace').val(jQueryuid);
							jQuery('#firstplace').val(jQueryprevuid);
						} else if (jQueryitem.hasClass('second')) {
							jQueryprevimg.hide().appendTo(jQuery('ul',jQuerysecond)).removeClass('first').addClass('second').removeClass('third').fadeIn();
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							var jQueryprevuid = jQuery('img',jQueryprevimg).length ? jQuery('img',jQueryprevimg).attr("id") : "";
							jQuery('#thirdplace').val(jQueryuid);
							jQuery('#secondplace').val(jQueryprevuid);
							} else {
							jQueryprevimg.hide().prependTo(jQuery('ul',jQuerygallery)).removeClass('first').removeClass('second').removeClass('third').fadeIn().find('img').animate({ height: '80px',width:'80px' });
							// IDs austauschen
							var jQueryuid = jQuery('img',jQueryitem).attr("id");
							jQuery('#thirdplace').val(jQueryuid);
						}
						jQueryitem.addClass('third').removeClass('first').removeClass('second').fadeIn().find('img').animate({ height: '138px',width:'138px' });
				});
			}	
			// FADE IN / FADE OUT / GALERY
			function galleryBack(jQueryitem) {
				jQueryitem.fadeOut(function() {
						var jQuerylist = jQuery('ul',jQuerygallery).length ? jQuery('ul',jQuerygallery) : jQuery('<ul class="gallery ui-helper-reset"/>').appendTo(jQuerygallery);
						if (jQueryitem.hasClass('first')) {	
							jQuery('#firstplace').val("");
							jQueryitem.removeClass('first').prependTo(jQuerylist).fadeIn().find('img').animate({ height: '80px',width:'80px' });
						} else if (jQueryitem.hasClass('second')) {
							jQueryitem.removeClass('second').prependTo(jQuerylist).fadeIn().find('img').animate({ height: '80px',width:'80px' });
							jQuery('#secondplace').val("");
						} else if (jQueryitem.hasClass('third')) {
							jQueryitem.removeClass('third').prependTo(jQuerylist).fadeIn().find('img').animate({ height: '80px',width:'80px' });
							jQuery('#thirdplace').val("");
						} else {
							jQueryitem.prependTo(jQuerylist).fadeIn().find('img').animate({ height: '80px',width:'80px' });			
						}
					});
			}
			// CLEAR NODROP
			function clearDrop(jQueryitem) {
				//jQueryitem.addClass("huhu");
			};	
		
		//  SCROLL
		jQuery(".user-radlstar-pi7").scrollable({speed: 10, circular: false,mousewheel: true});
		
		// FORM VALIDATION

	//	jQuery('#wegdamit').validate({
    //	invalidHandler: function(form, validator) {
    //  var errors = validator.numberOfInvalids();
    //  if (errors) {
    //    var message = errors == 1
    //      ? 'You missed 1 field. It has been highlighted'
    //      : 'You missed ' + errors + ' fields. They have been highlighted';
    //    $("div.error span").html(message);
    //    $("div.error").show();
    //  } else {
    //    $("div.error").hide();
    //  }
    //}
	//});
		
		});