$.fn.ticketshow = function(){
	
	var me = this;
	var delay = 5000;
	var speed = 300;
	var prev;
	var prevB;
	var current = 1;
	var currentB= 1;
	var nextB;
	var next;
	var numSlides = $("#photo img").size();
	var numBan=$("#ban img").size();
	var rotation;
	
	
	// rotation
	function rotate()
	{
		
		
		//console.log("Rotation... Current: "+current+" || Next: "+next);
		$("#sele").attr("id","");
		$(".image"+next).attr("id","sele");
		
		$('.ticketshow-btn', me).animate({left: '60'});
		$('.ticketshow-btn:eq('+current+')', me).animate({left: '40'});
		
	
		$("#photo img").hide();
		$("#photo img:eq("+next+")").fadeIn(speed);
		
		$("#ban img").hide();
		$("#ban img:eq("+nextB+")").fadeIn('10000');
		
		
		
		current = (current + 1) % numSlides;
		currentB= (currentB+ 1)% numBan;
		setup();
	}
	function setup()
	{
		prev = current - 1;
		if(prev < 0) prev = numSlides - 1;
		
		next = (current + 1) % numSlides;
		
		
		prevB = currentB - 1;
		if(prevB < 0) prevB = numBan - 1;
		
		nextB = (currentB + 1) % numBan;
		
	}
// append essential elements
	
	
	
	
	// hover
	$(this).hover(function(){}, function(){
		if(rotation == null) rotation = setInterval(rotate, delay);
	});
	
	
	setup();
	rotate();
	rotation = setInterval(rotate, delay);
};

$(document).ready(function(){ $('#photo').ticketshow(); });












//////////////////////////////Scripted by Nabil