$(document).ready(function() {
	
	if ($("#menu").length) {
	
		var navigationTimeout = null
			logoTop = null,
			menuImageWidth = 182,
			menuItemsToShow = 5;
		
		// setup
		
		$("#menu").before('<div id="navigation"></div>');
		$("#navigation")		
			.append('<div id="left" class="arrow"></div>')
			.append('<div id="scroller"></div>')
			.append('<div id="right" class="arrow"></div>')
			.after('<div id="intro"></div>');
		$("#scroller").append($("#menu"));
	
		var numberOfMenuItems = $("#menu li").length;
		if (numberOfMenuItems <= menuItemsToShow) {
			$("#left, #right").hide();
			$("#scroller").css({
				paddingLeft: (9 + ((menuImageWidth / 2) * (menuItemsToShow - numberOfMenuItems))) + "px",
				width: (menuImageWidth * numberOfMenuItems) + "px"
			});
		} else {
			$("#scroller").css({
				width: (menuImageWidth * menuItemsToShow) + "px"
			});
		}
		
		$("#menu").css({
			overflow: "hidden",
			width: menuImageWidth * numberOfMenuItems,
			float: "left",
			display: "block"
		});
		
		
		// helpers
		
		var seenIntro = function () {
			document.cookie = "navigationshown=true; path=/";
		};
		
		var alreadySeenIntro = function () {
			return document.cookie.search(/navigationshown=true/) >= 0;
		};
		
		var activateArrows = function () {
			if ($("#scroller").length) {
				$("#left, #right").removeClass("inactive");
				if ($("#scroller")[0].scrollLeft <= 0) {
					$("#left").addClass("inactive");
				}
				if ($("#scroller")[0].scrollLeft >= menuImageWidth * (numberOfMenuItems - menuItemsToShow)) {
					$("#right").addClass("inactive");
				}
			}
		};
		activateArrows();
		
		// initial position
		
		$("#header").css({
			height: 92
		});
		$("#logo").css({
			clear: "left",
			marginLeft: 415
		}).show();
		$("#navigation").css({
			position: "absolute"
		}).hide();
		$("#intro").css({
			position: "absolute",
			top: "66px"
		});
		
		var positionNav = function() {
			// position menu over active item
			$("#menu li").each(function (index, li) {
				if ($(li).hasClass("active")) {
					$("#scroller").scrollLeft(menuImageWidth * (index - 2));
				}
			});
			positionNav = function() {};
		};
		
		// animate
		
		if (!alreadySeenIntro()) { // do intro animation
			var so = new SWFObject("/en-row/PublishingImages/nav-intro.swf", "intro-rollower-movie", "216", "25", "9", "#000000");
			so.addParam("scale", "noscale");
			so.addParam("salign", "tl");
			so.write("intro");
			$("#intro").css("display", "block");
			seenIntro();
		} else { // show static dude
			$("#intro").show();
		}
		
		$("#header").hover(function() { // show/hide on hover
			if (!logoTop) logoTop = $("#logo").position().top;
			$("#intro embed, #intro object").hide();
			$("#logo, #intro").fadeOut();
			$("#navigation")
				.css("top", logoTop + 10 + "px")
				.fadeIn("normal", activateArrows);
			window.clearTimeout(navigationTimeout);
			GUINNESS.track("conversionStart", "Navigation on", "On");
			positionNav();
		}, function() {
			navigationTimeout = window.setTimeout(function() {
				$("#navigation").fadeOut();
				$("#logo, #intro").fadeIn();
			}, 500);
			GUINNESS.track("conversionEnd", "Navigation on", "Off");
		});
		
		$("#right").click(function() {
			$("#scroller").animate({
				scrollLeft: "+=" + menuImageWidth
			}, 500, "swing", activateArrows);
			GUINNESS.track("manual", "Navigation", "Right");
		});
		$("#left").click(function() {
			$("#scroller").animate({
				scrollLeft: "-=" + menuImageWidth
			}, 500, "swing", activateArrows);
			GUINNESS.track("manual", "Navigation", "Left");
		});
		
		// search
		
		$("#search").click(function () {
			if ($("#search-form").length == 0) {
				$(this).after(
					'<form id="search-form" action="search.html" method="get">' +
						'<input type="text" name="keyword" id="search-box">' +
						'<input type="image" src="/en-row/PublishingImages/trans.png" class="submit">' +
					'</form>'
				).hide();
			} else {
				$(this).hide();
				$("#search-form").show();
			}
			$("#search-box")
				.focus()
				.focus(function() {
					$(this).addClass("focus");
				}).blur(function () {
					$(this).removeClass("focus");
				});
			$("#search-box").blur(function () {
				if ($(this).val() == "") {
					$("#search-form").hide();
					$("#search").show();
				}
			});
			return false;
		});
		
		// webstore link magic
		$("#menu span:contains('Webstore')").parent().click(function () {
			var country = document.cookie.match(/gwCountry=([A-Z]+)/);
			if (country) {
				switch (country[1]) {
				case "AT":
				case "DK":
				case "DE":
				case "GR":
				case "IE":
				case "IT":
				case "NL":
				case "PT":
				case "ES":
				case "GB":
					document.location = "http://www.guinnesswebstore.co.uk/";
					return false;
				}
			}
		});
		
	}
	
});

if (!GUINNESS) var GUINNESS = {};

GUINNESS.track = function (type, name, data, data2, data3) {
	if (typeof cmSetProduction == "undefined") {
		//return;
	}
	if (document.location.hostname == "www.guinness.com" || document.location.hostname == "www2.guinness.com") {
		cmSetProduction();
	} else if (typeof console == "object" && typeof console.info == "function") {
		console.info('"' + type + '"', '"' + name + '"', '"' + data + '"', '"' + data2 + '"', '"' + data3 + '"');
	}
	var explodedPath = document.location.pathname.split("/");
	if (explodedPath[1]) {
		var namePrefix = "Guinness_" + explodedPath[1].replace("-", "_") + "_";
		switch (explodedPath[1].toLowerCase()) {
		case 'en-sg':
			cm_ClientID = "90224950";
			break;
		case 'en-my':
			cm_ClientID = "90224947";
			break;
		case 'en-ca':
			cm_ClientID = "90224944";
			break;
		case 'fr-ca':
			cm_ClientID = "90224986";
			break;
		case 'en-gb':
			cm_ClientID = "90224941";
			break;
		case 'en-ie':
			cm_ClientID = "90224002";
			break;
		case 'en-us':
			cm_ClientID = "90223999";
			break;
		case 'en-au':
			cm_ClientID = "90224971";
			break;
		case 'it-it':
			cm_ClientID = "90224956";
			break;
		case 'ja-jp':
			cm_ClientID = "90224953";
			break;
		case 'ru-ru':
			cm_ClientID = "90224959";
			break;
		case 'en-id':
			cm_ClientID = "90224995";
			break;
		case 'bh-id':
			cm_ClientID = "90224998";
			break;
		}
	} else {
		var namePrefix = "Guinness_EN_ROW_";
		cm_ClientID = "90201855";
	}
	name = name.replace(/[`~!@#$%^&*()=+\[\]\\;\'\"<.>?]/g, "");
	data = data.replace(/[`~!@#$%^&*()=+\[\]\\;\'\"<.>?]/g, "");
	switch (type) {
	case "page":
		if (typeof cmCreatePageviewTag == "function") {
			// data = categoryId
			// data2 = search term
			// data3 = number of search results
			cmCreatePageviewTag(namePrefix + name, namePrefix + data, data2, data3);
		}
		break;
	case "manual":
		if (typeof cmCreateManualLinkClickTag == "function") {
			// data = actionName
			cmCreateManualLinkClickTag(data, namePrefix + name);
		}
		break;
	case "conversionStart":
		if (typeof cmCreateConversionEventTag == "function") {
			if (!data2) data2 = 1;
			// data = eventCategoryId
			// data2 = points
			cmCreateConversionEventTag(namePrefix + name, 1, namePrefix + data, data2);
		}
		break;
	case "conversionEnd":
		if (typeof cmCreateConversionEventTag == "function") {
			if (!data2) data2 = 1;
			// data = eventCategoryId
			// data2 = points
			cmCreateConversionEventTag(namePrefix + name, 2, namePrefix + data, data2);
		}
		break;
	case "error":
		if (typeof cmCreateErrorTag == "function") {
			// data = categoryId
			cmCreateErrorTag(namePrefix + name, namePrefix + data);
		}
		break;
	case "element":
		if (typeof cmCreatePageElementTag == "function") {
			// data = categoryId
			// data2 = elementId
			cmCreatePageElementTag(data2, data.replace(/[ .\(\)]/g, "").substr(0, 60), namePrefix + name, namePrefix + data);
		}
		break;
	}
	//console.log(name);
};

GUINNESS.dialog = function () {
	
	var show = function (hash, title, content, classname) {
		
		var oldHash = document.location.hash;
		if (hash) {
			document.location.hash = "#" + hash;
		}
		
		$("div#overlay, div#dialog").remove();
		$("body")
			.append('<div id="overlay"></div>')
			.append('<div id="dialog"' + (classname ? ' class="' + classname + '"' : '') + '>' +
			'<h2>' + title + '</h2>' +
			'<div id="dialog-content">' + content + '</div>' +
		'</div>');
		$("div#overlay").css({
			top: $("div#content").position().top + "px",
			height: $("div#content").height() + "px"
		});
		
		$("#dialog h2").click(function () {
			$("#overlay, #dialog").remove();
			document.location.hash = oldHash;
		});
		
		positionDialog();
		
	};
	
	var positionDialog = function () {
		var contentDiv = $("#content");
		var top = contentDiv.offset().top + contentDiv.height() / 2 - $("#dialog").height() / 2 - 5;
		if (top < 50) top = 50;
		$("#dialog").css({
			top: top + "px"
		});
	};
	
	return {
		show: show,
		reposition: positionDialog
	};
	
}();

GUINNESS.share = function () {
	
	var show = function (filename, mediaType, title, trackingName) {
		
		if (!filename) filename = {};
		if (!mediaType) mediaType = "other";
		if (!title) title = "An Freunde senden";
		if (!trackingName) trackingName = "Unknown";
		
		var content = '<form action="">' +
			'<ul class="tabs">' +
				'<li id="share-tab-email" class="email current"><a id="share-select-email" href=""><span>E-Mail</span></a></li>' +
				(mediaType == "picture" ? '<li id="share-tab-embed" class="download"><a id="share-select-embed" href=""><span>Download</span></a></li>' : "") +
				(mediaType == "video" ? '<li id="share-tab-embed" class="embed"><a id="share-select-embed" href=""><span>Embed</span></a></li>' : "") +
				'<li id="share-tab-link" class="link"><a id="share-select-link" href=""><span>Link</span></a></li>' +
			'</ul>' +
			'<div></div>' +
		'</form>';
		
		GUINNESS.dialog.show(null, "An Freunde senden", content, "share");
		
		$("#dialog ul.tabs a").click(function () {
			$("#dialog ul.tabs li").removeClass("current");
			$("#dialog ul.tabs li#" + $(this).parent().attr("id")).addClass("current");
			switch ($(this).attr("id")) {
			case "share-select-email":
				showEmail();
				break;
			case "share-select-embed":
				if (mediaType == "picture") {
					showDownload();
				} else {
					showEmbed();
				}
				break;
			case "share-select-link":
				showLink();
				break;
			}
			return false;
		});
		
		var showEmail = function () {//start email
			GUINNESS.track("page", trackingName + " Email Share", trackingName + "_share");
			GUINNESS.track("conversionStart", trackingName + " Email Share", trackingName + "_share");
			$("div#dialog form div").empty().append(
				'<form method="POST" action="/email_story_beer.php">' + 
				'<p class="name">' +
					'<label for="name">Dein Name</label>' +
					'<input type="text" class="text" name="name" id="name" maxlength="30">' +
					'<?=form_error("name"); ?>' +
				'</p>' +
				'<p class="email">' +
					'<label for="from">Deine E-Mail-Adresse</label>' +
					'<input type="text" class="text" name="from" id="from" maxlength="100">' +
					'<?=form_error("from"); ?>' +
				'</p>' +
				'<p>' +
					'<label for="recipients">E-Mail-Adresse Deines Freundes </label>' +
					'<input type="text" class="text" name="recipients" id="recipients">' +
					'<?=form_error("recipients"); ?>' +
				'</p>' +
				'<p>' +
					'<label for="message">Deine Nachricht <span>(max. 150 Zeichen)</span></label>' +
					'<textarea name="message" id="message" cols="45" rows="6"></textarea>' +
					'<?=form_error("message"); ?>' +
				'</p>' +
				'<p>' +
					'<label>' +
						'<input type="checkbox" name="age" id="age" class="checkbox">' +
						'Ich best&auml;tige hiermit, dass alle Empf&auml;nger dieser Email das legale Alter f&uuml;r den Konsum von alkolischen Getr&auml;nken erreicht haben.' +
						'<?=form_error("age"); ?>' +
					'</label>' +
				'</p>' +
				'<p class="legal">' +
					'Indem Du auf den <strong>VERSENDEN</strong> Button klickst, erkennst Du die <a href="/footer/terms/" title="Terms &amp; Conditions">Nutzungsbedingungen</a> und die <a href="/footer/privacy/" title="Privacy Policy">Datenschutzerkl&auml;rung</a> an.' +
				'</p>' +
				'<div id="buttons">' +
					'<div class="cancel"><span>Cancel</span></div>' +
					'<input src="/en-row/PublishingImages/trans.png" type="image" class="send" alt="Senden">' +
				'</div>' +
				'</form>'
			);
		};// end email
		
		var showDownload = function () {
			GUINNESS.track("page", trackingName + " Download Share", trackingName + "_share");
			$("div#dialog form div").empty().append(
				'<p>Bitte w&auml;hle die Gr&ouml;&szlig;e, in der Du die Datei herunterladen m&ouml;chtest:</p>' +
				'<ul class="downloads">' +
					'<li class="small"><a href="' + filename.small + '" target="_blank">Klein</a></li>' +
					'<li class="medium"><a href="' + filename.medium + '" target="_blank">Mittel</a></li>' +
					'<li class="large"><a href="' + filename.large + '" target="_blank">Gro&szlig;</a></li>' +
				'</ul>' +
				'<p class="legal">' +
					'Indem Du auf einen der Download-Buttons klickst, erkennst Du die <a href="/footer/terms/" title="Terms &amp; Conditions">Nutzungsbedingungen</a> und die <a href="/footer/privacy/" title="Privacy Policy">Datenschutzerkl&auml;rung</a> an.' +
				'</p>' +
				'<p class="legal">' +
					'Das Herunterladen dieser Abbildung darf ausschlie&szlig;lich zu pers&ouml;nlichen, nicht kommerziellen Zwecken geschehen. Die Abbildung darf nicht manipuliert werden, sodass sich ihr Inhalt oder Sinn in irgendeiner Art und Weise &auml;ndert. Dar&uuml;berhinaus ist eine pornographische, diffamierende oder anderweitig unrechtm&auml;&szlig;ige Nutzung strengstens untersagt.' +
				'</p>');
			$("div#dialog form ul.downloads a").click(function () {
				GUINNESS.track("manual", "Share Download", $(this).attr("href"));
				GUINNESS.track("conversionEnd", $(this).attr("href") + " Download Share", trackingName + "_share");
			});
		};
		
		var showEmbed = function () {
			GUINNESS.track("page", trackingName + " Embed Share", trackingName + "_share");
			$("div#dialog form div").empty().append(
				'<p>' +
					'<label for="embed-code">Copy this code to embed this in your blog</label>' +
					'<textarea id="embed-code" rows="10" cols="45" name="embed-code">' +
						'&lt;object width="528" height="396"&gt; &lt;param name="allowfullscreen" value="true"&gt;\n' +
							'\t&lt;param name="allowscriptaccess" value="samedomain"&gt;\n' +
							'\t&lt;param name="scale" value="noscale"&gt;\n' +
							'\t&lt;param name="salign" value="t1"&gt;\n' +
							'\t&lt;param name="basePath" value=""&gt;\n' +
							'\t&lt;param name="videoFileName" value="' + filename + '"&gt;\n' +
							'\t&lt;param name="movie" value="http://www.guinness.com/en-row/PublishingImages/swf/videoplayer.swf"&gt;\n' +
							'\t&lt;embed src="http://www.guinness.com/en-row/PublishingImages/swf/videoplayer.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="samedomain" salign="t1" scale="noscale" basePath="" videoFileName="' + filename + '" width="528" height="396"&gt;&lt;/embed&gt;\n' +
						'&lt;/object&gt;' +
					'</textarea>' +
				'</p>' +
				'<p class="legal">' +
					'By embedding this item, you agree to the <a href="/footer/terms/">Terms &amp; Conditions</a> and <a href="/footer/privacy/">Privacy Policy</a> of this website.' +
				'</p>'
			);
		};
		
		var showLink = function () {
			GUINNESS.track("page", trackingName + " Link Share", trackingName + "_share");
			var url = document.location.protocol + "//" + document.location.host + document.location.pathname + document.location.hash;
			$("div#dialog form div").empty().append(
				'<p>' +
					'<label for="url">URL</label>' +
					'<input readonly="readonly" type="text" class="text" name="url" id="url" value="' + url + '">' +
				'</p>' +
				'<p class="label">Setze mit diesem Link ein Lesezeichen</p>' +
				'<ul class="bookmarks clearfix">' +
			  		'<li class="delicious">' +
						'<a target="_blank" href="http://del.icio.us/post?url=' + encodeURIComponent(url) + '&title=' + encodeURIComponent(document.title) + '" title="Del.icio.us">Del.icio.us</a>' +
					'</li>' +
					'<li class="facebook">' +
						'<a target="_blank" href="http://www.facebook.com/sharer.php?u=' + encodeURIComponent(url) + '" title="Facebook">Facebook</a>' +
					'</li>' +
					'<li class="stumbleupon">' +
						'<a target="_blank" href="http://www.stumbleupon.com/submit?url=' + encodeURIComponent(url) + '" title="Stumbleupon">Stumbleupon</a>' +
					'</li>' +
					'<li class="myspace">' +
						'<a target="_blank" href="http://www.myspace.com/index.cfm?fuseaction=postto&t=' + encodeURIComponent(document.title) + '&u=' + encodeURIComponent(url) + '" title="MySpace">MySpace</a>' +
					'</li>' +
					'<li class="technorati">' +
						'<a target="_blank" href="http://technorati.com/faves?add=' + encodeURIComponent(url) + '" title="technorati.com">technorati.com</a>' +
					'</li>' +
				'</ul>' +
				'<p class="legal">' +
					'Durch das Setzen des Lesezeichens in einem der Links erkennst Du die <a href="/footer/terms/" title="Terms &amp; Conditions">Nutzungsbedingungen</a> und die <a href="/footer/privacy/" title="Privacy Policy">Datenschutzerkl&auml;rung</a> an.' +
				'</p>'
			);
			$("div#dialog form div input").click(function () {
				$(this).select();
			});
			$("div#dialog form ul.bookmarks a").click(function () {
				GUINNESS.track("manual", "Share Link", $(this).attr("title"));
			});
		};
		
		$("#dialog h2").unbind().click(function () {
			GUINNESS.track("page", trackingName, trackingName);
			$("#overlay, #dialog").remove();
		});
		
		showEmail();
		
		return false;
	};
	
	return {
		show: show
	}
	
}();


try { /* IE6 flickering image fix */
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}