/*********************************************************************
 *
 * </js/key_visual.js>
 *
 *********************************************************************/


// Set Up Start -----------------------------------------------//


// XML File Path
var xmlPath = "xml/key_visual.xml";

// Error
//var ajaxError = '<p><img src="image/img_key_visual_03.jpg" /></p>';

// Width
var imageWidth = 310;

// Height
var imageHeight = 500;


// Set Up End -----------------------------------------------//


var imgSrc = new Array();
var imgAlt = new Array();

$(function(){
	$('div#keyVisualNoscript').hide();
	
	$.ajax(
	{
		url: xmlPath,
		type: 'GET',
		dataType: 'xml',
		timeout: 1000,
		error: function(){
			//$('div#keyVisual').html(ajaxError);
			$('div#keyVisualNoscript').show()
		},
		success: function(xml){
			$(xml).find("image").each(function(){
				if($(this).find("url").text()) {
					imgSrc.push($(this).find("url").text());
					imgAlt.push($(this).find("alt").text());
				}
			});
			var viewNum = Math.floor(Math.random() * imgSrc.length);
			$('<p><img src="' + imgSrc[viewNum] + '" title="' + imgAlt[viewNum] + '" alt="' + imgAlt[viewNum] + '" width="' + imageWidth + '" height="' + imageHeight + '" /></p>')
				.appendTo('div#keyVisual');
		}
	})
});