/*=================================================
 * ajax content
 *-------------------------------------------------
 * Version : 2.0.0
 * Make    : 2011/02/07
 * Update  : 2011/05/23
 *-------------------------------------------------
 * Copyright 2011 VIVID WORKS All Rights Reserved.
 *===============================================*/

var timerId,ajax;var vwSlider={mainId:'#main',mainWidth:736,mainNum:1,thumbId:'#thumb',thumbWidth:230,thumbNum:3};var ajaxContent=function(options){var num=$('#ajaxMain li').size();var mainFlg={};var thumbFlg={};var defaults={mainId:'#main',mainWidth:700,mainNum:1,thumbId:'#thumb',thumbWidth:220,thumbNum:3,mode:'start',last:'start',speed:1000,flg:true};if(options)$.extend(defaults,options);this.topMovieInit=function(){if($('#ajaxcontent').size()>0){var mainOffset=0;var thumbOffset=defaults.thumbWidth;var cnt=1;var tmp;$('#ajaxMain li').each(function(){$(this).attr('id','main'+cnt);if(num>1&&num==cnt){$(this).css({left:defaults.mainWidth*-1}).fadeIn('slow')}else{$(this).css('left',mainOffset).fadeIn('slow');mainOffset+=defaults.mainWidth}cnt++});cnt=1;$('#ajaxThumbnail li').each(function(){$(this).attr('id','thumb'+cnt);if(num>1&&num==cnt){$(this).css({left:0}).fadeIn('slow')}else{$(this).css('left',thumbOffset).fadeIn('slow');thumbOffset+=defaults.thumbWidth}cnt++});this.topMovieStart()}};this.topMovieStart=function(){switch(defaults.mode){case'start':var content=document.getElementById('ajaxThumbnail');var tmpId;$('#ajaxThumbnail li').each(function(){if($(this).css('left')==defaults.thumbWidth*(num-1)+'px'){tmpId=$(this).attr('id')}});var clone=document.getElementById(tmpId).cloneNode(true);var elm=document.createElement('li');elm.style.left=(defaults.thumbWidth*-1)+'px';content.appendChild(this.topMovieClone(clone,elm,'temp1'));$('#ajaxThumbnail li').each(function(){if($(this).css('left')=='0px'){tmpId=$(this).attr('id')}});var clone=document.getElementById(tmpId).cloneNode(true);var elm=document.createElement('li');elm.style.left=(defaults.thumbWidth*num)+'px';content.appendChild(this.topMovieClone(clone,elm,'temp2'));defaults.flg=true;defaults.mode='left';defaults.speed=1000;timerId=setTimeout("ajax.topMovieStart()",7000);break;case'wait':clearTimeout(timerId);var clear=true;for(var i=1;i<=num;i++){if(mainFlg[i]==false){clear=false;break}if(thumbFlg[i]==false){clear=false;break}}if(thumbFlg['temp1']==false)clear=false;if(thumbFlg['temp2']==false)clear=false;if(!clear){timerId=setTimeout("ajax.topMovieStart()",500)}else{var target;switch(defaults.last){case'left':$('#ajaxMain li').each(function(){if($(this).css('left')==(defaults.mainWidth*-2)+'px'){$(this).css({'left':defaults.mainWidth*(num-2)})}});$('#ajaxThumbnail li').each(function(){if($(this).css('left')==(defaults.thumbWidth*-1)+'px'){$(this).css({'left':defaults.thumbWidth*(num-1)})}});break;case'right':$('#ajaxMain li').each(function(){if($(this).css('left')==(defaults.mainWidth*(num-1))+'px'){$(this).css({'left':defaults.mainWidth*-1})}});$('#ajaxThumbnail li').each(function(){if($(this).css('left')==(defaults.thumbWidth*num)+'px'){$(this).css({'left':0})}});break}defaults.mode='start';timerId=setTimeout("ajax.topMovieStart()",100)}break;default:clearTimeout(timerId);defaults.flg=false;this.topMovieSlide(defaults.mode);defaults.mode='wait';timerId=setTimeout("ajax.topMovieStart()",100);break}};this.topMovieSlide=function(mode){this.topMovieFlg();var mainCnt=1;var thumbCnt=1;switch(mode){case'left':$('#ajaxMain li').each(function(){$(this).animate({left:parseInt($(this).css('left').replace('px',''))-defaults.mainWidth},defaults.speed,'swing',function(){mainFlg[mainCnt]=true;mainCnt++})});$('#ajaxThumbnail li').each(function(){$(this).animate({left:parseInt($(this).css('left').replace('px',''))-defaults.thumbWidth},defaults.speed,'swing',function(){if($(this).attr('id').indexOf('thumb')!=-1){thumbFlg[thumbCnt]=true;thumbCnt++}else if($(this).attr('id').indexOf('temp1')!=-1){thumbFlg['temp1']=true}else if($(this).attr('id').indexOf('temp2')!=-1){thumbFlg['temp2']=true}})});break;case'right':$('#ajaxMain li').each(function(){$(this).animate({left:parseInt($(this).css('left').replace('px',''))+defaults.mainWidth},defaults.speed,'swing',function(){mainFlg[mainCnt]=true;mainCnt++})});$('#ajaxThumbnail li').each(function(){$(this).animate({left:parseInt($(this).css('left').replace('px',''))+defaults.thumbWidth},defaults.speed,'swing',function(){if($(this).attr('id').indexOf('thumb')!=-1){thumbFlg[thumbCnt]=true;thumbCnt++}else if($(this).attr('id').indexOf('temp1')!=-1){thumbFlg['temp1']=true}else if($(this).attr('id').indexOf('temp2')!=-1){thumbFlg['temp2']=true}})});break}};this.topMovieClone=function(clone,elm,id){try{var temp=document.getElementById(id);document.getElementById('ajaxThumbnail').removeChild(temp)}catch(e){}elm.id=id;elm.style.top=0;elm.style.opacity=1;elm.style.zIndex=100;elm.style.display='block';elm.style.position='absolute';elm.innerHTML=clone.innerHTML;return elm};this.topMovieFlg=function(){defaults.last=defaults.mode;for(var i=1;i<=num;i++){mainFlg[i]=false;thumbFlg[i]=false}thumbFlg['temp1']=false;thumbFlg['temp2']=false};this.topMovieTrigger=function(mode,speed){if(defaults.flg==true){defaults.mode=mode;defaults.speed=speed;this.topMovieStart()}}};$(function(){ajax=new ajaxContent(vwSlider);ajax.topMovieInit()});
