/* global jQuery, $ */
/* HEADLINE INTERACTIVE WEBSITE BEHAVIOUR */

// INIT SITE *************************************************
function baseInit() {
	//check if on homepage
	if(!($("body").hasClass("subpage"))) {
		// remove all scrollbars
		$("html").css({"overflow":"hidden"});
		//load page in lightbox
		if (location.href.split(".nl/#/")[1]) {
			var currenturl = location.href.split(".nl/#/")[1];
			var currenttype = (currenturl.split("/")[1]) ? currenturl.split("/")[0] : "Blog";
			if (currenttype == "Portfolio") {	pagetype = "portfoliooverlay";} 
			else if (currenttype == "Blog") {	pagetype = "blogoverlay";}
			window.nonAnimOverlay(pagetype, currenturl, 1);
			window.prettyTitles(currenturl);
		}
	} else {
		//relocate to homepage
		location.href="/#/"+location.href.split(".nl/")[1];
	}
	
	// implement center for large screens
	if($.browser.version != 6) {
		if($(window).height() > 700) { $("body").addClass("largescreen");}
		$(window).resize(function(){
			if($(window).height() > 700) { $("body").addClass("largescreen");}
			else {$("body").removeClass("largescreen");}
		});
	}
	//position the dragging handles
	var buttonSpacing = 790;// 1 button every 790px
	var numberOfDragbuttons = ($(".content").width()/buttonSpacing); 
	var delta = $(".content").width()/numberOfDragbuttons;
	var i;
	for(i=0;i<=numberOfDragbuttons;i++) {
		$(".content").append("<a class=\"dragbutton\" id=\"button"+i+"\"></a>");
		$("#button"+i).css({"left":(i*delta-($("#button"+i).width()/2))});
	}

	// guess...
	$("body").addClass("hasjs");
	//position left and right buttons
	$("#wrap").append("<a href=\"#\" class=\"clickleft click\"></a><a href=\"#\" class=\"clickright click\"></a>");		
	//offset site to the left
	$(".content").css("left",-(delta)*0.85);
				
}
function ieInit() {
	// if ie, move blog
	if(jQuery.browser.msie) {
		$(".blog").css({"left":"-200px"});	
		$(".person a").css({"right":"370px"});	
		$(".portfolio h2").css({"marginLeft":"12px"});
		$("#wrap").css({"backgroundPosition":-($(window).width()/6)+" 1px"});
	}
}
function ie6Init() {
	// if ie6, add pngfix.
	if(jQuery.browser.version == 6 && jQuery.browser.msie) {
		$(".person div, .speach, .dragbutton").ifixpng();
	}
}
// PEOPLE SWITCHER HTML UPDATER *************************************************
function peopleswitcherUpdater() {		
	//add person stuff to switcher :)
	var authorname = $("#authorname").text().replace(/ /g, "&nbsp;"); // replace space with nbsp
	var authorfunc = $("#authorfunc").text().replace(/ /g, "&nbsp;");
	var authorfirstname = $("#authorfirstname").text().toLowerCase();
	window.removePng();
	$(".person a strong").html(authorname);
	$(".person a b").html(authorfunc);
	$(".person div").removeAttr("class").addClass(authorfirstname);
	$(".content").removeAttr("class").addClass("content").addClass(authorfirstname+"background");
	$("#photoauthor p").css({"display":"none"});
	var photolink = "#photo"+authorfirstname;
	$(photolink).css({"display":"block"});
	window.ie6Init();
	window.startOverlayButton();
}

function peopleswitcher() {
	$(".person a").click(function() {//the people switcher					
		page = "http://www.headline-interactive.nl/Blog/homeblog/?authorid="+$("#newauthorid").text();
		pageTracker._trackPageview(page);
		$("#homeblog").load(page, function() {
			pageTracker._trackPageview(page);
			window.peopleswitcherUpdater();
			window.startAllFunctions();
		});
		$(this).blur();
	});
}
// DRAGGABLE SITE FUNCTIONS *************************************************
function pageDragFunction() {
	// drag function
	$(".content").draggable({
		axis: 'x', 
		stop: function dragCheck() {//check if the content borders stay within the screen									
			var offset = $(this).offset();
			if (offset.left > 0) 											{$(".content").animate({ left:"0px" }, 800, "easeOutBack");}
			if (-offset.left > ($(".content").width()-$(window).width())) 	{$(".content").animate({ left:-($(".content").width()-$(window).width()) }, 800, "easeOutBack");}
		}
		}).mousedown(function(){	$(this).css({"cursor":"url(\"/resources/images/closedhand.cur\"), -moz-grabbing"});
		}).mouseup(function(){	$(this).css({"cursor":"url(\"/resources/images/openhand.cur\"), -moz-grab"}); 
	});

	//scroll 1 screenwidth or to the border.
	$(".clickleft").click(function() {
		var offset = $(".content").offset();
		if (-offset.left <= ($(window).width()/2)) 											{$(".content").animate({ left:"0px" }, 800, "easeOutBack");}
		if (-offset.left > ($(window).width()/2) && -offset.left < $(".content").width()) 	{$(".content").animate({left: offset.left+($(window).width()/2)}, 800, "easeOutBack");}
		$(this).blur();
		
	});	
	$(".clickright").click(function() {
		var offset = $(".content").offset();
		if (-offset.left >= ($(".content").width()-(1.5*$(window).width()))) 				{$(".content").animate({ left:-($(".content").width()-$(window).width()) }, 800, "easeOutBack");}
		else																			{$(".content").animate({left: offset.left-($(window).width()/2)}, 800, "easeOutBack");}
		$(this).blur();
	});
	$(".leftscroll").click(function() {
		itemgo = $(this).attr("href");
		itemoffset = $(itemgo).offset().left;
		contentoffset = $(".content").offset().left;
		scrolltooffset = contentoffset-itemoffset+40;
		if (scrolltooffset < -($(".content").width()-$(window).width())) {
			$(".content").animate({left:-$(".content").width()+$(window).width()}, 800, "easeOutBack");
		} else {
			$(".content").animate({left:scrolltooffset}, 800, "easeOutBack");
		}
		return false;
	});
}
// LIGHTBOX BEHAVIOUR ****************************************
function startOverlayButton() {
	//unbind everthing first :)
	$("a.startoverlay")
		.unbind("click")
		.click(function() {//initiates the lightbox overlay and sends the correct attributes
		if($(this).attr("href").split("www.")[0] == "http://") {
			$(this).attr({"href":$(this).attr("href").split(".nl")[1]});
		} else if($(this).attr("href").split("/")[0] == "#") {
			$(this).attr({"href":$(this).attr("href").split("#")[1]});
		}
		window.addOverlay($(this).attr("rel"), $(this).attr("href"));
		window.prettyTitles($(this).attr("href"));
		newhref = "#"+$(this).attr("href");
		$(this).attr({"href":newhref});
	});
	return false;
}
function startNonAnimOverlay() {
	$("a.startnonanimoverlay, .tags a, .navigation a").click(function() {
		if($(this).attr("href").split("nieuwesite")[0] == "http://") {
			$(this).attr({"href":$(this).attr("href").split(".nl")[1]});
		} else if($(this).attr("href").split("/")[0] == "#") {
			$(this).attr({"href":$(this).attr("href").split("#")[1]});
		}
		window.nonAnimOverlay($(this).attr("rel"),$(this).attr("href"));
		window.prettyTitles($(this).attr("href"));
		newhref = "#"+$(this).attr("href");
		$(this).attr({"href":newhref});
	});
}
function startOpenPopup() {
	$("a.openpopup").click(function() {
		window.openPopup($(this).attr("href"),$(this).attr("title"),$(this).offset().top,$(this).attr("rel"));
		return false;
	});
}

function removeOverlayButton() {//remove textoverlay and overlay
	$("a.removeoverlay").click(function() {
		$(".overlay").remove();	
		$(".textoverlay").remove();
		$(".popupoverlay").remove();
		document.title = "Headline Interactive";
		$(this).attr({"href":"#"});
	});
}

function slideUp() {//the textoverlay slideup animation
	topPos = ($.browser.msie && $.browser.version == 6) ? "30px" : "15%";
	$(".textoverlay").css({"opacity":"1"}).animate({"top":topPos}, 2000, "easeOutBack");
}

function addOverlay(classname,page) {//add an overlay and load in the page and add cruft
	$("html").css({"overflow-y":"scroll"});
	$("#wrap").after("<div class=\"overlay\"></div>");

	$(".overlay").after("<div id=\"textoverlay\" class=\"textoverlay "+classname+"\"></div>");
	$(".textoverlay").css({"top":$(window).height()}).load(page +" #main",function() {
		pageTracker._trackPageview(page);  
		$(".overlay").animate({"opacity":"0.5"}, 200, "linear", function() {
			setTimeout(function(){window.slideUp();},1000);																 
		});
		$(".textoverlay").prepend("<p class=\"close\"><a href=\"/#\" class=\"removeoverlay\" title=\"Sluiten\">Sluiten</a>");
		
		if(classname == "portfoliooverlay") {
			window.addPortfolioOverlay();
		}

		// functions for inside the lightbox overlays
		window.startAllFunctions();
	});
}
function nonAnimOverlay(classname,page,startpage) {
	if(startpage) {
		$("html").css({"overflow-y":"scroll"});
		$("#wrap").after("<div class=\"overlay\"></div>");

		$(".overlay").after("<div id=\"textoverlay\" class=\"textoverlay "+classname+"\"></div>").css({"opacity":"0.5"});
		topPos = ($.browser.msie && $.browser.version == 6) ? "30px" : "15%";
		$(".textoverlay").css({"top":topPos,"opacity":"1"});
	}
	
	$(".textoverlay").load(page +" #main",function(){
	   pageTracker._trackPageview(page);
		$(".textoverlay").prepend("<p class=\"close\"><a href=\"/#\" class=\"removeoverlay\" title=\"Sluiten\">Sluiten</a>");
		if(classname == "portfoliooverlay") {
			window.addPortfolioOverlay();
		}
		window.startAllFunctions();
   });
}

function addPortfolioOverlay() {//parse menu, load contents, append.
	var menu = [];
	var links = [];
	var inserthtml = "";
	//$(".close").remove();
	if(jQuery.browser.msie) {
		$(".portfoliomenu").css({"position":"absolute"});	
		if(jQuery.browser.version == 7) {
			$(".portfoliomenu").css({"top":"113px"});	
		}
	}
	$(".portfoliomenu ul li a").each(function() {
		href = (jQuery.browser.msie) ? $(this).attr("href").split(".nl/")[1] : $(this).attr("href");
		niceHref = href.replace(/\//g, "-");
		menu.push(niceHref);
		links.push(href);
		$(this).attr({"href":"#"+niceHref});
	}).click(function(){return location.href.split(".nl/")[1];});
	
	for (var i = 0;i<menu.length;i++) {
		inserthtml += "<div class=\"subrowpages\" id=\""+menu[i]+"\"></div>";
	}
	
	$(".portfoliocontent").html(inserthtml);
	$(".restofportfolio").css({"paddingTop":$(".portfoliocontent").height()+390});
	
	for (var j = 0;j<menu.length;j++) {
		$("#"+menu[j]).load(links[j] + "index.html .portfoliocontent", function() {
			pageTracker._trackPageview(links[j]);																				
			$(".subrowpages").each(function() {
				$(this).prepend("<p class=\"close\"><a href=\"#\" class=\"removeoverlay\" title=\"Sluiten\">Sluiten</a>");		
				window.startAllFunctions();
				window.ie7scroller();
			});
		});
	}
}
// OTHER FUNCTIONS ****************************************
function peoplePopups() {
	$(".popup").hover(
		function(){$(this).children("span").css({"display":"block"}).animate({"opacity":"1"}, 400, "swing");},
		function(){$(this).children("span").css({"display":"none","opacity":"0"});
	});
}
function rssPopups() {
	$(".rss").hover(
		function(){$(this).children("span").css({"display":"block"}).animate({"opacity":"1"}, 400, "swing");},
		function(){$(this).children("span").css({"display":"none","opacity":"0"});
	});
}
function routePlanner() {
	$(".routeheader button").click(function(){
		city = $("#vertrekpunt").val();
		window.open("http://maps.google.nl/maps?f=d&hl=nl&geocode=&saddr="+city+"&daddr=Headline+Interactive&sll=52.469397,5.509644&sspn=2.352512,5.141602&ie=UTF8&z=12");
		return false;
	});
}
function housewarming() {
	hwNaam =  $('[name=naam]').val() ;
	hwPersonen =  $('[name=personen]').val() ;
	
	$.ajax({
		type: "POST",
		url: "http://www.headline-interactive.nl/resources/scripts/housewarming.php",
		data: "naam="+hwNaam+"&personen="+hwPersonen,
		success: function(msg){
			//alert( "Data Saved: " + msg );
			$("#housewarming-aanmelding-formulier").html("<p class='red'>Bedankt voor je inschrijving en tot ziens op 7 januari!</p>");
		}
	});
}
function twitterborrel() {
	hwNaam =  $('[name=naam]').val() ;
	hwPersonen =  $('[name=personen]').val() ;
	
	$.ajax({
		type: "POST",
		url: "http://www.headline-interactive.nl/resources/scripts/twitterborrel.php",
		data: "naam="+hwNaam+"&personen="+hwPersonen,
		success: function(msg){
			//alert( "Data Saved: " + msg );
			$("#twitterborrel-aanmelding-formulier").html("<p class='red'>Bedankt voor je inschrijving en tot ziens op 7 januari!</p>");
		}
	});
}
function ie7scroller() {
	if($.browser.msie && $.browser.version == 7) {
	}
}
function openPopup(image, text, offsettop, titletext) { //opens an image in a large popup :)
	$(".popupoverlay").remove();
	$(".textoverlay").after('<div class="popupoverlay"><h4>'+titletext+'</h4><p>'+text+'</p><img class="popupoverlayimage" src="'+image+'" alt="" /></div>');
	$(".overlay").css({"z-index":"82"});
	$("html").css({"overflow":"hidden"});
	$(".popupoverlay")
		.prepend("<p class=\"close\"><a href=\"/#\" class=\"removeoverlay\" title=\"Sluiten\">Sluiten</a>")
		.draggable()
		.mousedown(function(){	$(this).css({"cursor":"url(\"/resources/images/closedhand.cur\"), -moz-grabbing"});	})
		.mouseup(function(){	$(this).css({"cursor":"url(\"/resources/images/openhand.cur\"), -moz-grab"}); })
		.css({"top":offsettop-150});
	
	$(".popupoverlayimage").load(function(){
		imagewidth = $(".popupoverlayimage").width();
		$(".popupoverlay").css({"width":imagewidth,"margin-left":-(imagewidth/2)});
		$(".popupoverlay img").css({"display":"block"});
	});
	
	$(".popupoverlay .close").click(function() {
		$(this).parent().remove();		
		$(".overlay").css({"z-index":"80"});
		$("html").css({"overflow-y":"scroll"});
		return false;
	});
}
function prettyTitles(currenturl) {
	newtitle = currenturl.replace(/-/g, " "); // replace - with space
	newtitle = newtitle.replace(/\/$/, ""); //remove first and last /
	newtitle = newtitle.replace(/\//g, " - "); // replace / with -
	newtitle = newtitle.replace(/.html/, ""); // remove .html
	document.title = newtitle+" | Headline Interactive";
}
function removePng() {
	if(jQuery.browser.version == 6 && jQuery.browser.msie) {
		$(".person div, .speach").removeAttr("style");
	}
}
function startAllFunctions() {
	window.removeOverlayButton();
	window.peoplePopups();
	window.rssPopups();
	window.routePlanner();
	window.startNonAnimOverlay();
	window.startOpenPopup();
	$.localScroll();
}
// INIT JQUERY ****************************************
$(document).ready(function(){
//		alert($("#authorname").text());
		window.baseInit();
		window.ieInit();
		window.ie6Init();
		window.pageDragFunction();
		window.peopleswitcher();
		window.peopleswitcherUpdater();
		window.startAllFunctions();
		window.startOverlayButton();
});
/* fin. */