// Enable picture slideshow
$(window).load( function(){
	$('#container').karmicFlow();
});

// set image container widths depending on image size
var child;
var parents;
//var is_chrome = /chrome/.test( navigator.userAgent.toLowerCase() );

$(window).load(function() {
	parents = $("li.karmic_flow_slides");
    var widthSum = 0;
    for(var i = 0; i < parents.length; i++)
    {
            child = $("img", $(parents[i]));
            $(parents[i]).width($(child).width());
            widthSum += $(child).width();
    }
    $("ul.karmic_flow_slider").width(widthSum);
});

// enable js slider in description block
$(document).ready(function() {
	$("#project-details-slider").slider( {
		orientation: 'vertical',
		change: handleSliderChange,
		slide: handleSliderSlide,
		animate: true,
		value: 65
	});
});

$(document).ready(function() {
	$('#project-details').mousewheel(function(event, delta) {
		var val = $("#project-details-slider").slider('value');
		if(val+delta*5 <= 66) {
			$("#project-details-slider").slider('value', val+delta*5);
			var maxScroll = $("#project-details-scroll").attr("scrollHeight") - $("#project-details-scroll").height();
			$("#project-details-scroll").attr({scrollTop: (val+delta*10) * (maxScroll / 100) });
		}
		return false;
	});
});

function handleSliderChange(e, ui)
{
	//alert(65 - ui.value);
	var maxScroll = $("#project-details-scroll").attr("scrollHeight") - $("#project-details-scroll").height();
	$("#project-details-scroll").animate({scrollTop: (65 - ui.value) * (maxScroll / 100) }, 10);
}

function handleSliderSlide(e, ui)
{
	if(ui.value <= 66) {
		var maxScroll = $("#project-details-scroll").attr("scrollHeight") - $("#project-details-scroll").height();
		$("#project-details-scroll").attr({scrollTop: (65 - ui.value) * (maxScroll / 100) });
	}
	else
	{
		return false;
	}
}


// initial slide count, and description settings (displays first image and its description)
$(document).ready(function() {
	$(window).load(function() {
		var total = $('li.karmic_flow_slides').length;
		$('#slide-count').html('(' + 1 + ' - ' + total + ')' );
		$('#slide-1-description').css('display', 'block');
	});
});


function resizeBlocks() {
	var documentWidth = $(document).width();
	var blocksWidth = documentWidth - 70 - 280 - 62;
	var newBlocksWidth = blocksWidth;
	
	$('#center-blocks').css('width', newBlocksWidth + 'px');
	$('#center-wrapper').css('width', newBlocksWidth + 'px');
	$('#footer').css('width', newBlocksWidth + 'px');
	$('#top').css('width', newBlocksWidth + 'px');
	
	// middle block width
	$('#middle-spacer').css('width', newBlocksWidth + 'px');
	
	// image gallery width
	$('#project-gallery').css('width', newBlocksWidth + 'px');
	$('.karmic_flow_container').css('width', newBlocksWidth + 'px');
	
	// detail block width
	$('#project-details').css('width', newBlocksWidth + 'px');
	$('#project-details-scroll').css('width', newBlocksWidth-16 + 'px');
	$('#project-details-holder').css('width', newBlocksWidth-16 + 'px');
	
	$('#middle-spacer').css('width', newBlocksWidth + 'px');
	
	// dynamically set detail holder height, depending on contents
	$('#project-details-holder').css('height', $('#project-details-first-column').height() + 100 +'px');
	
	var topHeight = $("#top").height();
	//alert(topHeight);
	if(topHeight > 17) {
		$("#left-wrapper").css('padding-top', '32px');
	}
//}
}

$(document).ready(function() {
	$(window).resize(function() {
		resizeBlocks();
	});
	$(window).load(function() {
		resizeBlocks();
	});
	
	var documentWidth = $(document).width();
	var documentHeight = $(document).height();
	documentWidth += 'px';
	documentHeight += 'px';
	$("a[rel='fscreen']").colorbox({iframe:true, scrolling: false, opacity: 1, innerWidth: documentWidth, innerHeight: '800px', height: '800px', width: documentWidth});
});

//$(window).load(function() {
//	$("#breadcrumb").append("<span class='breadcrumb-current'>"+$("a[rel='fscreen']").html()+"</span>");
//});