$(document).ready(function(){
	$('.gallery li:first-child').addClass('active');

	jQuery(function($) { 
		$('ul.gallery').galleria({
			history   : true, // activates the history object for bookmarking, back-button etc.
			clickNext : true, // helper for making the image clickable
			insert    : '#main_image', // the containing selector for our main image
			onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes

				// fade in the image & caption
				if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
					image.css('display','none').fadeIn(1000);
				}
				caption.css('display','none').fadeIn(1000);

				// fetch the thumbnail container
				var _li = thumb.parents('li');

				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(500,0.3);

				// fade in active thumbnail
				thumb.fadeTo('fast',1).addClass('selected');

				// add a title for the clickable image
				image.attr('title','Next image >>');
			},
			onThumb : function(thumb) { // thumbnail effects goes here
				// fetch the thumbnail container
				var _li = thumb.parents('li');

				// if thumbnail is active, fade all the way.
				var _fadeTo = _li.is('.active') ? '1' : '0.3';

				// fade in the thumbnail when finnished loading
				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);

				// hover effects
				thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
				);
				thumb.click(
					function() {
						$.scrollTo(thumb, 400, {offset: -500, easing:'easeOutQuad'});
						return false;
					}
				)
			}
		});
	});

	
	$.fn.autofill = function(options) {
		var defaults = {
			value: 'fill..'
		};
		var options = $.extend(defaults, options);
		
		return this.each(function() {
			var obj = $(this);
			obj.val(options.value).focus(function() {
				if(obj.val() == options.value) {
					obj.val("");
				}
			}).blur(function() {
				if(obj.val() == "") {
					obj.val(options.value);
				}
			});
		});
	}
	
	jQuery.each(['nume', 'telefon', 'email', 'mesaj'], function(i, val) { 
		$('#' + val).autofill({value: val}); 
	});

	var scroll = {
		init : function() {	
			if (window.addEventListener) {
				window.addEventListener("DOMMouseScroll", this.mouseScroll, false);
			} else {
				document.attachEvent("onmousewheel", this.mouseScroll); 
			}
		},

		mouseScroll : function(e) {
			if (!e) 
				var e = window.event;
			if (e.wheelDelta <= 0 || e.detail>=0) {  
				window.scrollBy(80,0);
			} else  {
				window.scrollBy(-80,0); 
			}
		}
	}

	scroll.init();

        $('.gallery li img.wide').parent().width(620);
	$('.gallery li img.wide').each(function(){
		var ah = $(this).height();
		var ph = $(this).parent().height();
		var mh = (ph - ah) / 2;
		$(this).css('margin-top', mh);		
	});
        var total = $('.gallery li img.wide').size() * 620 + $('.gallery li img:not(.wide)').size() * 420 + 900;
	$('.galleria').width(total);
});