var ie6 = false;

var duration1 = 150;
var duration2 = 100;

var bgImageCount = 1;
var bgImages = new Array();
var bgImageUrls = new Array();
var bgChangeDate = new Date();
var bgChangeInterval = 10000;
var currentBgImage = 0;

function showBookmarks() {
	$("#bookmarks-link").unbind("click");
	$("#bookmarks").show();
	$("#bookmarks ul").animate({top: "0px"}, 300, "swing");
	$("#container").click(function() {hideBookmarks();return false;});
	$("#bookmarks-link").click(function() {hideBookmarks();return false;});
}
function hideBookmarks() {
	$("#bookmarks-link").unbind("click");
	$("#bookmarks ul").animate({top: "40px"}, 300, "linear", function() {$("#bookmarks").hide();});
	$("#container").unbind("click");
	$("#bookmarks-link").click(function() {showBookmarks();return false;});
}

function positionBackgroundInit() {
	positionBackground(true);
}

function positionBackground(init) {
	var bgDiv = $("#background");
	if (init === true) {
		var bgImage = bgDiv.css("background-image");
		var bgImageUrl = bgImage.match(/(http|file):[\w\.\/\-:]+/)[0];
		if (bgImageUrl) {
			bgDiv.append("<img src=\"" + bgImageUrl + "\" alt=\"\" id=\"bgimg-1\"/>");
			bgDiv.css("background-image", "none");
			bgDiv.append("<div id=\"raster\"></div>");
			var imgObj = new Image();
			imgObj.src = bgImageUrl;
			bgImages.push(imgObj);
			if (bgImageCount > 1) {
				for (var i = 2; i <= bgImageCount; i++) {
					var newUrl = bgImageUrl.replace(/(\d).(\d).\d/, "$1.$2." + i);
					bgImageUrls.push(newUrl);
				}
				loadBackgroundImages();
			}
		}
	}

	var img = bgDiv.find("img");
	if (img.length < 1) return;

	var w = $(window).width();
	if (init === true) {
		//w += 16;
	}
	var h = $(window).height();
	bgDiv.css({width: w + "px", height: h + "px"});
	var ratio = w / h;

	var imgW = 1280;
	var imgH = 1024;
	var imgRatio = imgW / imgH;

	if (ratio >= imgRatio) { // Screen "querformatiger" als Bg-Bild
		var newH = Math.round(w / imgRatio);
		img.css({
			width: w + "px",
			height: newH + "px",
			left: 0,
			top: Math.round((newH - h) / -2) + "px"
		});
	}
	else {
		var newW = Math.round(h * imgRatio);
		img.css({
			width: newW + "px",
			height: h + "px",
			left: Math.round((newW - w) / -2) + "px",
			top: 0
		});
	}

	var nav = $("#navigation");
	var st = $(window).scrollTop();
	var navTop;
	if (h < 670 && nav.css("position") == "fixed") {
		navTop = st + 250;
		nav.css({position: "absolute", top: navTop + "px"});
		nav.animate({top: "250px"}, 1000, "swing");
	}
	else if (!ie6 && h >= 670 && nav.css("position") == "absolute") {
		navTop = 250 - st;
		nav.css({position: "fixed", top: navTop + "px"});
		nav.animate({top: "250px"}, 1000, "swing");
	}
}

function loadBackgroundImages() {
	var i = bgImages.length - 1;
	if (i >= bgImageUrls.length) return;
	var img = $(new Image());
	img.load(function() {
		bgImages.push(this);
		loadBackgroundImages();
	}).attr("src", bgImageUrls[i]);
}

function rotateBackgroundImages() {
	if (bgImages.length < 2) return;
	currentBgImage++;
	currentBgImage = currentBgImage % bgImageCount;
	var img = $(bgImages[currentBgImage]);
	$("#background").append(img);
	positionBackground();
	if (ie6) return;
	$("#background img:last").css("opacity", 0);
	$("#background img:last").fadeTo(1200, 1, function() {
		$("#background img:not(:last)").remove();
	});
}

function positionHeader() {
	if (ie6) return;
	var topMargin = $("#claim").height() > 90 ? 80 : 100;
	var st = $(window).scrollTop();
	if (st > topMargin && $("#header").css("position") == "fixed") {
		$("#header").css({
			position: "absolute",
			top: topMargin + "px"
		});
	}
	else if (st <= topMargin && !ie6) {
		$("#header").css({
			position: "fixed",
			top: 0
		});
	}
}

function navLiOver() {
	if (!$.browser.msie) {
		$(this).find("span").animate({opacity: 0.5}, duration1);
	}
	$(this).find(".bg").animate({opacity: 1}, duration1);
	$(this).find(".description-wrap").css({display: "block"});
	$(this).find(".description").animate({left: "0px"}, duration1);
}

function navLiOut() {
	if (!$.browser.msie) {
		$(this).find("span").animate({opacity: 1}, duration2);
	}
	$(this).find(".bg").animate({opacity: 0.7}, duration2);
	$(this).find(".description").animate({left: "-166px"}, duration2, function() {
		$(this).parent().css({display: "none"});
	});
}

function resetNav() {
	$(this).find("span").css({opacity: 1});
	$(this).find(".bg").css({opacity: 0.7});
}

function descriptionClick() {
	window.location.href = $(this).find("a").attr("href");
}

function accordion() {
	var scrollSettings = {onAfter: positionBackground};
	if ($(this).hasClass("open")) {
		$(this).parents(".block").find(".accordion-content").slideUp(duration1, function() {
			$(this).prev().removeClass("open");
			var scrollToElement = ie6 ? 0 : $(this).parents(".block").prev();
			$.scrollTo(scrollToElement, scrollSettings);
		});
	}
	else {
		$(this).parents(".block").find(".accordion-content").slideDown(duration1, function() {
			$(this).prev().addClass("open");
			$.scrollTo(this, scrollSettings);
		});
	}
}

function accordionClose() {
	$(this).parents(".block").find(".accordion-header").click();
}

function setDownloadLinks(imgUrl) {
	$("#download-buttons button").unbind("click");
	$("#download-buttons button").click(function() {
		var size = $(this).attr("id").replace(/btn-/,"");
		var downloadUrl = String(imgUrl).replace(/preview/, size);
		window.open(downloadUrl);
	});
}

function loadFlashSource(imgUrl, flashUrl)
{
    var flashvars = {
         autoPlayer: 'false',
         scrImg: imgUrl, //'static/img/videostills_tvspot.jpg',
         strSource: flashUrl, //'http://a123.g.akamai.net/7/123/35826/v001/gskflash.download.akamai.com/35826/odol/flv/Odol_TV.flv',
         shareURL: '',
         fb:'http://www.facebook.com/sharer.php?u=http%3A%2F%2Fodol.de',
         twitter:'http://twitter.com/?status=http%3A%2F%2Fodol.de'	};

    var params = {
        allowScriptAccess: 'sameDomain',
        allowFullScreen: 'true' };

    var attributes = {};

    swfobject.embedSWF('static/inc/videoplayer.prt1.swf', 'videoplayer1', '500', '282', '9.0.115', false, flashvars, params, attributes);
   
}


function loadFlashSourceUnSocial(imgUrl, flashUrl)
{
    var flashvars = {
         autoPlayer: 'false',
         scrImg: imgUrl, //'static/img/videostills_tvspot.jpg',
         strSource: flashUrl, //'http://a123.g.akamai.net/7/123/35826/v001/gskflash.download.akamai.com/35826/odol/flv/Odol_TV.flv',
         shareURL: '',
         fb:'http://www.facebook.com/sharer.php?u=http%3A%2F%2Fodol.de',
         twitter:'http://twitter.com/?status=http%3A%2F%2Fodol.de'	};

    var params = {
        allowScriptAccess: 'sameDomain',
        allowFullScreen: 'true' };

    var attributes = {};

    swfobject.embedSWF('static/inc/videoplayer_unsocial.swf', 'videoplayer1', '500', '282', '9.0.115', false, flashvars, params, attributes);

}



// document.ready
$(function() {
	positionHeader();

	//Navigation init
	if ($(window).height() > 670 && !ie6) {
		$("#navigation").css({position: "fixed"});
	}
	$("#navigation div").wrap("<div class=\"description-wrap\"></div>");
	$("#navigation .description").css({left: "-166px"});
	$("#navigation .description").click(descriptionClick);
	var li = $("#navigation li:not(.active)");
	li.prepend("<div class=\"bg\"></div>");
	li.hover(navLiOver, navLiOut);
	li.click(navLiOut);
	$("#navigation li > a").css({
		"background-image": "none",
		position: "absolute",
		top: 0,
		left: 0,
		"z-index": 1
	});
	$("#home #navigation li > a").css({
		left: "auto",
		right: 0
	});

	//Link-Boxen
	var linkBox = $(".block:has(.right a)");
	linkBox.addClass("linkbox");
	linkBox.wrapInner("<div class=\"boxwrap\"></div>");
	linkBox.prepend("<div class=\"boxbg\"></div>");
	linkBox.hover(function() {
		$(this).find(".boxbg").animate({opacity: 1}, 200);
	}, function() {
		var op = ie6 ? 0 : 0.7;
		$(this).find(".boxbg").animate({opacity: op}, 200);
	});
	linkBox.click(function() {
		window.location.href = $(this).find(".right a").attr("href");
	});

	//Wallpapers
	setDownloadLinks($("#carousel img:first").attr("src"));
	$("#carousel").infiniteCarousel({
		thumbnailWidth: "66px",
		thumbnailHeight: "40px",
		imagePath: "img/",
		displayProgressBar: false,
		autoStart: false,
		showControls: false,
		displayThumbnailNumbers: false,
		easeLeft: 'easeInOutSine',
		easeRight:'easeInOutQuad',
		transitionSpeed: 500,
		onSlideEnd: setDownloadLinks
	});

	// Bookmarks
	$("#bookmarks").hide();
	$("#bookmarks-link").click(function() {showBookmarks();return false;});
	$("#close-bookmarks-link").click(function() {hideBookmarks();return false;});

	//Accordion
	$(".accordion-header").click(accordion);
	$(".accordion-content").hide();

	if (!ie6) {
		$(".accordion-content").append("<div class=\"accordion-close\"></div>");
		$(".accordion-close").hover(function() {
			$(this).animate({opacity: 1}, 200);
		}, function() {
			$(this).animate({opacity: 0.7}, 200);
		});
		$(".accordion-close").click(accordionClose);
	}

	window.setInterval(rotateBackgroundImages, bgChangeInterval);
	
	// Timeout auf Hintergrundpositionierung, da ansonsten oft weisser
	// Scrollbalken-Rand rechts
	window.setTimeout(positionBackgroundInit, 10);
});

$(window).resize(positionBackground);
$(window).scroll(positionHeader);
$(window).unload(resetNav);

Cufon.replace("h1");
Cufon.replace("h2");