var flowIDs;
var nextPicFunctions = {};
var nextPicManualFunctions = {};
var isWebkit = 'WebkitAppearance' in document.documentElement.style;

jQuery(document).ready(function() {
	flowIDs = getFlowIDs();

	flowIDs.every(function(DOM) {
		return makeFlow(DOM);
	});
});

function getFlowIDs() {
	var flowDivs = jQuery('[id^=dflow-]');
	return jQuery.map(flowDivs, function(div) {
		return jQuery("#" + div.id);
	});
}

function makeFlow(DOM) {
	var id = DOM.data("id");
	var curr = 0;
	var prev = 0;
	var timer = false;
	var auto_change = false;
	var blocked = 0;
	var count = DOM.data("pictures");
	var counter = 0;
	var flowtime = DOM.data("flowtime");
	var flowtype = DOM.data("flowtype");
	var intersectiontime = DOM.data("intersectiontime");
	var restart_number = DOM.data("restartnumber");
	var changetime = DOM.data("changetime");
	var preview = DOM.data("preview");
	var switchmode = DOM.data("switchmode");
	var scale_to = DOM.data("scaleto");
	var height = DOM.data("height");
	var width = DOM.data("width");
	var subpic_delay = DOM.data("subpic-delay");
	var subpic_flowtime = DOM.data("subpic-flowtime");
	var random = DOM.data("random");

	var nextpicManual = function(direction, target) {
		window.clearTimeout(timer);
		if(auto_change)
			auto_change = false;
		nextpic(direction,target);
	}

	var postTransition = function() {
		if(isWebkit) {
			jQuery("#flowdata-"+id+"-"+prev).css("-webkit-transform", "initial");
			jQuery("#flowdata-"+id+"-"+curr).css("-webkit-transform", "initial");
		}
		var currentpic = jQuery("#flowdata-"+id+"-"+prev);
		if(currentpic.data("scrolls")) {
			currentpic.switchClass("dflow_pic_scrolled", "dflow_pic_scrolls");
		}
	}

	var nextpic = function(direction, target) {
		if(!blocked) {
			blocked = true;
			window.setTimeout(function() {blocked = false;}, flowtime);

			if(arguments[0] == '-1'){
				if(curr == 0)
					next = count - 1;
				else
					next = curr - 1;
			} else {
				next = (curr+1) % count;
				if(next == count-1) counter += 1;
			}
			if(random) {
				next = curr;
				if(count > 1) {
					while(next == curr) {
						next = Math.floor(Math.random() * count);
					}
				}
			}
			if(arguments[1] !== undefined) {
				next = arguments[1];
			}

			// Webkit workaround for puff / zoom effect
			if(isWebkit && (flowtype == "puff" || flowtype == "slide" || flowtype == "drop" || flowtype == "clip")) {
				var translation;
				if(scale_to == "width") {
					translation = (height - jQuery("#flowdata-"+id+"-"+curr).height()) / 2;
					jQuery("#flowdata-"+id+"-"+curr).css("top", 0).css("bottom", 0).css("-webkit-transform", "translateY("+translation+"px)");
					
					translation = (height - jQuery("#flowdata-"+id+"-"+next).height()) / 2;
					jQuery("#flowdata-"+id+"-"+next).css("top", 0).css("bottom", 0).css("-webkit-transform", "translateY("+translation+"px)");
				} else {
					translation = (width - jQuery("#flowdata-"+id+"-"+curr).width()) / 2;
					jQuery("#flowdata-"+id+"-"+curr).css("left", 0).css("right", 0).css("-webkit-transform", "translateX("+translation+"px)");
					
					translation = (width - jQuery("#flowdata-"+id+"-"+next).height()) / 2;
					jQuery("#flowdata-"+id+"-"+next).css("left", 0).css("right", 0).css("-webkit-transform", "translateX("+translation+"px)");
				}
			}


			if(arguments[0] != '-1'){
				jQuery("#flowdata-"+id+"-"+curr).hide(flowtype, {direction:'left'},flowtime, postTransition);
				if(jQuery("#subpic-"+id+"-"+curr).size() == 1) {
					jQuery("#subpic-"+id+"-"+curr).hide("drop", {direction:'right'}, subpic_flowtime);
				}
			} else {
				jQuery("#flowdata-"+id+"-"+curr).hide(flowtype, {direction:'right'},flowtime, postTransition);
				if(jQuery("#subpic-"+id+"-"+curr).size() == 1) {
					jQuery("#subpic-"+id+"-"+curr).hide("drop", {direction:'left'}, subpic_flowtime);
				}
			}

			if(preview) {
				jQuery("#flowdata-"+id+"-thumb-"+curr).css("border", "2px solid transparent");
				jQuery("#flowdata-"+id+"-thumb-"+next).css("border", "2px solid black");
			}

			if(arguments[0] != '-1'){
				jQuery("#flowdata-"+id+"-"+next).show(flowtype, {direction:'right'},flowtime-intersectiontime, postTransition);
				if(jQuery("#subpic-"+id+"-"+next).size() == 1) {
					window.setTimeout(function() {
						jQuery("#subpic-"+id+"-"+next).show("drop", {direction:'left'}, subpic_flowtime);
					}, subpic_delay);
				}
			} else {
				jQuery("#flowdata-"+id+"-"+next).show(flowtype, {direction:'left'},flowtime-intersectiontime, postTransition);
				if(jQuery("#subpic-"+id+"-"+next).size() == 1) {
					window.setTimeout(function() {
						jQuery("#subpic-"+id+"-"+next).show("drop", {direction:'right'}, subpic_flowtime);
					}, subpic_delay);
				}
			}

			prev = curr;
			curr = next;

			if(auto_change && arguments[1] === undefined && (restart_number == 0 || counter < restart_number)){
				timer = window.setTimeout(nextpic, (changetime+2*flowtime-intersectiontime));
				var currentpic = jQuery("#flowdata-"+id+"-"+curr);
				if(currentpic.data("scrolls")) {
					currentpic.switchClass("dflow_pic_scrolls", "dflow_pic_scrolled", (changetime+2*flowtime-intersectiontime));
				}
			}
		}
	};

	if(jQuery("#subpic-"+id+"-0").size() == 1) {
		window.setTimeout(function() {
			jQuery("#subpic-"+id+"-0").show("drop", {direction:'right'}, flowtime);
		}, subpic_delay);
	}

	if(switchmode == "auto" || switchmode == "both") {
		auto_change = true;
		counter = 0;
		window.setTimeout(nextpic, changetime);
	}

	nextPicFunctions[id] = nextpic;
	nextPicManualFunctions[id] = nextpicManual;

	return true;
}

function nextPic(flow, manual, direction, target) {
	if(!manual) {
		nextPicFunctions[flow](direction, target);
	} else {
		nextPicManualFunctions[flow](direction, target);
	}
}