//設定
var BASE_PATH     = '/wp-content/themes/technovan';
var XML_URL       = '/wp-content/themes/technovan/js/images.xml';
var TIMEOUT_LIMIT = 4500;
var IMG_WIDTH     = 930;
var IMG_HEIGHT    = 275;
var image = new Array();
var userAgent;


/**********************************
 * トップページメインビジュアル
 **********************************/
$(window).bind("load",function(){
	init();
	setInterval( "slideSwitch()", TIMEOUT_LIMIT );
});


/**********************************
 * 画像切り替え。
 **********************************/
function slideSwitch()
{
	var $active = $('#slidearea img.active');
	if ( $active.length == 0 ) {
		$active = $('#slidearea img:last');
	}
	var $next =  $active.next().length ? $active.next() : $('#slidearea img:first');
	$active.addClass('last-active');
	$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 2000, function() {$active.removeClass('active last-active');});
}


/**********************************
 * 初期化
 **********************************/
function init()
{
	jQuery.ajax({
		url: XML_URL,
		type: 'GET',
		dataType: 'xml',
		cache : false,
		timeout: TIMEOUT_LIMIT,
		error: function(){
			//エラー時。
		},
		success: function(xml){
			mainvisualxml = xml;
			setSlideShowData(xml);
			for( i=0; i < image.length; i++ ) {
				if(userAgent == "mozilla" && isMac == "true" && jQuery.browser.version.substr(0,3)=="1.8"){
					if(i==0) {
						jQuery('#slidearea').append("<img src="+image[i].src+" width=\"" + IMG_WIDTH + "\" height=\"" + IMG_HEIGHT + "\" alt=\""+image[i].alt+ "\" onclick=location.href=\""+image[i].link+"\" class=\"active\" />");
					}
					else {
						jQuery('#slidearea').append("<img src="+image[i].src+" width=\"" + IMG_WIDTH + "\" height=\"" + IMG_HEIGHT + "\" alt=\""+image[i].alt+ "\" onclick=location.href=\""+image[i].link+"\" />");
					}
				}
				else {
					if(i==0) {
						jQuery("#slidearea").append("<img src="+image[i].src+" width='" + IMG_WIDTH + "' height='" + IMG_HEIGHT + "' alt='" + image[i].alt + "' onclick=location.href='"+image[i].link+"' class='active' />");
					}
					else {
						jQuery("#slidearea").append("<img src="+image[i].src+" width='" + IMG_WIDTH + "' height='" + IMG_HEIGHT + "' alt='" + image[i].alt + "' onclick=location.href='"+image[i].link+"' />");
					}
				}
			}
		}
	});
}

/**********************************
 * xml解析
 **********************************/
function setSlideShowData(xml){
	cnt = 0;
	sortArr = new Array();
	jQuery(xml).find("image").each(function(){
		image[cnt] = new Object();
		image[cnt].id = jQuery(this).find("id").text();
		sortArr.push(image[cnt].id);

		xmlObj = new Object();
		xmlObj.src  = jQuery(this).find("src").text();
		xmlObj.link = jQuery(this).find("link").text();
		xmlObj.alt  = jQuery(this).find("alt").text().length>0 ? jQuery(this).find("alt").text() : "none";

		image[cnt].src  = xmlObj.src;
		image[cnt].link = xmlObj.link;
		image[cnt].alt  = xmlObj.alt;
		cnt++;
	});

}