jQuery(document).ready(function($){
	var t = false;
	$('#menu tr td > div').hover(function(){
		if (t) {
			clearTimeout(t);
			$('#menu tr td > div.open').each(function(){$(this).removeClass('open')});
		}
		$(this).addClass('open');
		var sub = $('ul.sub-menu', $(this));
		if (sub.length > 0) {
			$(this).addClass('with-sub');
			var w = sub.width() / 2;
			var tw = $(this).width() / 2;
			var d =  tw - w;
			sub.css({left:d});
			$('a', sub).width(sub.width() - 40);
		}
		sub.hover(function(){
			if (t) {
				clearTimeout(t);
			}
		});
	},function(){
		var o = $(this);
		t = setTimeout(function(){o.removeClass('open');}, 500);
	});
	$('#menu .sub-menu li').hover(function(){
		$(this).addClass('uu');
		var sub = $('ul.sub-menu', $(this));
		var p = $(this).position();
		sub.css({left:$(this).width() - 1, 'top' : p.top}).show();
	}, function(){
		$(this).removeClass('uu');
		$('ul.sub-menu', $(this)).hide();
	});
	$("a[rel^='photo']").prettyPhoto({
		show_title: false,
		theme :'dark_square',
		allow_resize: true,
		overlay_gallery: true,
		markup: '<div class="pp_pic_holder"> \
			<div class="ppt">&nbsp;</div> \
			<div class="pp_top"> \
				<div class="pp_left"></div> \
				<div class="pp_middle"></div> \
				<div class="pp_right"></div> \
			</div> \
			<div class="pp_content_container"> \
				<div class="pp_left"> \
				<div class="pp_right"> \
					<div class="pp_content"> \
						<div class="pp_loaderIcon"></div> \
						<div class="pp_fade"> \
							<a class="pp_close" href="#">Close</a> \
							<div class="pp_hoverContainer"> \
								<a class="pp_next" href="#">next</a> \
								<a class="pp_previous" href="#">previous</a> \
							</div> \
							<div id="pp_full_res">12</div> \
							<div class="pp_details pp_image"> \
								<p class="pp_description"></p> \
								{pp_social} \
							</div> \
						</div> \
					</div> \
				</div> \
				</div> \
			</div> \
			<div class="pp_bottom"> \
				<div class="pp_left"></div> \
				<div class="pp_middle"></div> \
				<div class="pp_right"></div> \
			</div> \
		</div> \
		<div class="pp_overlay"></div>',
		default_width: 900,
		default_height: 700,
		keyboard_shortcuts: false,
		social_tools : '<a href="" id="pp_download_link" target="_blank">Скачать</a>',
		image_markup: '<img id="fullResImage" src="{path}" />'
	});
	jQuery('#gallery').jcarousel({
	});
	initMg('#gallery', $);
	jQuery("#cc").r();
});


function initMg (el, $) {
	var el = $(el);
	$('li', el).each (function(i, v){
		if (i == 0) {
			var src = $('a', $(v)).attr('href');
			$('#photo').hide();
			$('#photo').attr('src', src);
			$('#photo').load(function(){
				$('#loader').hide();
				$('#photo').fadeIn(600);
			});
		}
		$('a', el).click(function(){
			var src = $(this).attr('href');
			if ($('#photo').attr('src') == src) {
			    return false;
			}
			$('#photo').fadeOut(600, function(){
				$('#loader').show();
				$('#photo').attr('src', src);
				$('#photo').load(function(){
					$('#loader').hide();
					$('#photo').fadeIn(600);
				});
			});
			return false;
		});
	});
}
String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); };
