');
$('body').append(div);
var w1 = $('div', div).innerWidth();
div.css('overflow-y', 'scroll');
var w2 = $('div', div).innerWidth();
$(div).remove();
return (w1 - w2);
}
//function showNavigation() {
//alert("X");
// $("#metacontainer").css("opacity","0.4");
// if (naviscloned == "no"){
// $("#containhead").clone().appendTo("#grabnav");
// naviscloned = "yes";
// }
// $("#grabnav").addClass("hasnav");
// $("#grabnav").animate({
// height:"176px",
// marginTop:"-89px"
// opacity: "1"
// }, 500, function() {
//$("#grabnav #containhead .bureauals").show();
//alert("klaar");
//
// });
// $("#grabnav #containhead").animate({
//
// marginTop:"0px"
// opacity: "1"
// }, 500, function() {
// });
//}
function showPostContent(which){
clickedpost = $("#"+which);
$(".clicked").removeClass("clicked").bind('click', function(event){
showPostContent($(this).attr("id"));
});
clickedpost.addClass("clicked");
clickedpost.unbind('click').bind('click',function(){
$my.spread.remove();
$(".clicked").removeClass("clicked");
addressvalue = "bureausla";
addresstitle = "bureau SLA";
$.address.value(addressvalue);
$.address.title(addresstitle);
$("body").attr("title",addresstitle).attr("rel",addressvalue);
clickedpost.unbind('click').bind('click', function(event){
showPostContent($(this).attr("id"));
});
});
thisURL = clickedpost.find("h2 a").attr("href");
//$(this).addClass("clicked");
dezeID = clickedpost.parents(".post").attr("id");
dezeSlug = clickedpost.attr("id");
thisSlug = "http:/www.bureausla.nl/ajax-handler/?slug="+dezeSlug;
clickedpostfotopage = clickedpost.find(".fotopage");
pagewidth = clickedpostfotopage.width();
pageheight = clickedpostfotopage.height();
//spread = $("#spread");
//$(this).addClass("clicked");
if ( $('#spread').length ) {
$("#spread").html("");
$("#spread").css("height","1px");
$("#"+dezeID).append($("#spread"));
} else {
$('
').appendTo("#"+dezeID);
$my.spread = $("#spread");
}
$my.spread.load(thisSlug, function() {
maakColumns(pagewidth-80, pageheight -40);
setWidthofImages();
if (issingle == "yes"){
addressvalue = 'project/'+dezeSlug;
addresstitle = 'Bureau SLA | '+ dezeSlug;
$.address.value(addressvalue);
$.address.title(addresstitle);
$("body").attr("title",addresstitle).attr("rel",addressvalue);
} else {
addressvalue = 'project/'+dezeSlug;
addresstitle = 'Bureau SLA | '+ dezeSlug;
$.address.value(addressvalue);
$.address.title(addresstitle);
$("body").attr("title",addresstitle).attr("rel",addressvalue);
}
//_gaq.push(['_trackPageview', '/sign-up-complete.php']);
_gaq.push(['_trackEvent', 'Projecten', 'Show', dezeSlug]);
});
}
function setWidthofImages(){
theseLi = $("#spread .images li");
theseImages = $("#spread .images");
thisSpread = $("#spread .imgspread");
//imgLiHeight = theseLi.outerHeight(); //php
aantalImg = theseLi.length;
//amountOfLi = Math.ceil(aantalImg / 2 );
pageWidth = theseLi.outerWidth();
theseImages.css("width", (aantalImg*pageWidth)+1+"px");
// heights = "height:"+parseInt(imgLiHeight + 1)+"px"; //php
//$("#spread .imgspread").prepend('
');
thisSpread.prepend('
');
if (aantalImg == 2){
$("#spread .goRight").hide();
}
$("#spread .imgspread .goLeft, #spread .imgspread .goRight").bind('click', function() {
currentMargin = Math.ceil(theseImages.offset().left - 1);
if ( $(this).hasClass("goLeft") ){
step = parseFloat( parseInt(thisSpread.attr("rel"))+ 1);
thisSpread.attr("rel",step);
theseImages.stop(true, true).animate({
//"marginLeft" : (currentMargin + (pageWidth - 1))+"px"
"marginLeft" : "+="+(pageWidth)+"px"
}, 600);
}
if ( $(this).hasClass("goRight") ){
step = parseFloat( parseInt(thisSpread.attr("rel")) - 1);
thisSpread.attr("rel",step);
theseImages.stop(true, true).animate({
//"marginLeft" : (currentMargin - (pageWidth + 1))+"px"
"marginLeft" : "-="+(pageWidth )+"px"
}, 600);
}
if ( thisSpread.attr("rel") == "0" ) {
$("#spread .goLeft").hide();
} else {
$("#spread .goLeft").show();
}
//alert(2 - aantalImg);
if ( thisSpread.attr("rel") == (2 - aantalImg) ) {
$("#spread .goRight").hide();
} else {
$("#spread .goRight").show();
}
});
lightboxImages("#spread");
}
function setLabels(which){
if ( which == "mainspread"){
welkepakken = $("#labels-main div.label");
showPosterousLabelTitle();
} else {
welkepakken = $("#labels div.label");
}
welkepakken.each(function(){
if ( which == "mainspread"){
welkeplakken = $(this).parents(".post").attr("id");
} else {
welkeplakken = "spread";
}
//$("#labels-main div.label").each(function(){
//$("#labels div.label").each(function(){
attachto = $(this).find("a").attr("rel");
//alert($(this).parents(".post").attr("id"));
arrCoord = attachto.split("-");
if ( (arrCoord[0]) && (arrCoord[1])){
attachtovlak = arrCoord[0];
attachtowhich = arrCoord[1];
//console.log(attachtowhich);
if (attachtovlak == "img"){
attachtovlak = "images li";
}
if (attachtovlak == "laatste"){
attachtovlak = "lastspread .page";
}
if (attachtovlak == "main"){
attachtovlak = "mainspread .page";
}
//if (attachtowhich){
thisspread = $("#"+welkeplakken+" ."+attachtovlak+":nth-child("+attachtowhich+")");
if (attachtovlak == "column"){
attachtovlak = "textpages .column";
attachtowhich = attachtowhich-1;
thisspread = $("#"+welkeplakken+" ."+attachtovlak+":eq("+attachtowhich+")");
}
//}
$(this)
.clone()
.appendTo(thisspread)
.addClass("clone")
.show("slow", function(){
$(".label.clone a.label3, .label.clone a.label1").draggable({ containment: '#scroller1', scroll: false });
});
}
showPosterousLabelTitle();
});
}
function scrollToPost(){
spreadchild = $my.spread.find(".spread");
heightofspread = spreadchild.height();
$my.spread.animate({
height:heightofspread+"px"
}, 1500, function() {
setALSscroll();
heightofspreadx = spreadchild.height();
$my.spread.css("border-bottom","none");
$my.spread.css("height",heightofspreadx+"px");
setTimeout(setLabels, 200);
});
//fromtop = dezeParent.position().top;
//alert(fromtop);
dezeParent = $my.spread.parents(".post");
fromtop = dezeParent.position().top;
$my.scroller1.animate({
"scrollTop":fromtop+120
}, 1000);
}
function maakColumns(breedte,hoogte){
deze = $my.spread.find('.textpages');
if (deze.length){
// the height of the content, discluding the header/footer
var content_height = hoogte;
var content_width = breedte;
// the beginning page number to show in the footer
buildNewsletter(content_width,content_height);
} else {
scrollToPost();
$my.spread.find(".imgspread").css("margin-top","-1px");
}
}
function buildNewsletter(content_width,content_height){
if($('#newsletterContent').contents().length > 0){
// when we need to add a new page, use a jq object for a template
// or use a long HTML string, whatever your preference
$page = $("#page_template").clone().addClass("npage").css("display", "block");
// fun stuff, like adding page numbers to the footer
//$page.find(".footer span").append(page);
$("#spread .textpages").append($page);
//page++;
// here is the columnizer magic
$('#newsletterContent').columnize({
columns: 2,
target: ".npage:last",
overflow: {
height: content_height,
width: content_width,
id: "#newsletterContent",
doneFunc: function(){
//console.log("done with page");
buildNewsletter(content_width,content_height);
}
}
});
} else {
scrollToPost();
$("#spread .npage:last").css("border-bottom","none");
$my.spread.find(".imgspread").css("margin-top","-1px");
$("#spread .npage .column").css("height",$("#spread .npage").height()-40+"px");
}
}
//function maakColumnsx(breedte,hoogte){
//
//
// deze = $my.spread.find('.wide');
//
//
//
// if (deze.length){
//
//
// deze.columnize({
//
//
// width : breedte,
// lastNeverTallest: true,
// height : hoogte - 40,
// buildOnce : true,
// doneFunc : function(){
// dezecolumns = deze.find('.column');
// tellen = dezecolumns.size() - 1;
// dezecolumnsEven = deze.find('.column:even');
// dezecolumnsLast = deze.find('.column.last');
// dezecolumnsNotLast = deze.find('.column:not(.last)');
// dezecolumnsLastTwo = deze.find(".column:not(.last):not(.column:nth-child("+tellen+"))")
// deze.css("width", (breedte + 100) * 2 +"px"); // MUST be set after .columnize()
//deze.css("background-color", "RED"); // MUST be set after .columnize()
// dezecolumns.css("height",hoogte +"px");// MUST be set after .columnize(
// dezecolumnsEven.addClass("even").css("border-right","solid 1px #000");
//
// if ( dezecolumnsLast.hasClass("even") ) {
// dezecolumnsNotLast.css("border-bottom","solid 1px #000");
// } else {
// dezecolumnsLastTwo.css("border-bottom","solid 1px #000");
// }
//
// dezecolumnsEven.each(function(){
// if ( $(this).is(':empty') ) {
// $(this).remove();
// dezecolumns.css("border-bottom","none");
// }
// });
// if ( ($('#spread .wide .column').length % 2) != 0 ) {
// can't use 'dezecolumns', because some of them might have been removed (empty())
//$(deze).find("br").before("
");
// }
//
// scrollToPost();
// }
// });
// } else {// deze.length
//
// scrollToPost();
// $my.spread.find(".imgspread").css("margin-top","-1px");
// }// end deze.length
//
// }
function initiatePosterousGallery(){
$('.ngg-thumbnail-list a').click(function () {
source = $(this).attr("rel");
$('.ngg-galleryoverview .pic img').attr("src",source) ;
return false;
});
setTimeout(setCarouselThumbsWidth, 500);
$("#foto-carousel .jMyCarousel li a").click(function(){
clickedimage = $(this).attr("rel");
//description = $(this).find(".description").html();
$(".jMyCarousel li").removeClass("clicked").removeClass("firstclicked");
$("a[rel$='"+clickedimage+"']").parent().addClass("clicked");
//$(".enlarged p.fotobijschrift").html(description);
loadImg(clickedimage);
return false;
});
$(".enlarged .imgB img").attr("src",$('.jMyCarousel li:first a').attr("rel"));
//$(".enlarged p.fotobijschrift").html($('.jMyCarousel li:first a div.description').html())
$('.jMyCarousel li:first').addClass("clicked");
bringtofront();
}
function setCarouselThumbsWidth() {
if ( $('#foto-carousel .jMyCarousel li').length > 7 ){
$("#foto-carousel .jMyCarousel").addClass('carouseled').jMyCarousel({
visible: '498px',
circular: false,
btnPrev: $('#jm-prev-f'),
btnNext: $('#jm-next-f')
});
}
}
function bringtofront(){
nextImg = $("#foto-carousel .jMyCarousel .clicked").next("li");
if (nextImg.length == 0) {
nextImg = $(".jMyCarousel ul li:first");
};
nextImgSrc = $(nextImg).find("a").attr("rel");
$('.next-img').unbind('click').bind("click", function(e){
$(".jMyCarousel li").removeClass("clicked");
$(nextImg).addClass("clicked");
loadImg(nextImgSrc);
});
prevImg = $(".jMyCarousel .clicked").prev("li");
if ( prevImg.length == 0 ) {
prevImg = $(".jMyCarousel ul li:last");
};
prevImgSrc = $(prevImg).find("a").attr("rel");
prevImgDescr = $(prevImg).find("div.description").html();
$('.prev-img').unbind('click').bind("click", function(e){
$(".jMyCarousel li").removeClass("clicked");
$(prevImg).addClass("clicked");
loadImg(prevImgSrc);
});
$(".enlarged .ontop").animate(
{opacity:0}, 500, function(){
$(this).css("opacity","1");
$(".enlarged .atbottom").addClass("ontop").removeClass("atbottom");
$(this).removeClass('ontop').addClass('atbottom');
}
);
}
function loadImg(theImg){
newimage = theImg;
var laadPlaatje = new Image();
laadPlaatje.onload = function() {
$(".enlarged .atbottom img").attr("src", newimage);
bringtofront();
}
laadPlaatje.src = newimage;
if ( $(".carousel").height() < 371){
$(".carousel").animate({
height: "371px"
}, 500 );
}
}