$(document).ready(function() {
//$(function() {
		   
	//INTIALIZE CONTROLS
	
	//$("ul.slideshow li").addClass("");
	$("ul.slideshow li:first").addClass("show");
	var t = $("ul.slideshow li:first").attr("id");
	var tArr = t.split("-");
	t=tArr[1];
	$("#dot-" + t).addClass('flash-dot-current');
	$("#dot-" + t).removeClass('flash-dot-off');		   
		   

	//  ADD onCLICK {next} TO FLASH SCOLL RIGHT
	$('#flash-scroll-right').click(function() {
			galleryNext();
	});

	
	 //ADD onCLICK {prev} TO FLASH SCOLL LEFT
	$('#flash-scroll-left').click(function() {
				galleryPrev();
	});
	
	//  ADD MOUSEOVER TO FLASH DOT
	$('#flash-dots span').hover(
		function () {
			if (!$(this).hasClass('flash-dot-current')) {
				$(this).addClass('flash-dot-on');
				$(this).removeClass('flash-dot-off');
			}
		},
		function () {
			if (!$(this).hasClass('flash-dot-current')) {
				$(this).addClass('flash-dot-off');
				$(this).removeClass('flash-dot-on');
			}
		}
	);
	
	//  ADD onCLICK {prev} TO FLASH DOTS
	$('#flash-dots span').click(function() {
				gallerySelect(this.id);
	});
	
	var timerFlash = setInterval('gallery()', 4000);

});


function gallery() {

	var current = ($('ul.slideshow li.show') ?  $('ul.slideshow li.show') : $('ul.slideshow li:first'));

	var next = ((current.next().length) ? current.next() : $('ul.slideshow li:first'));
		
	next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 500);
	
	var t = next.attr("id");
	var tArr = t.split("-");
	t=tArr[1];
	$("#dot-" + t).removeClass('flash-dot-off');
	$("#dot-" + t).addClass('flash-dot-current');
	
	var u = current.attr("id");
	var uArr = u.split("-");
	u=uArr[1];

	$("#dot-" + u).removeClass('flash-dot-current');
	$("#dot-" + u).addClass('flash-dot-off');
	
	current.animate({opacity: 0.0}, 500).removeClass('show');

}



function galleryNext() {
		var current = ($('ul.slideshow li.show') ?  $('ul.slideshow li.show') : $('ul.slideshow li:first'));
		var next = ((current.next().length) ? current.next() : $('ul.slideshow li:first'));
		changeDots(next, current);
		changeImage(next, current);
}


function galleryPrev() {
	var current = ($('ul.slideshow li.show') ?  $('ul.slideshow li.show') : $('ul.slideshow li:first'));
	var next = ((current.prev().length) ? current.prev() : $('ul.slideshow li:last'));
	changeDots(next, current);
	changeImage(next, current);
}

function gallerySelect(id) {
	var t = id;
	var tArr = t.split("-");
	t=tArr[1];
	var current = ($('ul.slideshow li.show') ?  $('ul.slideshow li.show') : $('ul.slideshow li:first'));
	var next = $('#flash-' + t);	
	changeDots(next, current);
	changeImage(next, current);
}


function changeDots(next, current) {
	var t = next.attr("id");
	var tArr = t.split("-");
	t=tArr[1];
	$("#dot-" + t).removeClass('flash-dot-off');
	$("#dot-" + t).addClass('flash-dot-current');
	$("#dot-" + t).removeClass('flash-dot-on');
	var u = current.attr("id");
	var uArr = u.split("-");
	u=uArr[1];
	$("#dot-" + u).removeClass('flash-dot-current');
	$("#dot-" + u).addClass('flash-dot-off');
}

function changeImage(next, current) {
	current.css({opacity: 0.0}).removeClass('show');
	next.css({opacity: 1.0}).addClass('show');
}