$('#menu').click(function (event){
		event.preventDefault();
		$('#ul_menu').toggle();
});	
	
var	bgs = [];
	
		bgs[0]  = "FG_002.jpg";
		bgs[1]  = "FG_003.jpg";
		bgs[2]  = "FG_004.jpg";
		bgs[3]  = "FG_007.jpg";
		bgs[4]  = "FG_009.jpg";
		bgs[5]  = "FG_011.jpg";
		bgs[6]  = "FG_016.jpg";
		bgs[7]  = "G_003.jpg";
		bgs[8]  = "G_004.jpg";
		bgs[9]  = "G_006.jpg";
		bgs[10] = "G_008.jpg";
		bgs[11] = "G_022.jpg";
		bgs[12] = "G_023.jpg";
		bgs[13] = "G_024.jpg";
		
var	bgs_cc = 14;

var	site_url = "http://thewinebar.ru/"

$(function (){
	var wrapper = $('div.wrapper');
	var imageContainer = $("div#img-container");
	var expander = $("a#expander");
	var contentContainer = $("div.contentarea");
	var content = $("div#content");
	var contentCnt = content.find('div.container');
	var left = $('div.left');

	var scrollUp = $('span.scroll-up');
	var scrollDown = $('span.scroll-down');

	var ww = wrapper.width();
	
	setWrapperPos();
	
	//begin
	$(window).resize(function()
	{
		setWrapperPos();
	});
	
	function setWrapperPos()
	{
	   var height = document.body.clientHeight;
     //alert(height);
     if(height > 660)
     {
       wrapper.css("marginTop", Math.ceil((height-660) /2)+"px"); 
       $('body').css("overflow-y", 'hidden');
      // wrapper.css("height", 660+"px");
     }
     else
     {
      // wrapper.css("height", height+"px");
      wrapper.css("marginTop", "0px");
      $('body').css("overflow-y", 'auto');
      // $('body').css("paddingTop", "0px");
     }     
     
  	}
	//end

	loadPage();
	
	function loadPage()
	{
		var url = window.location.pathname;

      var en = 0;
      var fr = 0;
      
      if (url.indexOf('/en/')!=-1)
      {      
         en = 1;
         url = url.replace("/en/","/");
      }

      if (url.indexOf('/fr/')!=-1)
      {      
         fr = 1;
         url = url.replace("/fr/","/");
      }
		
		if (url=='/')
         url = "/about.html";
		
		url = "pages" + url;

		var imgSrc = '/gallery/full/' + bgs[Math.floor(Math.random()*(bgs_cc))];
				
		if ((url == 'pages/menu.html') ||
			(url == 'pages/breakfast.html') ||
			(url == 'pages/lunch.html'))
				while (!(imgSrc.indexOf('FG') +1))
					imgSrc = '/gallery/full/' + bgs[Math.floor(Math.random()*(bgs_cc))];		
				
		if (url == 'pages/wine.html')
			imgSrc = '/gallery/full/' + bgs[10];
			
		if (url == 'pages/drinks.html')
			imgSrc = '/images/wine.jpg';
						
		if (url == 'pages/contacts.html')
			imgSrc = '/images/map.jpg';						

		if ((url == 'pages/contacts.html') && (en == 1))
			imgSrc = '/images/map_en.jpg';
			
		if ((url == 'pages/contacts.html') && (fr == 1))
			imgSrc = '/images/map_fr.jpg';

		imgSrc =  site_url + imgSrc;
												
      if ((url=="pages/about.html")  || 
          (url=="pages/gallery.html")||
          (url=="pages/contacts.html"))
          cw = 400;
      else
          cw = 660;
          
		$("div#content div.container").css("width", cw-20+"px")

		var preloader = new Image();
		imageContainer.empty();
		
		preloader.onload = function ()
		{
			var image = $("<img />")
				.attr({src: imgSrc, alt: ''})
				.appendTo(imageContainer);
			var icw = imageContainer.width();
			var ww = wrapper.width();

			imageContainer
				.stop()
				.css({right:(ww-230)+"px"})
				.animate({right: "0px"}, 600);
		}
		
		preloader.src = imgSrc;

		contentContainer
			.stop()
			.css({left: (-(cw-230))+"px", width: cw+"px"})
			.animate({left: "230px"}, 600);
   
    var ww = wrapper.width();
		expander
			.stop()
			.css({right: (ww-230)+"px"})
			.animate({right: "0px"}, 600);

		var imgsLoaded = 0;
		var imgsCount = contentCnt.find('img').length;
					
		if (!imgsCount)
		{
			assingControls();
		}
		
		contentCnt.find('img').each(function ()
		{
			$(this).load(function ()
			{
				imgsLoaded++;
				if (imgsLoaded==imgsCount) 	assingControls();
			});
		})

		if (url == 'pages/contacts.html')
			$('.scroller').hide();
		else
			$('.scroller').show();

	}

	function assingControls()
	{
		var h = contentCnt.height();
		var ch = content.height();
		var target = ch-h;

		var ht = contentCnt.position().top;
		var cch = contentContainer.height();
		var sh = $(".scroller").height();

		contentCnt.css('top', '0');
		scrollUp.unbind('mouseover mouseout');
		scrollDown.unbind('mouseover mouseout');
				
		var result = cch-(h+ht+sh*2);
				
		if (result<0)
		{
			scrollDown
				.bind('mouseover', function()
				{
					var duration = (-parseInt(contentCnt.css('top').replace('px', '')) )*3;
					contentCnt.stop().animate({top:0}, duration, 'linear');
				})
				.bind('mouseout', function ()
				{
					contentCnt.stop();
				});
		}
		
		if (result<0)
		{
			scrollUp
				.bind('mouseover', function()
				{
					var duration = (parseInt(contentCnt.css('top').replace('px', '')) - result)*3;
					contentCnt.stop().animate({top:result}, duration, 'linear');					
				})
				.bind('mouseout', function ()
				{
					contentCnt.stop();
				});
		}


		if (contentCnt.find('div.thumbs').get(0))
		{
			contentCnt
				.find('a.thum')
					.each(function ()
					{
						var self = $(this);
						self.append(
							$('<span />')
								.addClass('overlay')
								.css({width: self.width()+"px", height: self.height()+"px", opacity: 0.3}))
					}).hover(function (){
						$(this).find('span.overlay').stop().animate({opacity: 0}, 200);
					}, function (){
						$(this).find('span.overlay').stop().animate({opacity: 0.3}, 200);
					}).click(function (e)
					{
						e.preventDefault();
						var imgSrc = $(this).attr("href");
						var preloader = new Image();
						imageContainer.empty();
						preloader.onload = function ()
						{
							var image = $("<img />")
								.attr({src: imgSrc, alt: ''})
								.appendTo(imageContainer);
							var icw = imageContainer.width();

							imageContainer
								.stop()
								.css({left:(-(icw-230))+"px"})
								.animate({left: (ww-icw)+"px"}, 600);
						}
						preloader.src = imgSrc;

						unexpand();

					});					
		}
	}

	expander.click(function(){
		if (expander.hasClass('expanded'))
		{
			expand();
		}
		else
		{
			unexpand();
		}
	});

	function expand()
	{
		expander.removeClass('expanded');
		contentContainer
			.stop()
			.animate({left:"230px"}, 600);
		left
			.stop()
			.animate({left: 0});
	}
	
	function unexpand()
	{
		expander.addClass('expanded');
		
		var ww = $("div.wrapper").width();
		var cw = contentContainer.width();
		
		if (ww<1024)
			ww = 1024;
			
		cw = cw + (1040-ww);
				
		contentContainer
			.stop()
			.animate({left:(50-cw)+"px"}, 600);
		left
			.stop()
			.animate({left: "0px"});
	}
});