var delay_marquee = 5000;
var delay_animation = 500;
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 = $("#ht-marquee-list").children().length;
    var windowHeight = $("#ht-marquee-window").height() - 41;

   	$("#ht-marqueetitle-window").animate({marginTop:"326px"}, 250);
	$("#ht-marquee-window").hover(
	  function () {
	      $("#ht-marqueetitle-window").animate({ marginTop:windowHeight + 'px' }, 250);
	  },
	  function () {
		$("#ht-marqueetitle-window").animate({marginTop:"326px"}, 250);
	  }
	);
}

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

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

    $item_here.addClass('last-here');

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

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

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