var TSS = SlideShow.extend({
	init: function () {
		var projects_xml = '/shared/xml/projects.xml';
		var works_xml    = '/shared/xml/works.xml';
		
		this.loadXml(projects_xml, works_xml);
	},
	
	loadXml: function (projects, works) {
		$.ajax({
			url: projects,
			type: 'GET',
			dataType: 'xml',
			success: function (xml) {
				var projects_arr = $.map($(xml).find('item'), function (i) {
					if ($(i).find('images').size() && $(i).find('image').size()) {
						return i;
					}
				});
				
				$.ajax({
					url: works,
					type: 'GET',
					dataType: 'xml',
					success: function (xml) {
						var works_arr = $.map($(xml).find('item'), function (i) {
							if ($(i).find('images').size() && $(i).find('image').size()) {
								return i;
							}
						});
						
						var xml = [];
						xml = projects_arr.concat(works_arr);
						xml.sort(TSS.sortXml);
						TSS.xml = xml.slice(0,5);
						
						TSS.slideInit(TSS.xml);
					}
				});
			}
		});
	},
	
	sortXml: function (a, b) {
		var sort_a = parseInt($(a).find('release').text().split('.').join(''));
		var sort_b = parseInt($(b).find('release').text().split('.').join(''));
		
		return sort_b - sort_a;
	},
	
	slideInit: function (xml) {
		var preimg = {};
		var slides = [];
		
		$(xml).each(function (i) {
			var category = ($(this).find('type').size()) ? 'projects' : 'works';
			var year     = $(this).find('release').text().split('.')[0];
			var src      = '/shared/' + category + '_img/' + year + '/' + $(this).find('image:first').attr('src');
			
			preimg[i] = new Image();
			preimg[i].src = src;
			
			slides.push($('<div class="slide"><img src="' + src + '" /></div>'));
		});
		
		var html = this.createHtml($(xml).eq(0));
		var btn_size = html.find('.btn li').size();
		$('#slideshow .detail_base').css({backgroundPosition: '0px -' + btn_size*31 + 'px'});
		html.appendTo('#slideshow .detail_base');
		
		SlideShow.init({
			slideWid: 920,
			slideArr: slides,
			moveBind: this.bind
		});
	},
	
	bind: function () {
		var self = $(TSS.xml[this.slide_num]);
		var next_html = this.createHtml(self);
		
		$('#slideshow .detail_base > div').fadeOut(500, function () {
			$(this).remove();
			next_html.css({display: 'none'}).appendTo('#slideshow .detail_base');
			
			var btn_size = next_html.find('.btn li').size();
			$('#slideshow .detail_base').css({backgroundPosition: '0px -' + btn_size*31 + 'px'});
			$('#slideshow .detail_base > div').fadeIn(500);
		});
		
	}
});

$(function () {
	TSS.init();
});