var config = {
	domain:		'romelu-lukaku.com',
	toggleSpeed: 180,
	slideSpeed:  400,
	slideDelay:  1000
}

windowHeight = $(window).height();
windowWidth  = $(window).width();

var slideshow = $('ul.slideshow');
var pics = slideshow.find('img');

function slidePhotoIn(slider, content) {
		content.animate({ left: 0 }, config.slideDelay);
		slider.show().delay(config.slideDelay).animate({
			left:	"5%"
		}, config.slideSpeed)
}

function slidePhotoOut(slider, content, location) {
	slider.animate({
		left: windowWidth
	}, config.slideSpeed, 'easeInExpo', function() {
		window.location = location;
	});
	content.animate({
		left: windowWidth
	}, config.slideSpeed, 'easeInExpo');
}

$.fn.loadScollPane = function() 
{
		$(this).css({ height: .4 * windowHeight }).jScrollPane({ reinitialiseOnImageLoad: true, maintainPosition: true });
		return $(this);
}

jQuery(function($) {
	
	var scrollPane = $('.scroll-pane');
	scrollPane.loadScollPane();
	
	$(window).resize(function() {
		windowHeight = $(window).height();
		scrollPane.loadScollPane()
	});
	
	var slider = $('div#photo');
	var content = $('#content');
	
	content.css({
		position: "relative",
		left: windowWidth + content.width()
	})
	
	slider.css({
		left: -slider.width()
	})
	
	slidePhotoIn(slider, content);

	var menu = $('#main_menu > ul');
	var smenus = menu.find('ul.submenu');
	var triggers = smenus.prev('a');
	
	smenus.hide();
	triggers.each(function(i, item) {
		$(this).click(function(ev) {
			ev.preventDefault();
			var smenu = $(smenus[i]);
			if (smenu.is(':visible'))
			{
				smenu.slideToggle(config.toggleSpeed);
				$(this).blur();
			}
			else
			{
				smenus.filter(':visible').slideUp(config.toggleSpeed);
				smenu.slideToggle(config.toggleSpeed);
			}
		});
	})
	
	menu.find('a').not(triggers).click(function(ev) {
		if ($(this).attr('target') != '_blank')
		{
			ev.preventDefault();
			var location = $(this).attr('href');
			slidePhotoOut(slider, content, location);
		}
	})
	
	menu.find('a img').each(function(i, item) {
		var img = $(item);
		var src = img.attr('src');
		
		var newSrc = src.substr(0, src.length - 4) + '2.jpg';
		
		img.hover(function() {
			img.attr('src', newSrc);
		}, function() {
			img.attr('src', src);
		})
	})
	
	$('ul.clearbox a').fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	true
	})
	
	$('a.fancybox').fancybox({ titleShow: false });
})