if($('div.slide')[0]){
	$('#content').css({ clear: "both" });
	var numOfSlide = $('div.slide li').length;
	$('div.slide ul').append('<ol id="slidenav" class="filmstrip"></ol>');
	for(var i = 0, navItems = ''; i < numOfSlide; i++){
		if((i+1) < 10) $('#slidenav').append('<li index="' + (i+1) + '">0'+ (i+1) +'</li>');
		else           $('#slidenav').append('<li index="' + (i+1) + '">' + (i+1) +'</li>');
	}
	$('div.slide ul').eq(0).galleryView({
		panel_width: 540,
		panel_height: 335,
		transition_speed: 700,
		transition_interval: 8000,
		pause_on_hover: true,
		easing: 'easeInOutQuad'
	});
}


$('div.info ul a').eq(0).click(function() { $('body').css({ fontSize: "80%" }); return false });
$('div.info ul a').eq(1).click(function() { $('body').css({ fontSize:   "100%" }); return false });

$('input.searchsub').hover( function(){ $(this).addClass('searchsub-hover')}, function(){ $(this).removeClass('searchsub-hover') });


var ua = navigator.userAgent,  browser, os;
     if(window.opera)          browser = "opera";
else if(window.ActiveXObject){
	     if(/MSIE 6/.test(ua)) browser = "ie ie6 ie6-7";
	else if(/MSIE 7/.test(ua)) browser = "ie ie7 ie6-7";
	else if(/MSIE 8/.test(ua)) browser = "ie ie8";
}
else if(/Firefox/.test(ua)){
	     if(/Firefox\/3\.0/.test(ua)) browser = "ff ff3 ff30 ff2-35";
	else if(/Firefox\/3\.5/.test(ua)) browser = "ff ff3 ff35 ff2-35";
	else if(/Firefox\/3\.6/.test(ua)) browser = "ff ff3 ff36";
}
else if(/Chrome/.test(ua))         browser = "webkit chrome";
else if(/Safari/.test(ua)){
	     if(/Version\/4/.test(ua)) browser = "webkit safari safari4";
	else if(/Version\/5/.test(ua)) browser = "webkit safari safari5";
}
if (/Windows/.test(ua)) os = "win";
else if(/Mac/.test(ua)) os = "mac";
document.documentElement.className = browser + " " + os;

 
if(typeof DD_belatedPNG !== 'undefined'){
	// DD_belatedPNG fix for IE6
	var PNG_fix_selectors = [
			'.slide ul li div',
			'.home-page #content a.greater-2 span',
			'#navigation'
	];
    DD_belatedPNG.fix(PNG_fix_selectors.join(','));
   }


/* ======= GALLERIA INITIALIZATION ======*/
   $(document).ready(function () {

   	$('.gallery_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability

   	$('ul.gallery_demo').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) { // let's add some image effects for demonstration purposes

   			// fade in the image & caption
   			image.css('display', 'none').fadeIn(1000);
   			caption.css('display', 'none').fadeIn(1000);

   			// fetch the thumbnail container
   			var _li = thumb.parents('li');

   			// fade out inactive thumbnail
   			_li.siblings().children('img.selected').fadeTo(500, 0.4);

   			// 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) { // thumbnail effects goes here

   			// fetch the thumbnail container
   			var _li = thumb.parents('li');

   			// if thumbnail is active, fade all the way.
   			var _fadeTo = _li.is('.active') ? '1' : '0.4';

   			// fade in the thumbnail when finnished loading
   			thumb.css({ display: 'none', opacity: _fadeTo }).fadeIn(1500);

   			// hover effects
   			thumb.hover(
					function () { thumb.fadeTo('fast', 1); },
					function () { _li.not('.active').children('img').fadeTo('fast', 0.4); } // don't fade out if the parent is active
				)
   		}
   	});
   });
