;(function($,exports,undefined){
"use strict";
// console.log(!$.fn.LoadSelectedPage)
if (!$.fn.LoadSelectedPage)
{
// ±âº» ¼³Á¤°ª Á¤ÀÇ
var DefaultSettings = {
Width : 100
,DetailPage01 : this
,DetailPage02 : this
};
// end - DefaultSettings
$.fn.LoadSelectedPage = function (options)
{
var
_this = this // .slideshow
,SetValue = $.type(options) == 'object' ? $.extend({},DefaultSettings, options) : DefaultSettings
,intIndex = 0
// ¹Ýº¹½Ãų ´ë»ó
,$ShowTarget = $('li',_this) // À̹ÌÁö ¸ñ·Ï. .slideshow li
//,$SelectImage = $('img',$ShowTarget) //
,$ShowParent = _this.parent();
// console.log('_this : ' + _this);
$ShowParent.css
({
     'position' : 'relative'   // ÇöÀç À§Ä¡ ±âÁØ. »ó´ë À§Ä¡.
});
////°¢ li ¾ÈÀÇ À̹ÌÁö¿¡ ´ëÇÑ ¼³Á¤
//$SelectImage.css
//({
//// 'width' : '100%'
//'background-size' : 'cover'
//// ,'opacity' : '0' // Åõ¸íÇÏ°Ô.
//});
SetValue.DetailPage01.load('./main_product/product01.php');
SetValue.DetailPage02.load('./main_product/product01.php');
SetValue.DetailPage01.addClass('Active' );
SetValue.DetailPage02.addClass('DeActive' );
SetValue.DetailPage01.addClass('DetailPage');
SetValue.DetailPage02.addClass('DetailPage');
//$('DetailPage').css
//({
//  'top'   : '0px'
// ,'left'  : '0px'
//});
$('.Active').css
({
//'width' : '100%'
//,'display' : 'block'
  'opacity' : '1'
 ,'border'  : '1px solid yellow'
});
$('.DeActive').css
({
//'width' : '0px'
//,'display' : 'none'
  'opacity' : '0'
 ,'border'  : '1px solid green'
});
$(function()
{
// $(".FadeSelectImage img").on
$ShowTarget.on
({
"mouseenter":function(){
intIndex = ($ShowTarget.index(this) + 1);
$('.DeActive' ).load('./main_product/product0' + intIndex + '.php').show();
//$('.Active' ).stop().animate({'width': '0px'},1000,'swing');
//$('.DeActive' ).stop().animate({'width':'100%'},1000,'swing');
                               $('.Active'    ).stop().animate({'opacity':'0'},1000,'swing');
                               $('.DeActive'  ).stop().animate({'opacity':'1'},1000,'swing');
$('.DetailPage').toggleClass('Active' );
$('.DetailPage').toggleClass('DeActive');
//$('.DeActive' ).css('width','0px');
}
});
});
}
// end - fn
}
// end - if
})(window.jQuery, window);