// =================
// = CSS Detection =
// =================

(function($) {
	var prefixes = ['Moz', 'Webkit', 'Khtml', 'O', 'Ms'];
	var cssPrefices = ['-moz-', '-webkit-', '-khtml-', '-o-', '-ms-'];
	var cache = {};
	
	$.checkCssProperty = function(cssPropName, element) {
		if (typeof cache[cssPropName] == 'string') {
			return cache[cssPropName];
		}
		
		var propName = cssPropName.split('-');
		for (var i = 0; i < propName.length; i++) {
			if (i < 0) {
				propName[i] = propName[i].charAt(0).toUpperCase() + propName[i].slice(1);
			}
		};
		propName = propName.join('');

		element = element || document.documentElement;
		var style = element.style;
		var prefixed;

		if (typeof style[propName] == 'string') {
			cache[cssPropName] = "cssPropName";
			return cache[cssPropName];
		}

		propName = propName.charAt(0).toUpperCase() + propName.slice(1);

		for (var i = 0, l = prefixes.length; i < l; i++) {
			prefixed = prefixes[i] + propName;
			if (typeof style[prefixed] == 'string') {
				cache[cssPropName] = cssPrefices[i] + propName;
				return cache[cssPropName];
			}
		}
	};
})(jQuery);

// =============
// = Main Menu =
// =============
(function($) {
	var duration = 250;
	
	var active_style = {
		paddingTop: "0px",
		paddingBottom: "21px",
		color: "#c00417"
	};
	
	var inactive_style = {
		paddingTop: "19px",
		paddingBottom: "2px",
		color: "#888888"
	};
	
	var active_style_sub = {
		paddingTop: "19px",
		paddingBottom: "2px",
		color: "#c00417"
	};
	
	var inactive_style_sub = {
		paddingTop: "0px",
		paddingBottom: "21px",
		color: "#000000"
	};
	
	$.siteUrl = function() {
		return window.location.protocol + '//' + window.location.hostname + window.location.pathname;
	};
	
	$.fn.animLinks = function() {
		var cssTransition = $.checkCssProperty('transition');
		if (typeof cssTransition == 'string') {
			$(this)
				.css(cssTransition + "-property", "color")
				.css(cssTransition + "-duration", "0.1s")
				.css(cssTransition + "-timing-function", "linear");
		}
	};
	
	$(document).ready(function() {
		var cssTransition = $.checkCssProperty('transition');
		if (typeof cssTransition == 'string') {
			$('a').animLinks();
			$('#main-menu li a, #sub-menu li a')
				.css(cssTransition + "-property", "color, padding-top, padding-bottom")
				.css(cssTransition + "-duration", "0.25s, 0.25s, 0.25s")
				.css(cssTransition + "-timing-function", "linear, ease-in-out, ease-in-out");
				
		} else {
			$('#main-menu li a')
				.addClass('no-hover')
				.hover(function() {
					$(this)
						.stop()
						.animate(active_style, duration);
				}, function() {
					$(this)
						.stop()
						.animate(inactive_style, duration);
				});
			$('#main-menu li a.active').unbind('mouseenter mouseleave').removeClass('no-hover');
			
			$('#sub-menu li a')
				.addClass('no-hover')
				.hover(function() {
					$(this)
						.stop()
						.animate(active_style_sub, duration);
				}, function() {
					$(this)
						.stop()
						.animate(inactive_style_sub, duration);
				});
			$('#sub-menu li a.active').unbind('mouseenter mouseleave').removeClass('no-hover');
		}
		
		$('#social-menu li a')
			.addClass('no-hover')
			.css('opacity', '0')
			.hover(function() {
				$(this)
					.stop()
					.animate({opacity: 1}, duration);
			}, function() {
				$(this)
					.stop()
					.animate({opacity: 0}, duration);
			});
		
		var url = window.location.href;
		url = encodeURIComponent(url.replace('http://shapefruit.de', 'http://www.shapefruit.de'));
		$('.social-bookmarks')
			.append('<g:plusone size="medium"></g:plusone>')
			.append('<iframe class="shareButton" scrolling="no" frameborder="0" width="140" id="spFacebookFrameTop" src="http://www.facebook.com/plugins/like.php?locale=de_DE&amp;href='+url+'&amp;layout=button_count&amp;show_faces=false&amp;width=140&amp;action=recommend&amp;font=verdana&amp;colorscheme=light&amp;height=21" style="border:none; overflow:hidden; width:140px; height:21px; float:left;" allowtransparency="true"></iframe>');
		if (!$('#content').hasClass('no-facebook')) {
			$('<div />')
				.addClass('social-bookmarks')
				.append('<g:plusone size="medium"></g:plusone>')
				.append('<iframe class="shareButton" scrolling="no" frameborder="0" width="140" id="spFacebookFrameTop" src="http://www.facebook.com/plugins/like.php?locale=de_DE&amp;href='+url+'&amp;layout=button_count&amp;show_faces=false&amp;width=140&amp;action=recommend&amp;font=verdana&amp;colorscheme=light&amp;height=21" style="border:none; overflow:hidden; width:140px; height:21px; float:left;" allowtransparency="true"></iframe>')
				.appendTo('#content');
				
		}
	});
	$(window).unload(function() {}).load(function() {});
})(jQuery);