//$(function() {
	var reqUrl =  'topdata/flash/main/data.xml';
	var itemSize;
	var thumbArray = [];
	var photoLArray = [];
	var tgtUrlArray = [];
	var tgtWinArray = [];
	//
	var fadeInSpeed = 300;
	//
	var currentItemNum;
	//
	var fstSet = false;
	//mitame
	var THUM_MAX_NUM = 7, THUM_WIDTH = 120, THUM_MAX_WIDTH = 830;
    var thumbsWidth;
    var thumbsLeft = 0;
	var scrCount = 0;
    var scrollSpeed = 500;
    //timeline
    var tmlSpeed = 3000;
	/////////////////////////////////////////////////////////////////////////////////
	//loading
	function prInit(){
		//mainPhoto
		$('#recommendRim').append('<div id=loadMain>loading</div>');
		$mainLoader = $('#recommendRim #loadMain');
		$('#recommendRim').append('<div id=mainPhoto>');
		$mainPhoto = $('#recommendRim #mainPhoto');
		//thumb
		$('#recommendRim').append('<div id=mainThumbRim><div id=thumbHolder><ul>');
		$thu = $('#thumbHolder ul');
		//btn
		$('#mainThumbRim').append('<ul id=scrBtn><li id=sbLeft><img src=topdata/pr_main/arr_left.png></li><li id=sbRight><img src=topdata/pr_main/arr_right.png></li>');
        $sbBtns = $('#mainThumbRim li');
		$sbLeft = $('#mainThumbRim #sbLeft');
		$sbRight = $('#mainThumbRim #sbRight');
		$sbLeft.hide();
		$sbRight.hide();
		
		
		ajaxStart();
	}
	//prInit();
	
	/////////////////////////////////////////////////////////////////////////////////
	function ajaxStart(){
			$.ajax({
			type: 'GET',
			url: reqUrl,
			dataType: 'xml',
			timeout: 1000,
			error: function(){
				return false;
			},
			success: function(xml){
				itemSize = ($(xml).find("photo").size());
				
				//DataSet
				$(xml).find("photo").each(function(){
					thumbArray.push($(this).find('thumb').text());
					photoLArray.push($(this).find('photoL').text());
					tgtUrlArray.push($(this).find('tgtUrl').text());
					tgtWinArray.push($(this).find('tgtWin').text());
				});
				
				//Randomize or Not
				$(xml).find("setting").each(function(){
					if($(this).find('firstDisp').text() == "Random"){
						var rNum = Math.random()*itemSize+1;
						currentItemNum = Math.floor(rNum);
					}else{
						currentItemNum = $(this).find('firstDisp').text();
					}
				});
				
				firstSetting();
				///////////// if firstSetting ended
				if(fstSet == true){
					thumbClick();
                    timelineScrroll();
                    reTimeline();
				}
				
			}
			
		});
			
	}
	/////////////////////////////////////////////////////////////////////////////////
    //fst Disp Set
	function firstSetting(){
		//photoL
		currentDispPhotoL();
		loadChk($mainLoader, $('#recommendRim #mainPhoto img'));
		
		//thumb
		for (var i = 0; i < itemSize; i++) {
			$thu.append('<li id=prNum'+i+'><div class=loadThumb>loading</div><span style=display:block><img src='+thumbArray[i]+' /></span></li>');
            $hideThumbTgt = $('#prNum'+i+' .loadThumb');
            $chkImgTgt = $('#prNum'+i+' img');
            loadChk($hideThumbTgt, $chkImgTgt);
		};
		$('#thumbHolder ul li img').reflect({height:10,opacity:0.4});
		
		//thumbHolder Position
		thumbsWidth = THUM_WIDTH*itemSize;
		$thu.css({width:thumbsWidth+'px'});
        //if short
		if(itemSize < THUM_MAX_NUM){
			thumbsLeft = (THUM_MAX_WIDTH - thumbsWidth)/2;
			$thu.css({left:thumbsLeft+'px'});
		}
        //if over & over
        if(currentItemNum >= THUM_MAX_NUM){
			thumbsLeft = ((currentItemNum - THUM_MAX_NUM + 1)*THUM_WIDTH)*-1;
			$thu.css({left:thumbsLeft+'px'});
		}
        
        currentDispThumb();
		
		//btn
		btnDisp();
        
		fstSet = true;
	}
    
    //Click(mainPhoto,thumb,btn)
    var sbDefCss = {opacity:0.5};
    var sbOvrCss = {opacity:0.9};
    
	function thumbClick(){
        //photoL
      /*  $mainPhoto.hover(function(){
                photoLFrag = 1;
                $('#mainPhoto #plover').show().css({opacity:0.9});
             },function(){
                photoLFrag = 0;
                $('#mainPhoto #plover').hide();
         });*/
		//thumbClick
        $thumbBtn = $('#recommendRim #thumbHolder ul li span');
		$thumbBtn.click(function(){
			$mainLoader.show();
			var thumbId = $(this).parent().attr("id");
			currentItemNum = thumbId.slice(5,thumbId.length);
            
            currentDispPhotoL();
            currentDispThumb();
			loadChk($mainLoader,$('#recommendRim #mainPhoto img'));
		});
        //thumbHover
        $thumbBtn.hover(function(){
                $(this).css({opacity:0.7});
            },function(){
                $(this).css({opacity:0.4});
            currentDispThumb();
         });
        
        //btn thu Scroll
        $sbRight.click(function(){
            scrollRight();
            btnDisp();
                $(this).css(sbOvrCss);
		});
        $sbLeft.click(function(){
            thumbsLeft += THUM_WIDTH;
			$thu.animate({left:thumbsLeft+'px'}, scrollSpeed);
            btnDisp();
                $(this).css(sbOvrCss);
		});
        //btnHover
        $sbBtns.hover(function(){
                $(this).css(sbOvrCss);
             },function(){
                $(this).css(sbDefCss);
         });
        
	}
    function scrollRight(){
        thumbsLeft -= THUM_WIDTH;
		$thu.animate({left:thumbsLeft+'px'}, scrollSpeed);
    }
    function scrollDef(){
        thumbsLeft = 0;
		$thu.animate({left:thumbsLeft+'px'}, scrollSpeed);
    }
	
	//loader Check & hide
	function loadChk(hideTgt, chkTgt){
		var timer = setInterval(chkImgHeight,50);
		chkImgHeight();
		function chkImgHeight(){
			var realHeight = chkTgt.height();
			if(realHeight != 0){
				clearInterval(timer);timer=null;
				hideTgt.hide();
			}
		}
	}
    
    //currentDisps
    function currentDispPhotoL(){
        var url = '<a href='+tgtUrlArray[currentItemNum]+' target='+tgtWinArray[currentItemNum]+'>';
		$mainPhoto.hide();
		$mainPhoto.html(url+'<img src='+photoLArray[currentItemNum]+' />');
        $mainPhoto.append(url+'<div id=plover><img src=topdata/pr_main/plover.png />');
        $('#mainPhoto #plover').hide();
		$mainPhoto.fadeIn(fadeInSpeed);
    }
    function currentDispThumb(){
        $('#thumbHolder ul li span').css({opacity:0.4});
		$('#thumbHolder ul li#prNum'+currentItemNum+' span').css({opacity:1});
    }
    function btnDisp(){
        $sbRight.css(sbDefCss);
        $sbLeft.css(sbDefCss);
        //num
        if(itemSize-currentItemNum+THUM_MAX_NUM-1 > THUM_MAX_NUM){
			$sbRight.show();
		}
        if(currentItemNum*1+1 > THUM_MAX_NUM){
			$sbLeft.show();
		}
        //scroll
        if(Math.abs(thumbsLeft)+20 < thumbsWidth-THUM_MAX_WIDTH){
			$sbRight.show();
		}else{
            $sbRight.hide();
        }
        if(Math.abs(thumbsLeft) > 0  &&  itemSize > THUM_MAX_NUM){
			$sbLeft.show();
		}else{
            $sbLeft.hide();
        }
    }
    
    ///timelineScrroll
    var tlsTimer;
    function timelineScrroll(){
        tlsTimer = setInterval(nextPhoto,tmlSpeed);
		nextPhoto();
		function nextPhoto(){
            if(currentItemNum < itemSize-1){
                currentItemNum ++;
            }else{
                currentItemNum = 0;
                scrollDef();
            }
            if(currentItemNum*THUM_WIDTH > Math.abs(thumbsLeft)+THUM_MAX_WIDTH){
                scrollRight();
            }
            currentDispPhotoL();
			loadChk($mainLoader,$('#recommendRim #mainPhoto img'));
            currentDispThumb();
            btnDisp();
		}
    }
    function clrTimeline(){
        clearInterval(tlsTimer);tlsTimer=null;
    }
    var photoLFrag = 0;
    function reTimeline(){
        var timer = setInterval(reGo,3000);
        var count = 0;
        var mPoint = 0;
        var mPoint1 = 0;
        var mPoint2 = 100;
        var check = 0;
		reGo();
		function reGo(){
            //$('#checkText').text(photoLFrag);
             $('#recommendRim').mousemove(function(e){
                 mPoint = e.pageX;
             });
                
            if(count == 0){
                mPoint1 = mPoint;
                count = 1;
            }else{
                mPoint2 = mPoint;
                count = 0;
            }
            
            if(mPoint1 != mPoint2 && check == 0){
                clrTimeline();
                check = 1;
            }
            if(mPoint1 == mPoint2 && check == 1 && photoLFrag == 0){
                timelineScrroll();
                check = 0;
            }
		}
    }
	
	

	
    
//});

function startMain(){
	prInit();
}