var delay_marquee = 7500;
var delay_animation = 1000;
var total_images = 0;
var interval_marquee;

$(document).ready(
	function(){
		fnInitializeMarquee();
		fnInitializeMarqueeTitles();
		if(total_images > 1) {
			interval_marquee = window.setInterval(fnAutoMarquee,delay_marquee);
		}
	}
);


function fnInitializeMarquee() {
	total_images = $("#marquee-list").children().length;
}

function fnInitializeMarqueeTitles() {
	if(total_images > 1) {
		$("ul#marquee-list li").hide();
		$("ul#marquee-list li#marqueeimage-1").show();
		
		$("#marqueetitle-number-1").addClass('active');
		$(".marqueetitle-number").click(
			function(event){
				str_id = this.id;
				array_id = str_id.split("-");
				fnShiftMarquee(array_id[2], false);
			}
		);
	} else {
		$("#marqueetitle-number-1").css("display", "none");
	}
}

function fnShiftMarquee(param_num, param_auto) {
	if (param_auto != true) { clearInterval(interval_marquee); }
    var $item_active = $('ul#marquee-list li.active');
    var $item_next = $('ul#marquee-list li#marqueeimage-' + param_num);

    $item_active.addClass('last-active');

    $item_next.css({opacity: 0.0})
		.show()
        .addClass('active')
        .animate({opacity: 1.0}, delay_animation, function() {
            $item_active.removeClass('active last-active');
        });
	
	for(i=1;i<=total_images;i++) {
		if (param_num == i) {
			$("#marqueetitle-number-" + i).addClass('active');
			$("#marqueetitle-" + i).css('display', 'inline');
		} else {
			$("#marqueetitle-number-" + i).removeClass('active');
			$("#marqueetitle-" + i).css('display', 'none');
		}
	}
}

function fnAutoMarquee() {
    var $item_active = $('ul#marquee-list li.active');
	if ( $item_active.length == 0 ) { $item_active = $('ul#marquee-list li:last'); }
    var $item_next =  $item_active.next().length ? $item_active.next() : $('ul#marquee-list li:first');

	var $str_id = $item_next.attr("id");
	var $array_id = $str_id.split("-");
	fnShiftMarquee($array_id[1], true);
}