$(document).ready(function() {
	last_step = null;
	external_hold = false;
	
	$('.acc').mouseover(function(sender){
		if(sender.originalEvent)
		{
			external_hold = true;
		}
	});
	
	$('.acc').mouseout(function(sender){
		if(sender.originalEvent)
		{
			external_hold = false;
		}
	});
	
	$('#accStop').click(function(){
		if(variable_holder)
		{
			clearInterval(variable_holder);
			last_step = variable_holder_step;
			variable_holder = null;
			$(this).html("Start accordion animation");
		}
		else
		{
			$(".acc").hrzAccordionLoop(last_step);
			$(this).html("Stop accordion animation");
		}
	});
	$.ajax({
        type: "GET",
		url: "data.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('accItem').each(function(){
				var thumbUrl = $(this).find('thumb').text();
				var thumbUrl_over = $(this).find('thumb_over').text();
				var images = [];
				$(this).find('image').each(function() {
					images.push(jQuery.trim($(this).text()));
				});
				var text = $(this).find('text').text();
				var text2 = $(this).find('text2').text();
				var imagesContent = '';
				for(i=1;i<=images.length;i++)
				{
					var selected = '';
					if(i==1)
						imagesContent += '<div id="inimage-' + i + '" class="inimage selected"><img src="' + images[i-1] + '" /></div>';
					else
						imagesContent += '<div id="inimage-' + i + '" class="inimage" style="display:none;"><img src="' + images[i-1] + '" /></div>';
				}
				
				var content = '<li><div class="accHandle"><img class="normal" src="' + thumbUrl + '" /><img class="over" src="' + thumbUrl_over + '" /></div><div class="imgPart">' + imagesContent + '</div><div class="textPart">' + text + '</div><div class="textPart2">' + text2 + '</div></li>';
				$(".acc").append(content);
			});

			img_fader_interval = setInterval(function(){
				var collection = $('[rel~="accContainerSelected"] .imgPart div');
				var selected = false;
				
				jQuery.each(collection, function(a,b){
					if(selected) return;
					var size = collection.size();
					if(size < 2)
						return;
					
					var c = $(b);
					if(c.hasClass('selected') )
					{
						if(a+1 < size)
						{
							var d = collection[a+1];
						}
						else
						{
							var d = collection[0];
						}

						d = $(d);					
						
						c.fadeOut(1000).removeClass('selected');
						d.fadeIn(1000).addClass('selected');
						
						selected = true;
					}
				});
				selected = false;
			}, 3500);
			
			$(".acc").hrzAccordion({
				handlePosition			: "left",
				containerClass			: "accContainer",
				cycle					: true,
				listItemClass			: "accItem",					
				openOnLoad				: "1",
				cycleInterval			: 3500,
				contentWrapper     		: "accContentWrapper",
				contentInnerWrapper		: "accContentInnerWrapper",
				handleClass				: "accHandle",
				handleClassOver			: "accHandleOver",
				handleClassSelected		: "accHandleSelected",
				contentContainerClass	: "accContentContainer",
				closeEaseAction			: "swing",
				openEaseAction			: "swing",
				openSpeed				: 500,
				closeSpeed				: 500,
				eventTrigger			: "mouseover"
			});
		}
	});
});