$(document).ready(function(){
	initTabs();
	getXMLGallery();

});

// Need this function to convert text into XML object for jQuery processing
function StringtoXML(text){
    if (window.ActiveXObject){
      var doc=new ActiveXObject('Microsoft.XMLDOM');
      doc.async='false';
      doc.loadXML(text);
    } else {
      var parser=new DOMParser();
      var doc=parser.parseFromString(text,'text/xml');
    }
    return doc;
}


function getXMLGallery() {
	$('div.slideshow-holder').each(function(){
		var _holder = $(this);
		var _xmlSource = _holder.attr('title');
		var _xmlSource = '/uploads/slideshow/gallery.xml';
		_holder.removeAttr('title');

		// ajax XML request
		var _ghold = _holder.find('ul.gallery-holder');
		_ghold.empty();


		var _xmlData = '<?xml version="1.0" encoding="utf-8"?><gallery>		http://www.hudsonhealthplan.org/newsroom/press-releases/hudsontops2010/			<item>		<id>1</id>		<source>/uploads/slideshow/dev/slide-01.png</source>		<content></content>		<link>http://www.hudsonhealthplan.org/newsroom/press-releases/2011/hudsontops2010/</link>	</item>		<item>		<id>2</id>		<source>/uploads/slideshow/dev/slide-02.png</source>		<content></content>		<link>http://www.hudsonhealthplan.org/visitors/how-to-apply-for-coverage/</link>	</item>		<item>		<id>3</id>		<source>/uploads/slideshow/dev/slide-03.png</source>		<content></content>		<link>http://www.hudsonhealthplan.org/members/premium-payment/</link>	</item>		<item>		<id>4</id>		<source>/uploads/slideshow/dev/slide-04.png</source>		<content></content>		<link>https://enroll.hudsonhealthplan.org/LeadApplication.aspx?refid=hhpcode</link>	</item>		<item>		<id>5</id>		<source>/uploads/slideshow/dev/slide-05.png</source>		<content></content>		<link>http://www.hudsonhealthplan.org/members/art-contest/</link>	</item>	</gallery>';
		var _galleryData = StringtoXML(_xmlData);


				//generate gallery from XML
				$(_galleryData).find('item').each(function(){
					var _item = $(this);
					var _source = $(this).find('source').text();
					var _id = $(this).find('id').text();
					var _title = $(this).find('content').text();
					var _link = $(this).find('link').text();

					var img = new Image();
					img.src = _source;
					_ghold.append('<li class="slide'+_id+'"><a href="'+_link+'" onclick="window.open(\''+_link+'\',\'_top\'); return false;"><img src="'+_source+'"  alt="image" /><div class="text-holder"><div class="text-bg"><p class="text-holder">'+_title+'</p></div></div></a></li>');
				});
				initFadeGallery("div.gallery li", ".dots");
	});
}

var slides;
var buttons;
var current = 0;
var duration = 10000;/*4 sec*/

function initFadeGallery(images, buttons)
{
	slides = $(images);
	buttons = $(buttons);
	$(this).text($(".dots").html("<ul>"));
	$(slides).each(function(i, el)
	{
		$(".dots ul").append("<li><a href='javascript:;'><span>" + parseInt(i+1) + "</span></a></li>");
	});
	$(buttons).find("a").eq(0).addClass("active");
	$(slides).css({"opacity": 0}).eq(0).css({"opacity": 1, "z-index": 1});

	$(buttons).find("a").each(function(i, el)
	{
		$(el).click(function()
		{
			if(current != i)
			{
				$(buttons).find("a").removeClass("active");
				$(slides).eq(current).animate({"opacity": 0 });
				$(slides).css({"z-index": 0}).eq(i).css({"z-index": 1});
				$(slides).eq(i).animate({"opacity": 1});
				current = i;
				$(this).addClass("active");
				clearTimeout(timer);
				timer = setTimeout("rotate(" + current + ")", duration);
			}
		});
	});
	timer = setTimeout("rotate(" + 0 +")", duration);
}

function rotate(_index)
{
	_index = current;
	$(slides).eq(_index).fadeTo("slow", 0);
	if(_index == $(slides).length - 1)
		_index = -1;
	$(slides).eq(++_index).fadeTo("slow", 1);
	$(slides).css({"z-index": 0}).eq(_index).css({"z-index": 1});
	$("div.dots").find("a").removeClass("active").eq(_index).addClass("active");
	current = _index;
	timer = setTimeout("rotate(" + current + ")", duration);
}


function initTabs() {
	$('.tabset').each(function() {
		var _a = 0;
		var _btn = $(this).find('a.tab');
		_btn.each(function(_ind, _el) {
			_el.box = $('#' + _el.href.substr(_el.href.indexOf("#") + 1));
			if($(_el).hasClass('active')) {
				if(_el.box.length) _el.box.show();
				_a = _ind;
			}
			else {
				if(_el.box.length) _el.box.hide();
			}
			_el.onclick = function() {
				tabChange(_ind);
				return false;
			}
		});
		function tabChange(_i) {
			if(_i != _a) {
				_btn.get(_a).box.hide();
				_btn.eq(_a).removeClass('active');
				_btn.get(_i).box.show();
				_btn.eq(_i).addClass('active');
				_a = _i;
			}
		}
	});
}