var p4r = {};
p4r.leftSide = '.front .view-display-id-page_1 > .view-content';
p4r.rightSide = '.front .view-display-id-page_1 .attachment';
p4r.activeLeft = 'active-left';
p4r.activeRight = 'active-right';
p4r.linkClass = '.views-field-field-front-link-value';

p4r.activeBg = function(newClass){
	$('body').addClass(newClass);
}

p4r.removeBg = function(newClass){
	$('body').removeClass(newClass);
}


	
$(document).ready(function(){
	$('.front .views-field-field-front-link-value').hide();
	$('.front .view-display-id-page_1 > div').height($(window).height());
	
	$(window).resize(function(){
		$('#page').height($(window).height());
		$('.front .view-display-id-page_1 > div').height($(window).height());
	});
	
	$(p4r.leftSide).hover(
		function(){
			$(this).addClass(p4r.activeLeft);
			$(this).find(p4r.linkClass).show();
			p4r.activeBg('left-active');
		},
		function(){
			$(this).removeClass(p4r.activeLeft);
			$(this).find(p4r.linkClass).hide();			
			p4r.removeBg('left-active');
		}
	).click(function(){
		var linkDestination = $(this).find(p4r.linkClass).find('a').attr('href');
		location.href = linkDestination;
	});
	
	$(p4r.rightSide).hover(
		function(){
			$(this).addClass(p4r.activeRight);
			$(this).find(p4r.linkClass).show();						
			p4r.activeBg('right-active');			
		},
		function(){
			$(this).removeClass(p4r.activeRight);
			$(this).find(p4r.linkClass).hide();						
			p4r.removeBg('right-active');			
		}
	).click(function(){
		var linkDestination = $(this).find(p4r.linkClass).find('a').attr('href');
		location.href = linkDestination;
	});	
});