<?

##################################### Backend #####################################

$cfg['photo_folder_path'] = "../../photo"; 
$cfg['photo_folder_http'] = "http://www.hornsandhorseshoes.co.uk/photo";
$cfg['page_title'] = "Horns &amp; Horseshoes";
$cfg['no_file_msg'] = "No file";
$cfg['no_folder_msg'] = "No folder";

// admin login info
$cfg['user_login'] = "mntjhaley@yahoo.co.uk";
$cfg['user_password'] = "tottenham01";
 
//set thumbnail width
$cfg['thumb_default_width'] = 180;
//set thumbnai height
$cfg['thumb_default_height'] = 135;
//set enlarged width
$cfg['large_default_width'] = 1024;
//set enlarged height
$cfg['large_default_height'] = 768;

$cfg['js_msg']['remove_image_warn_msg'] = "Are you sure to remove this image?";
$cfg['js_msg']['editing_warn_msg'] = "You are currently editing a file, please finish that one first.";
$cfg['js_msg']['leave_editing_warn_msg'] = "You are currently editing a file. Abandon changes?";
$cfg['js_msg']['remove_cat_msg'] = "Are you sure to remove this folder? All files inside this folder will be removed permanently";
$cfg['js_msg']['invalid_name_msg'] = "Invalid Name";
$cfg['js_msg']['select_folder_msg'] = "Please select a folder";
$cfg['js_msg']['select_image_msg'] = "Please select an image";
$cfg['js_msg']['delete_selected_image'] = "Are you sure to remove the selected image(s)?";
$cfg['js_msg']['upload_image_msg'] = "Uploading, please wait...";
$cfg['js_msg']['loading_msg'] = "Loading...";

$cfg['memory_limit'] = "200M";
$cfg['upload_max_filesize'] = "10M";

##################################### Frontend #####################################

##################################
# View type 1 start
##################################
//set opacity of small photos
$cfg['frontend_config1']['po'] = 1;

//set padding between photos
$cfg['frontend_config1']['pp'] = 14;

//fine tune gallery_wrapper top margin
$cfg['frontend_config1']['gwt'] = 0;

//fine tune gallery_wrapper left margin
$cfg['frontend_config1']['gwl'] = 15;

//set small thumbnail width
$cfg['frontend_config1']['s_width'] = 105;

//set small thumbnai height
$cfg['frontend_config1']['s_height'] = 79;

//set enlarged thumbnail width
$cfg['frontend_config1']['b_width'] = 180;

//set enlarged phot height
$cfg['frontend_config1']['b_height'] = 135;

//gallery slideshow setting
$cfg['frontend_config1']['CBss'] = false;
$cfg['frontend_config1']['CBspeed'] = 5000;

//frontend record per page
$cfg['frontend_config1']['f_rpg'] = 24;

//set frontend image order by name or time uploaded
$cfg['frontend_config1']['f_order'] = "time";
##################################
# View type 1 end
##################################

##################################
# View type 2 start
##################################
//set opacity of small photos
$cfg['frontend_config2']['po'] = 0.5;

//set padding between photos
$cfg['frontend_config2']['pp'] = 12;

//fine tune gallery_wrapper top margin
$cfg['frontend_config2']['gwt'] = 50;

//fine tune gallery_wrapper left margin
$cfg['frontend_config2']['gwl'] = 25;

//set small thumbnail width
$cfg['frontend_config2']['s_width'] = 34;

//set small thumbnai height
$cfg['frontend_config2']['s_height'] = 34;

//set enlarged thumbnail width
$cfg['frontend_config2']['b_width'] = 180;

//set enlarged phot height
$cfg['frontend_config2']['b_height'] = 180;

//gallery slideshow setting
$cfg['frontend_config2']['CBss'] = false;
$cfg['frontend_config2']['CBspeed'] = 5000;

//frontend record per page
$cfg['frontend_config2']['f_rpg'] = 60;

//set frontend image order by name or time uploaded
$cfg['frontend_config2']['f_order'] = "name";
##################################
# View type 2 end
##################################

##################################
# View type 3 start
##################################
//set opacity of small photos
$cfg['frontend_config3']['po'] = 1;

//set padding between photos
$cfg['frontend_config3']['pp'] = 0;

//fine tune gallery_wrapper top margin
$cfg['frontend_config3']['gwt'] = 0;

//fine tune gallery_wrapper left margin
$cfg['frontend_config3']['gwl'] = 30;

//set small thumbnail width
$cfg['frontend_config3']['s_width'] = 150;

//set small thumbnai height
$cfg['frontend_config3']['s_height'] = 90;

//set enlarged thumbnail width
$cfg['frontend_config3']['b_width'] = 180;

//set enlarged phot height
$cfg['frontend_config3']['b_height'] = 180;

//gallery slideshow setting
$cfg['frontend_config3']['CBss'] = false;
$cfg['frontend_config3']['CBspeed'] = 5000;

//frontend record per page
$cfg['frontend_config3']['f_rpg'] = 24;

//set frontend image order by name or time uploaded
$cfg['frontend_config3']['f_order'] = "time";
##################################
# View type 3 end
##################################

##################################
# View type 4 start
##################################
//set opacity of small photos
$cfg['frontend_config4']['po'] = 0.8;

//set padding between photos
$cfg['frontend_config4']['pp'] = 11;

//fine tune gallery_wrapper top margin
$cfg['frontend_config4']['gwt'] = -20;

//fine tune gallery_wrapper left margin
$cfg['frontend_config4']['gwl'] = 22;

//set small thumbnail width
$cfg['frontend_config4']['s_width'] = 20;

//set small thumbnai height
$cfg['frontend_config4']['s_height'] = 130;

//set enlarged thumbnail width
$cfg['frontend_config4']['b_width'] = 180;

//set enlarged phot height
$cfg['frontend_config4']['b_height'] = 180;

//gallery slideshow setting
$cfg['frontend_config4']['CBss'] = false;
$cfg['frontend_config4']['CBspeed'] = 5000;

//frontend record per page
$cfg['frontend_config4']['f_rpg'] = 60;

//set frontend image order by name or time uploaded
$cfg['frontend_config4']['f_order'] = "name";
##################################
# View type 4 end
##################################


?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Horns and Horseshoes</title>

<link href="includes/css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <!-- reset -->
<link href="includes/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="includes/js/jquery.js"></script>
<script src="includes/colorbox/jquery.colorbox.js"></script>

<link type="text/css" media="screen" rel="stylesheet" href="includes/colorbox/colorbox.css" />

<link rel="stylesheet" type="text/css" href="css/styles.css" />


<style type="text/css">
body {
	background-image: url(images/woodenpanelsnarrow.jpg);
	background-repeat: no-repeat;
	background-position:top;
}

</style></head>


<script language="Javascript">
$(document).ready(function(){
	
	applyFrontendEffect();
		
});
function changeView(type)
{
	$('#view_type').val(type);
	$('#recordPerPage').val('');
	$('#pageNo').val('');
	document.form1.submit();
}
function applyFrontendEffect()
{
		var p_left = (b_width - s_width) / 2;
	var p_top = (b_height - s_height) / 2;
	
	$('.thumb').css({'left':p_left  +'px','top':p_top  +'px','height':s_height +'px','width':s_width +'px','opacity':po});
	$('.photo').css({'margin-top':(p_top * -2) + pp +'px','margin-left':(p_left * -2) + pp +'px','height':b_height +'px','width':b_width +'px'});
	$('.gallery_wrapper').css({'margin-top':gwt +'px','margin-left':p_left - pp + gwl +'px'});
		
	//enlarge thumbnail and show pic title
	$('.thumb')
		.hover(function(){
			$(this)
				.stop()
				.animate({
					width: b_width,
					height: b_height,
					top: 0,
					left: 0,
					opacity: 1
				},300);
			$(this).css("z-index" , "2");
			
		var pT = $(this).parent().attr('pictitle');	
		$(this).parent().append('<div class="name_box">' + pT + '</div>');	
				
		$('.name_box').fadeIn('slow');
		$('.name_box').fadeTo('10',0.9);
		
		$(this).parent().mousemove(function(e) {
		
		 e=e || window.event;
	
		$('.name_box').css({'top':e.pageY+30,'left':e.pageX-5});
		});
		
			
		},
		function(){
			$(this)
				.stop()
				.animate({
					width: s_width,
					height: s_height,
					top: p_top +'px',
					left: p_left +'px',
					opacity: po
				},100);
			$(this).css("z-index" , "1");
			
			$(this).parent().children('.name_box').remove();
		});
		
		
	//show hide category list					   
			
		$("ul.category_list").hide(); 
		$(".category .box .current a").click( 
			function () {
				$("ul.category_list").slideToggle("normal");
				return false;
			}
		);	
	
		//Original soruce from: http://colorpowered.com/colorbox/
		$("a[rel='colorbox']").colorbox({slideshow:CBss , slideshowSpeed:CBspeed ,title: function(){
    		var CBpT = $(this).attr('pictitle');
    		return CBpT;
		}});
}
</script>


<body>

   <!-- Begin Wrapper -->
   <div id="wrapper">
   
         <!-- Begin Header -->
         <div id="header"><img src="images/logo.gif" alt="The Horns and Horseshoes" width="922" height="165" /></div>
		 <!-- End Header -->
		 
		 <!-- Begin Naviagtion -->
         <div id="navbar">
		 
         <ul class="navigation1">
 <li><a href="http://www.hornsandhorseshoes.co.uk/index.php" title="HOME">HOME</a></li>
 <li><a href="http://www.hornsandhorseshoes.co.uk/menu.php" title="MENU">MENU</a></li>
 <li><a href="http://www.hornsandhorseshoes.co.uk/events.php" title="EVENTS">EVENTS</a></li>
 <li><a href="http://www.hornsandhorseshoes.co.uk/gallery.php" title="GALLERY">GALLERY</a></li>
 <li><a href="http://www.hornsandhorseshoes.co.uk/location.php" title="LOCATION">LOCATION</a></li>
 <li><a href="http://www.hornsandhorseshoes.co.uk/contactus.php" title="CONTACT US">CONTACT US</a></li>
</ul></div>
		 <!-- End Naviagtion -->
		 
		
<!-- Begin Content -->
		 <div id="content">
         <div id="main_content">
           <p class="bodytext">&nbsp;</p>
           <p class="bodytext">&nbsp;</p>
<h1 class="headings">Gallery</h1>

		   <form  method="get" name="form1" id="form1" action="index.php">
<script type="text/javascript" src="includes/js/script.js"></script>

<!-- content_wrapper start -->
<div class="content_wrapper">
<!-- gallery_wrapper start -->
<div class="gallery_wrapper">