var cyril = {
		cat: "portrait",
		catColor : "#000",
		bg :	{ 	
			"portrait": "#111",
			"community": "#111",
			"performance": "#111",
			"commission": "white"				},
		Choose: function (NewCategory) { 
			this.cat = NewCategory;
			//this.infoBox = null;
			//this.infoBox = new Boxy.load( "info_"+this.cat+".html", {show: false} );
			//this.catColor = this.bg[NewCategory];
			$('html, body, div#desktop, div#thumbs, div#display').css( { backgroundColor: this.bg[NewCategory] }  );
			$('html').scrollTop(0);
			$('div#comment p').hide();
			$('div#comment p.'+this.cat).fadeIn('slow');
										}
				};

				
				
// Initialisation code here, called when page is loaded.

function InitCyril() {


function onBeforeSlide (currSlideElement, nextSlideElement, options, forwardFlag ) {

	var thumb = $('ul.'+cyril.cat+' li img[value="' + options.currSlide + '"]');

	
	$(thumb).removeClass('highlighted');
	$(thumb).fadeTo('slow',0.8);
	
	shadowColor('ul.thumbs li img');

	if (usingIE) {
		$('ul.thumbs li img').css("border", "1px solid " + cyril.bg[cyril.cat]);
		};
	
};

function shadowColor(select, newColor )  {
	
	if (!(newColor)) { newColor = "#333" };
	
	$(select).css( {								// for all selected items
		"-moz-box-shadow": "3px 3px 4px " + newColor,
		"box-shadow": "3px 3px 4px " + newColor,
		"-webkit-box-shadow": "3px 3px 4px " + newColor } );

};

										
function onAfterSlide (currSlideElement, nextSlideElement, options, forwardFlag ) {
	
	var index = options.currSlide;
	
	var thumb = $('ul.'+cyril.cat+' li img[value="' + index + '"]');

	$(thumb).addClass('highlighted');
	$(thumb).fadeTo('fast',1.0);
	
	shadowColor( thumb, "orange");
	if (usingIE) {
		$(thumb).css("border", "1px solid orange");
		};
		
	if (!usingIE) {

		var p = thumb.offset();
			//$('p#signature').text("top="+p.top);
			try {
					$.scrollTo( (p.top - 140) + "px", 500 );
				}
			finally {};
		};
		
	
};
		
	newCat="";
	/*infoBox = new Boxy( '<p class="furtherinfo"><h3>Portrait Photography Pricing</h3><p class="furtherinfo">Sitting fee is &pound;75. This price includes one A5 enlargement. The session will usually last around 2 hours.<br />I photograph people in the environment of the home and garden or at an outdoor location of their choice that might be of relevance to them. <br />Prior to the photographic session, we will be discussing your requirements as well as me offering suggestions, for instance on clothing, backgrounds etc.<br />A few days after the session, you will be invited to view a selection of the edited photographs on a large computer screen.<br />I provide a complimentary CD of all the selected images available to view on enlargement orders over &pound;80.<br /><br />Enlargements: (Printed on Innova acid free, archival matt paper)<br />A5 (21cm x 15cm): &pound;20<br /> A4 (30cm x 21cm): &pound;30<br />A3 (43cm x 30cm): &pound;40<br /> A3+ (60.5cm x 43cm): &pound;50<br />(Mounting, framing as well as creative multiple printing also available).</p><h3>Gallery</h3><p class="furtherinfo">All the works displayed in the gallery are available as <strong>limited edition</strong> prints.<br /><br />Prices are: &pound;25 for A3 or &pound;40 for A2. Most images are limited to 25 prints.</p><h3>Performances</h3><p class="furtherinfo">Cyril has had various commissions to photograph music festivals,<br />including Glastonbury, Nailstock and many more.</p><h3>Community Projects</h3><p class="furtherinfo">Cyril is happy to be involved in many varied community projects which he does<br />at a much reduced rate. Please feel free to contact him to discuss any projects/ideas you may have...</p></p>',	
	cyril.infoBox = new Boxy('<p>empty!</p>',
			{title: 'Further Information and Pricing', 
			 show: false,
			 center: false,
			 x: 100,
			 y: 100
			 }); */
	

	$('ul.thumbs li img').click( function() {
		pic=$(this).attr('value');
		$('div#gallery_'+cyril.cat).cycle(parseInt(pic));
			});
	
	$(window).resize(function() {
		$('div#thumbs').css("width", Math.min( $(window).width() - 700, 420  ) );
		/*if (cyril.infoBox) {
			cyril.infoBox.moveTo(100,100);
			cyril.infoBox.resize( $(window).width() - 200, null );		
			};*/
								});
	
	$('a.menu').click(function(event) { 
		$('a.menu').css('color','#111');
		$('a.menu').css("text-shadow", "1px 1px 2px #aaa"); 

		$(this).css('color','white');
		$(this).css("text-shadow", "1px 1px 2px #fff"); 

		shadowColor('ul.thumbs li img');		//remove orange shadow (back to grey)
		$('div.gallery').cycle('stop');

		newCat=$(this).attr('name');
		cyril.Choose( newCat );
		$('div.gallery').hide();
		$('ul.thumbs').hide();
		$(this).blur();			/* remove focus from selected menu (section) */
		$('ul.'+cyril.cat).fadeIn('slow', function() {
			$('p#signature').fadeIn();
			$('div#gallery_'+cyril.cat).fadeIn('slow');
			$('div#gallery_'+cyril.cat).cycle( {	fx: 'fade',
										speed: 1000,
										timeout: 3500,
										//sync: true,
										fastOnEvent: 1,
										before: onBeforeSlide,
										after: onAfterSlide
										})
		return false;
									});
	});

	//this ¬ color-animating depends on jQuery UI (core) effects. -  "jquery.effects.core.js"
	$('div#menu a.menu').hover( 
		function () { 
			$(this).stop().animate( { color: "#fff" }, 200 ) 
					},
		function () { 
			if (!(cyril.cat==$(this).attr('name'))) {
			$(this).stop().animate( { color: "#000" }, 500 )   
						}
					}
				);
		
	if (usingIE) {
			$('div#comment').css("top", "110px");
		}
	
	$('div#thumbs').hide();			/* make initially hidden  */
	$('div#display').hide();		/* make initially hidden  */

	$(window).resize();
	
	$('div#copyright').fadeTo('slow',0.5);

	$('ul.thumbs li img').fadeTo('fast',0.8);
	
	$('ul.thumbs li img').hover(
		function () { $(this).stop().fadeTo('fast',1.0) },
		function () { $(this).not('.highlighted').stop().fadeTo('slow',0.8) } );
		
	

	$('a.menu[name="'+cyril.cat+'"]').click();

	$('div#blackout').fadeOut('slow');					/* remove black "cover" to allow thumbs & display to show... */
	
	$('div#thumbs').delay(500).fadeIn('slow');
	$('div#display').delay(1000).fadeIn('slow');

	$('a.info').click(function(event) {
		event.preventDefault();
		
		/*cyril.infoBox.moveTo(100,100);
		cyril.infoBox.resize( $(window).width() - 200, null );
		cyril.infoBox.show();*/
		
		Boxy.load('info_'+cyril.cat+'.html', {cache: true, 
			title: 'Information', modal: true, draggable: false, y: 100, x: 100} );
		
		}
		);
	
	
};