/* ================================ +
LIEVESTRO
+ ================================ */
/*
** Made by: Thomas Lievestro
** Email: info@lievestro.com
** Website: www.lievestro.com
*/
/* ================================ +
GENERAL
+ ================================ */
var lang = "en";
var busy = false;
var OS ;
var browser;
var version;
function initCycleElements(){
elements = $(".portfolio_item_img");
for(i=0; i < elements.length; i++){
$(elements[i]).cycle({
timeout: 450,
speed: 1000,
delay: -300,
slideExpr: 'img'
});
$(elements[i]).cycle('pause');
}
}
function resetCycleElements(element){
for(i=0; i < elements.length; i++){
if(element[0] != elements[i]){
$(elements[i]).cycle('pause');
$(elements[i]).cycle(0);
$(elements[i]).stop().animate({ marginTop: "0px"}, 300);
}
}
}
function displayLightbox(href){
_gaq.push(['_trackPageview',href]);
$('#overlay_bg_container').fadeIn(700); //Fade de overlay background in
height = $('#wrapper').height();
$('#overlay_bg_container').css('height',height);
var href = href.split('/');
if($('#nav a:first').html() == 'nederlands'){
lang = "en";
var title = href[2];
var id = href[3];
$('#nav a:first').attr('href', "portfolio/"+title+"/"+id+"");
}else{
var title = href[1];
var id = href[2];
$('#nav a:first').attr('href', "en/portfolio/"+title+"/"+id+"");
}
$.ajax({
type: "POST",
url: "ajax/get_item_details.php",
data: "id="+id+"&lang="+lang+"",
success: function(data){
$('#overlay_portfoliodetail').html(data);
Cufon.refresh('#portfoliodetail_content h1');
Cufon.refresh('h2');
Cufon.refresh('h3');
if(getBrowserSize()[0] < 479){
window.setTimeout("initIphoneSlider()", 700); //Fade de overlay in
}
// thumb item
$(".portfoliodetail_thumb")
.click(function(){
goTo(this);
return false;
})
$('#close_lightbox')
.click(function(){
window.location.hash = '#';
hideLightbox();
return false;
});
$.scrollTo('body', 500);
}
});
window.setTimeout("$('#overlay_portfoliodetail').fadeIn(1000)", 700); //Fade de overlay in
}
function hideLightbox(){
_gaq.push(['_trackEvent','button','close_lightbox']);
$('#overlay_portfoliodetail').fadeOut();
window.setTimeout(function(){
$('#overlay_bg_container').fadeOut();
$.scrollTo('body', 500);
}, 400);
if($('#close_lightbox.refresh').length != 0){
href = $('#close_lightbox').attr('href');
window.setTimeout(function(){
window.location.href = href;
}, 1000);
}
if($('#nav a:first').html() == 'nederlands'){
lang = "en";
$('#nav a:first').attr('href', "/");
}else{
$('#nav a:first').attr('href', "en/");
}
}
function goTo(item){
//check if goTo is busy
if(busy == false && $(item).find('.active').length == 0){
//set busy = true
busy = true;
//remove active class from active navigation_item
$('.portfoliodetail_thumb img.active').removeClass('active');
//add active class to new active navigation item
$(item).find('img:first').addClass('active');
//get file type
var type = $(item).attr('class').replace('portfoliodetail_thumb ','');
//get src from image of navigation item
var src = $('.portfoliodetail_thumb img.active').attr('src');
//split src to array
var name = src.split("/");
_gaq.push(['_trackEvent','image',src]);
//if file type is a movie
if(type == 'movie'){
//get href from movie of navigation item
var href = $(item).attr('href');
//split href to array
var name_movie = href.split("/");
}
var imageObj = new Image();
//fade out old image in 0.1 seconden
$('#portfoliodetail_big .file_holder:first').animate({
opacity: 0.0
}, 100, function(){
//show loader
var loaderTimeout = window.setTimeout(function(){
$('#loader').show();
},1000);
//If image is loaded
imageObj.onload = function() {
if(type == 'image'){
//add new big_view image (opacity:0) now the real big image
$('#portfoliodetail_big .file_holder:first')
.after(''+
' '+
'
'+
'
'+
' '+
''+
'
'+
'
Alternative content
'+
'
'+
'
'+
'
'
+'
'
$('#contact_item').html(contact_details);
/* MOUSE EVENTS AND CLICKS */
$('.more').toggle(function() {
_gaq.push(['_trackEvent','button','show_more']);
$('#info').stop().animate({ height: '+=280'}, 300);
$(this).html('« Lees minder');
return false;
}, function() {
_gaq.push(['_trackEvent','button','hide_more']);
$('#info').stop().animate({ height: '-=280'}, 300);
$(this).html('Lees meer »');
return false;
});
$('.portfolio_item')
.mouseover(function(){
element = $(this).find(".portfolio_item_img");
resetCycleElements(element);
$(element).cycle('resume');
$(element).stop().animate({ marginTop: "-100px"}, 300);
var allPrevious = $(this).prevAll();
if(getBrowserSize()[0] > 950 + 24){
var arr = set_950;
}else if(getBrowserSize()[0] > 712 + 24){
var arr = set_712;
}else if(getBrowserSize()[0] > 479){
var arr = set_475;
}else{
var arr = set_239;
}
for(i=0; i < allPrevious.length; i++){
if(jQuery.inArray(i, arr) != -1){
if($(allPrevious[i]).length > 0){
$(allPrevious[i]).find(".portfolio_item_img").stop().animate({ marginTop: "-100px"}, 300);
}else{
break;
}
}
}
})
.mouseout(function(){
element = this;
$(element).find(".portfolio_item_img").stop().animate({ marginTop: "0px"}, 300, function(){
setTimeout(function(){
$(element).find(".portfolio_item_img").cycle('pause').stop();
$(element).find(".portfolio_item_img").cycle(0);
},10);
});
var allPrevious = $(this).prevAll();
if(getBrowserSize()[0] > 950 + 24){
var arr = set_950;
}else if(getBrowserSize()[0] > 712 + 24){
var arr = set_712;
}else if(getBrowserSize()[0] > 479){
var arr = set_475;
}else{
var arr = set_239;
}
for(i=0; i < allPrevious.length; i++){
if(jQuery.inArray(i, arr) != -1){
if($(allPrevious[i]).length > 0){
$(allPrevious[i]).find(".portfolio_item_img").stop().animate({ marginTop: "-0"}, 300);
}else{
break;
}
}
}
})
.click(function(){
var href = $(this).find('a').attr('href');
window.location.hash = '#/'+href;
displayLightbox(href);
return false;
});
$('.portfolio_item_content')
.click(function(){
var href = $(this).parent().find('a').attr('href');
window.location.hash = '#/'+href;
displayLightbox(href);
return false;
});
$('.portfolio_item a')
.click(function(){
var href = $(this).attr('href');
$.address.value(href);
// window.location.hash = '#/'+href;
displayLightbox(href);
return false;
});
$('#close_lightbox')
.click(function(){
window.location.hash = '#';
hideLightbox();
return false;
});
$(".portfoliodetail_thumb")
.click(function(){
goTo(this);
return false;
})
$("#contact_button")
.click(function(){
_gaq.push(['_trackEvent','button','contact']);
if($('#overlay_portfoliodetail:visible')){
$('#overlay_portfoliodetail').fadeOut();
window.setTimeout(function(){
$('#overlay_bg_container').fadeOut();
}, 400);
setTimeout(function(){
$.scrollTo( '#contact_item', 1500);
setTimeout(function(){
$('.contact_details').effect('highlight', {color:"#666666"}, 3000);
},500);
},1000);
}else{
$.scrollTo( '#contact_item', 1500);
setTimeout(function(){
$('.contact_details').effect('highlight', {color:"#666666"}, 3000);
},500);
}
if($('#nav a:first').html() == 'nederlands'){
lang = "en";
$('#nav a:first').attr('href', "/");
}else{
$('#nav a:first').attr('href', "en/");
}
return false;
})
height = $('#wrapper').height();
$('#overlay_bg_container').css('height',height);
if(getBrowserSize()[0] < 479){
initIphoneSlider();
}
$(window).resize(function() {
if(getBrowserSize()[0] < 479){
initIphoneSlider();
}else{
removeIphoneSlider();
}
});
});