// CYCLE
$(document).ready(function() {
	$('#slideshow_hirek').before('<div id="slideshow_hirek_nav">').cycle({ 
	    fx:     'fade', 
	    speed:  300,
		timeout: 6000,
		pager: '#slideshow_hirek_nav',
		slideshowTitle: 'slideshow_hirek_nav',
		pause: 1
	});

	$('#header_slideshow').cycle({ 
	    fx:     'fade', 
	    speed:  1000,
		timeout: 6000,
		pause: 1
	});	
	$('#stores_ss').cycle({ 
	    fx:     'fade', 
	    speed:  1000,
		timeout: 3000,
		pause: 1
	});
	$('.art h2').each(function(){
		var h = $('.logo').height();
		$(this).css("lineHeight",h-15+"px")
	});
	$('.stores-list img').each(function(){
		w = $(this).width();
		h = $(this).height();
		margin = (93 - h)/2;
		$(this).css({marginTop:margin});
	});	
	
	$('#menu ul > li').hover(function (){
		$("#menu ul.submenu").stop(false,true);
		$("#menu div.sparkling").stop(false,true);
	});	

	$('#menu_item01').hover(function (){
			$('#menu_item01 ul.submenu').slideDown();
			$('#menu_item01 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item01 ul.submenu').slideUp();
				$('#menu_item01 div.sparkling').fadeOut("slow");
	});
	
	$('#menu_item02').hover(function (){
			$('#menu_item02 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item02 div.sparkling').fadeOut("slow");
	});
	$('#menu_item03').hover(function (){
			$('#menu_item03 ul.submenu').slideDown();
			$('#menu_item03 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item03 ul.submenu').slideUp();
				$('#menu_item03 div.sparkling').fadeOut("slow");
	});
	$('#menu_item04').hover(function (){
			$('#menu_item04 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item04 div.sparkling').fadeOut("slow");
	});	
	$('#menu_item05').hover(function (){
			$('#menu_item05 ul.submenu').slideDown();
			$('#menu_item05 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item05 ul.submenu').slideUp();
				$('#menu_item05 div.sparkling').fadeOut("slow");
	});
	$('#menu_item06').hover(function (){
			$('#menu_item06 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item06 div.sparkling').fadeOut("slow");
	});
	$('#menu_item07').hover(function (){
			$('#menu_item07 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item07 div.sparkling').fadeOut("slow");
	});
	$('#menu_item08').hover(function (){
			$('#menu_item08 div.sparkling').fadeIn("slow");
			},function (){
				$('#menu_item08 div.sparkling').fadeOut("slow");
	});			

	$('#menu_item01').click(function (){ window.location.href = "/the-vaci1"; });
	$('#menu_item02').click(function (){ window.location.href = "/shops"; });
	$('#menu_item03').click(function (){ window.location.href = "/services"; });
	$('#menu_item04').click(function (){ window.location.href = "/location"; });
	$('#menu_item05').click(function (){ window.location.href = "/for-tenants"; });
	$('#menu_item06').click(function (){ window.location.href = "/developer"; });
	$('#menu_item07').click(function (){ window.location.href = "/news"; });
	$('#menu_item08').click(function (){ window.location.href = "/contact"; });
				
	$('#menu_item01 ul.submenu').hover(function (){
		$('#menu_item01 a').addClass('active_sub');
		},function (){
			$('#menu_item01 a').removeClass('active_sub');
	});
	$('#menu_item03 ul.submenu').hover(function (){ $('#menu_item03 a').addClass('active_sub'); },function (){ $('#menu_item03 a').removeClass(); });
	$('#menu_item05 ul.submenu').hover(function (){ $('#menu_item05 a').addClass('active_sub'); },function (){ $('#menu_item05 a').removeClass(); });
	
	$("a.iframe").fancybox({
		'width' : 660,
		'height' : 480
	});
	
	$("a.image").fancybox();

// GALLERY
	
	$('#page_gallery ul').galleria({
		history   : false, // 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) {
				// fade in the image & caption
				image.css('display','none').fadeIn(500);				
				caption.css('display','none').fadeIn(500);
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				// fade out inactive thumbnail
				_li.siblings().children('img.selected').fadeTo(200,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) {
	
			// 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(200);

			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
		 	)
		}
		});
	
});