// JavaScript Document
$(function(){
  //initialize
	//$('#mainImage ul li:first').fadeTo('0',0);
  //mainImage method-----------------------------------
  $.fn.mainImage = function(settings){
	//setting property
    var settings = $.extend({
		  animateType:'fadeIn',
		  speed1:5000
		},settings),
	    obj = $(this),
		objChildren = obj.children();   	
	//init
	obj.fadeTo('0',0);
	//main : fadeIn
    function mainImageCore(){
	    var speed1 = settings.speed1;
		var timer = 0;
		obj.fadeTo(0,0,function(){
		  $(this).css({visibility:'visible'});
		  obj.fadeTo(speed1,1.0);
		});//css({visibility:'visible'});
		//$.event.add(window, "load", function(){
			//init
			//
			//alert(speed1);
			//timer = setTimeout(function(){
			//},10);
		//});
	}//function
	mainImageCore();
  }//mainImage method
  
  //write html from xml data
  $.fn.xml2html = function(settings){
    var settings = $.extend({
	  xmlurl : '/ap/shopping/newarrival.xml',//'/ap/shopping/newarrival.xml'
	  count : 5,
	  unitTag : 'product',
	  keys : ['goods_no','goods_stk_no_disp','pd_price','pd_title','img_filename_large'],
	  imgurl : 'http://image.www.selecsonic.com/hw/images/goods/'
	});
	//init
	var obj = $(this);
	var url = settings.xmlurl;
	var xmlData = [];
	var keys = settings.keys;
	var unitTag = settings.unitTag;
	var imgurl = settings.imgurl;
	var count = settings.count;
	for (var i=0; i<count; i++){
	  xmlData[i] = [];
	}
	//load xml
	jQuery.ajax({
	  type: "GET",
      url:url,
	  dataType:'xml',
	  timeout: 1000,
	  success:function(data){
	     var items = $(unitTag,data);//product?E
		 var j = 0;//products index
		 items.each(function(){
			if(j<count){
				//xmlData[j] = [];
			   for(var i = 0, keysLength = keys.length; i<keysLength; i += 1){
				   xmlData[j][keys[i]] = $(keys[i],items[j]).text();
				    //alert(xmlData[j][keys[i]]);
			   }
			}
		   j += 1;
		 });//items.each
			//main
			var k = 0;
			obj.each(function(){
			  var html = $(this).html();
			  var naItem = $(this);
			  //alert(html);
			  for(var i=0; i<keys.length && k<count; i++){
				 //xmlData[k] = [];
				 if(keys[i] === 'pd_price'){xmlData[k][keys[i]] = addFigure(xmlData[k][keys[i]])}
				 if(keys[i] === 'pd_title'){
				   var strLength = xmlData[k][keys[i]].length;
				   if(strLength > 10){
				     html = html.replace('<span class="naName">', '<span class="naName" style="width:94px;">');
					 html = html.replace('<SPAN class=naName>', '<SPAN class=naName style="width:94px;">');
						  //alert(html);
				   }
				 }
				 html = html.replace('['+keys[i]+']', xmlData[k][keys[i]]);
			  }
			  $(this).html(html);
			  //alert(html);
			  k++;
			});
			  $('.newArrivalBody li>img.scrollLoad').lazyload({ effect : "fadeIn" });
			  $('.newArrivalBody img[class!=scrollLoad]').mouseover(function(){
				$(this).stop().fadeTo('100',0.7);
			  }).mouseout(function(){
				 $(this).stop().fadeTo('100',1.0);
			  });
			  $('#newArrival img[src*=item_lineup]').mouseover(function(){
				$(this).stop().fadeTo('100',0.7);
			  }).mouseout(function(){
				 $(this).stop().fadeTo('100',1.0);
			  });
	  },//success function
	  error:function(){
	    //alert(url);
	  }
	});//load xml
	
	
  }
  //addFigure
  function addFigure(str) {　var num = new String(str).replace(/,/g, "");　while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2")));　return num;}
  
  
  //run
  $('#mainImage ul li:first').mainImage({speed1:5000});
  $('.newArrivalBody li').xml2html();

  
});