$(document).ready(function() {
	// We only want these styles applied when javascript is enabled
	if ($('#thumbs').html() != null) {

				// We only want these styles applied when javascript is enabled
					$('div.content').css('display', 'block');
				
					// Initially set opacity on thumbs and add
					// additional styling for hover effect on thumbs
					var onMouseOutOpacity = 1;
					$('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
						mouseOutOpacity:   onMouseOutOpacity,
						mouseOverOpacity:  1.0,
						fadeSpeed:         'fast',
						exemptionSelector: '.selected'
					});

					// Initialize Advanced Galleriffic Gallery
					var gallery = $('#thumbs').galleriffic({
						delay:                     3000,
						numThumbs:                 12,
						preloadAhead:              10,
						enableTopPager:            false,
						enableBottomPager:         false,
						imageContainerSel:         '#slideshow',
						controlsContainerSel:      '#controls',
						captionContainerSel:       '#caption',
						loadingContainerSel:       '#loading',
						renderSSControls:          false,
						renderNavControls:         true,
						playLinkText:              'Slideshow starten',
						pauseLinkText:             'Slideshow anhalten',
						prevLinkText:              '‹ Vorheriges Foto',
						nextLinkText:              'Nächstes Foto ›',
						nextPageLinkText:          'Vor ›',
						prevPageLinkText:          '‹ Zurück',
						enableHistory:             true,
						autoStart:                 false,
						syncTransitions:           true,
						defaultTransitionDuration: 0,
						onSlideChange:             function(prevIndex, nextIndex) {
							// 'this' refers to the gallery, which is an extension of $('#thumbs')
							this.find('ul.thumbs').children()
								.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
								.eq(nextIndex).fadeTo('fast', 1.0);

							// Update the photo index display
							this.$captionContainer.find('div.photo-index')
								.html('Foto '+ (nextIndex+1) +' von '+ this.data.length);
						},
						onPageTransitionOut:       function(callback) {
							this.fadeTo('fast', 0.0, callback);
						},
						onPageTransitionIn:        function() {
							var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
							var nextPageLink = this.find('a.next').css('visibility', 'hidden');

							// Show appropriate next / prev page links
							if (this.displayedPage > 0)
								prevPageLink.css('visibility', 'visible');

							var lastPage = this.getNumPages() - 1;
							if (this.displayedPage < lastPage)
								nextPageLink.css('visibility', 'visible');

							this.fadeTo('fast', 1.0);
						}
					});

					/**************** Event handlers for custom next / prev page links **********************/

					gallery.find('a.prev').click(function(e) {
						gallery.previousPage();
						e.preventDefault();
					});

					gallery.find('a.next').click(function(e) {
						gallery.nextPage();
						e.preventDefault();
					});

					/****************************************************************************************/

					/**** Functions to support integration of galleriffic with the jquery.history plugin ****/

					// PageLoad function
					// This function is called when:
					// 1. after calling $.historyInit();
					// 2. after calling $.historyLoad();
					// 3. after pushing "Go Back" button of a browser
					function pageload(hash) {
						// alert("pageload: " + hash);
						// hash doesn't contain the first # character.
						if(hash) {
							$.galleriffic.gotoImage(hash);
						} else {
							gallery.gotoIndex(0);
						}
					}

					// Initialize history plugin.
					// The callback is called at once by present location.hash. 
					$.historyInit(pageload, "/assets/js/advanced.html");

					// set onlick event for buttons using the jQuery 1.3 live method
					$("a[rel='history']").live('click', function(e) {
						if (e.button != 0) return true;

						var hash = this.href;
						hash = hash.replace(/^.*#/, '');

						// moves to a new page. 
						// pageload is called at once. 
						// hash don't contain "#", "?"
						$.historyLoad(hash);

						return false;
					});

					/****************************************************************************************/
				
				
				}

				//load total visits
				$.ajax({
					type:'GET',
					cache: false,
					url: '/assets/inc/ga-stats.php',
						beforeSend: function() {
							$("#visits span").html('<b></b>').fadeIn('fast');
						},
						success: function(data){
							$("#visits span").hide();
							$("#visits span").html(data).fadeIn('fast');
						}
					});
					
				
				 if ($('#contact-form').html() != null) {
				        $.ajax({
				            type: 'GET',
				            url: '/assets/js/jquery.validate.js',
				            success: function() {              

								$("#contact-form").validate({
									errorElement: "p",
									rules: {
										email: "email",
										message: {
											minlength: 10
										}
									},
									
									messages: {
										email: {	
											email: "Die Email ist ungültig. <b>max.mustermann@example.com</b>",
											required: "Dieses Feld ist <b>notwendig</b>."
										},
										message: {
											required: "Dieses Feld ist <b>notwendig</b>.",
											minlength: "Geben Sie hier bitte min. <b>10 Zeichen</b> ein."
										}
									}
								});
				              },
				            dataType: 'script',
				            cache: true
				        });
				    }

					 if ($('#gb').html() != null) {
					        $.ajax({
					            type: 'GET',
					            url: '/assets/js/jquery.validate.js',
					            success: function() {              

									$("#gb").validate({
										errorElement: "p",
										
										rules: {
											email: "email",
											message : {
												minlength: 10
											}
										},
										
										messages: {
											email: {	
												email: "Die Email ist ungültig. Beispiel: <b>ihr.name@domain.de</b>",
												required: "Dieses Feld ist <b>notwendig</b>."
											},
											message: {
												required: "Dieses Feld ist <b>notwendig</b>.",
												minlength: "Geben Sie hier bitte min. <b>10 Zeichen</b> ein."
											}
										}
									});


					              },
					            dataType: 'script',
					            cache: true
					        });
					    }
					
						 if ($('.colorbox').html() != null) {
						        $.ajax({
						            type: 'GET',
						            url: '/assets/js/colorbox.js',
						            success: function() {
							            
        							   $("a[rel='group']").colorbox({transition:"fade"});
									   
									},
						            dataType: 'script',
						            cache: true
						        });
						    }

});