//目的ナビjs
$j(document).ready(function() {

    	if($j('#mokutekiCarousel').length == 0) {
    		return;
    	}

	$j.ajax(
		{
			type:     "GET",
			url:      "/mokuteki/xml/category.xml",
			//XML取得
			success:function(xml) {
				//目的配列生成
				KDDI.MOKUTEKI_FIRST_FLG = 1;
				KDDI.MOKUTEKI_NAVI_ITEM_LIST = new Array();
				$j("categories > category", xml).each(
					function() {
						var obj = new Object();
						obj.id   = this.getAttribute("id");
						obj.name = this.getAttribute("name");
						KDDI.MOKUTEKI_NAVI_ITEM_LIST.push(obj);
					}
				);

				var objsize=KDDI.MOKUTEKI_NAVI_ITEM_LIST.length;
				if( objsize%3 > 0){
					for( var ii=0;ii< 3-(objsize%3);ii++){
							var obj = new Object();
							obj.id   = "dummy";
							obj.name = "dummy";
							KDDI.MOKUTEKI_NAVI_ITEM_LIST.push(obj);
							//alert(obj.id );
					}
				}

				//カルーセル表示
			    $j('#mokutekiCarousel').jcarousel(
			    {
			    scroll:3,
			    size:KDDI.MOKUTEKI_NAVI_ITEM_LIST.length+1,
			    wrap: 'null',
			    buttonPrevEvent:null,
			    buttonNextHTML:null,

			    //スクロール完了時のオブジェクト設定
			    itemVisibleInCallback: {onBeforeAnimation: function(carousel, item, i, state, evt) {
					if(i == null)	return;
			    	var idx  = carousel.index(i, KDDI.MOKUTEKI_NAVI_ITEM_LIST.length);
			    	var id   = KDDI.MOKUTEKI_NAVI_ITEM_LIST[idx - 1].id;
			    	var name = KDDI.MOKUTEKI_NAVI_ITEM_LIST[idx - 1].name;
			    	var url  = '/mokuteki/index.html?id=' + id;
					if(name == "dummy"){
//alert(i);
						//var html = '<div style="width:278px; border:1px; margin:0px 0px 0px -15px;"><img src="/shared/image/mokuteki_dummy.gif"></div>';
				    	carousel.add(i, html);
						$j(".jcarousel-item-"+i).addClass('jitem_hide');
						$j(".jcarousel-item-"+i).removeClass('jcarousel-item');

						//$j(".jcarousel-item-"+i).css({background : transparent url(/shared/image/mokuteki_dummy.gif)});
					}else{
						var html = '<table><tr><td width="158">'+ 
							   '<a href="' + url + '">' + KDDI.MOKUTEKI_NAVI_ITEM_LIST[idx - 1].name + '</a>' + '</td>' +
							   '<td><img src="/shared/image/mokuteki/pic_l_' + id + '.gif" width="88" heigth="88" /></td>';
				    	carousel.add(i, html);
					}

			    }},
			    //スクロール完了時のオブジェクト削除
			    itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) {
			    	//if(!$j.browser.mozilla) {
			    	//	carousel.remove(i);
			    	//}

					//IE対策。(初期表示に1itemずれる問題)
					if(i == null) {
						//$j(item).css('width');
						//alert($j(item).css('padding'));
						//ie7
						if (typeof document.body.style.maxHeight != "undefined") { 
							$j('.jcarousel-list-horizontal').css({'left':'-276px','width':'1942px'});
						}
						//ie6
						else {
							$j('.jcarousel-list-horizontal').css({'left':'-277px','width':'1942px'});
						}
						//return;
			    	}
			    	
			    }},

			    //初期処理
			    initCallback:function(carousel) {

						//set scroll event
						$j('#mokutekiNavPrevBtn').click(function(){carousel.prev();return false;});
						$j('#mokutekiNavNextBtn').click(function(){carousel.next();return false;});

			    	},
				//スクロール時処理(ページ位置設定)
			    itemFirstInCallback:function(carousel, item, i, state) {
			    		var last_item_idx = carousel.index(i, KDDI.MOKUTEKI_NAVI_ITEM_LIST.length) + 2;
			    		var nod = last_item_idx % 3;
			    		if(nod != 0) {
			    			nod = 3 - nod;
			    		}

						var idx = (last_item_idx + nod) / 3 - 1; // 全部で何回スクロールするかを出している
						var len = KDDI.MOKUTEKI_NAVI_ITEM_LIST.length / 3; 
						var item = '';
						var position = '';
						for(i=0;i<len;i++) {

							if(idx == i)
								item = '<img src="/shared/image/mokuteki/pic_current_01.gif" width="12" height="21" alt="" />';
							else
								item = '<img src="/shared/image/mokuteki/pic_current_02.gif" width="12" height="21" alt="" />';
						
							position += '<span id="jcarousel-position-' + i +'">'+ item + '</span>';
						}
						$j('#mokutekiNavCur').html(position);
			    	},
			    itemFirstInCallback:function(carousel, item, i, state) {
						// ボタンの表示非表示の処理
						// Prevbtn
						if(i == 1){
							//alert("start");
							$j("#mokutekiNavPrevBtn").hide();
						}else{
							$j("#mokutekiNavPrevBtn").show();
						}
						// Nextbtn
						if(i+2 == KDDI.MOKUTEKI_NAVI_ITEM_LIST.length){
							//alert("end");
							$j("#mokutekiNavNextBtn").hide();
						}else{
							$j("#mokutekiNavNextBtn").show();
						}

			    		var last_item_idx = carousel.index(i, KDDI.MOKUTEKI_NAVI_ITEM_LIST.length) + 2;
			    		var nod = last_item_idx % 3;
			    		if(nod != 0) {
			    			nod = 3 - nod;
			    		}

						var idx = (last_item_idx + nod) / 3 - 1; // 全部で何回スクロールするかを出している
						var len = KDDI.MOKUTEKI_NAVI_ITEM_LIST.length / 3; 
						var item = '';
						var position = '';
						for(i=0;i<len;i++) {

							if(idx == i)
								item = '<img src="/shared/image/mokuteki/pic_current_01.gif" width="12" height="21" alt="" />';
							else
								item = '<img src="/shared/image/mokuteki/pic_current_02.gif" width="12" height="21" alt="" />';
						
							position += '<span id="jcarousel-position-' + i +'">'+ item + '</span>';
						}
						$j('#mokutekiNavCur').html(position);
			    	}

			    }
			    );
			}
		}
	);
});