//JavaScript Document
//Author: Jonathan Manaois
//Company: http://www.teamcreatives.com/
$(document).ready(function(){
var debug = false;
var m = {"images": [
        {"after": "bna/before1.jpg", "before": "bna/after1.jpg"},
        {"after": "bna/after2.jpg", "before": "bna/before2.jpg"},
        {"after": "bna/after3.jpg", "before": "bna/before3.jpg"},
		{"after": "bna/after4.jpg", "before": "bna/before4.jpg"},
		{"after": "bna/after5.jpg", "before": "bna/before5.jpg"},
		{"after": "bna/after6.jpg", "before": "bna/before6.jpg"},
		{"after": "bna/after7.jpg", "before": "bna/before7.jpg"},
		{"after": "bna/after8.jpg", "before": "bna/before8.jpg"},
		{"after": "bna/after9.jpg", "before": "bna/before9.jpg"},
		
		{"after": "bna/after10.jpg", "before": "bna/before10.jpg"},
		{"after": "bna/after11.jpg", "before": "bna/before11.jpg"},
		{"after": "bna/after12.jpg", "before": "bna/before12.jpg"},
		{"after": "bna/after13.jpg", "before": "bna/before13.jpg"},
		{"after": "bna/after14.jpg", "before": "bna/before14.jpg"},
		{"after": "bna/after15.jpg", "before": "bna/before15.jpg"},
		{"after": "bna/after16.jpg", "before": "bna/before16.jpg"},
		{"after": "bna/after17.jpg", "before": "bna/before17.jpg"},
		{"after": "bna/after18.jpg", "before": "bna/before18.jpg"},
		{"after": "bna/after19.jpg", "before": "bna/before19.jpg"},
		{"after": "bna/after20.jpg", "before": "bna/before20.jpg"}

]
};
var i = 0;
for(key in m.images) {
	i++;
}
var u = i-1;
var IMGS = {
	pre: function(){
		
	},
	next: function(){
		
	},
	setInput: function(inc,val){
		if(inc=='inc'){
			var inp = val-1;
			$("#input").val(inp);
			var after = m.images[inp].before;
			var before = m.images[inp].after;
			//alert(inp+"-"+before+"-"+after);
			$("#before").fadeOut("slow",function(){$("#b").attr({ src: before });$(this).fadeIn("slow");});
			$("#after").fadeOut("slow",function(){$("#a").attr({ src: after });$(this).fadeIn("slow");});
		}else{
			var inp = val+1;
			$("#input").val(inp);
			var after = m.images[inp].before;
			var  before= m.images[inp].after;
			//alert(inp+"-"+before+"-"+after);
			$("#before").fadeOut("slow",function(){$("#b").attr({src:before});$(this).fadeIn("slow");});
			$("#after").fadeOut("slow",function(){$("#a").attr({src:after});$(this).fadeIn("slow");});
		}
	}
};
$("#pre").click(function(){
	var inp;
	if(parseInt($("#input").val())==0){
		inp = i;
	}else{
		inp = parseInt($("#input").val());
	}
	IMGS.setInput("inc",inp);
});

$("#next").click(function(){
	if(parseInt($("#input").val())==u){
		inp = -1;
	}else{
		inp = parseInt($("#input").val());
	}
	IMGS.setInput("dec",inp);
});
});