var scene=1;var index=1;var $works_ul;var $m_left;var $m_right;var $w_left;var $w_right;var $btn1;var $btn2;var $btn3;var mvtxt;var $mvText;$(document).ready(function(){$works_ul=$("#works_img ul");$m_left=$("#btn_left");$m_right=$("#btn_right");$w_left=$("#btn_left_s");$w_right=$("#btn_right_s");loadMainVisual();$btn1=$("#btn1");$btn2=$("#btn2");$btn3=$("#btn3");$btn2.attr("src","common/images/icon_pochi_b.gif");$btn3.attr("src","common/images/icon_pochi_b.gif");$m_left.click(function(){changeMainVisual(index2-1)});$m_right.click(function(){changeMainVisual(index2+1)});$w_left.click(function(){change(index-1)});$w_right.click(function(){change(index+1)});$mvText=$("#randText");timer=setInterval("autoChange()",5000)});var timer;function autoChange(){change(index+1)}function change(i){clearTimeout(timer);index=i;if(index>3)index=1;if(index<1)index=3;$works_ul.stop();if(index==1){$works_ul.animate({marginLeft:"0px"},500,"easeOutExpo");$btn1.attr("src","common/images/icon_pochi_r.gif");$btn2.attr("src","common/images/icon_pochi_b.gif");$btn3.attr("src","common/images/icon_pochi_b.gif")}else if(index==2){$works_ul.animate({marginLeft:"-980px"},500,"easeOutExpo");$btn1.attr("src","common/images/icon_pochi_b.gif");$btn2.attr("src","common/images/icon_pochi_r.gif");$btn3.attr("src","common/images/icon_pochi_b.gif")}else{$works_ul.animate({marginLeft:"-1960px"},500,"easeOutExpo");$btn1.attr("src","common/images/icon_pochi_b.gif");$btn2.attr("src","common/images/icon_pochi_b.gif");$btn3.attr("src","common/images/icon_pochi_r.gif")}timer=setInterval("autoChange()",5000)}var $btnMV1;var $btnMV2;var $btnMV3;var $btnMV4;var $a_v1_1;var $img_v1_1;var $a_v2_1;var $a_v2_2;var $a_v2_3;var $img_v2_1;var $img_v2_2;var $img_v2_3;var $a_v3_1;var $a_v3_2;var $img_v3_1;var $img_v3_2;var $a_v4_1;var $a_v4_2;var $a_v4_3;var $img_v4_1;var $img_v4_2;var $img_v4_3;var $main_visual;function loadMainVisual(){$main_visual=$("#main_visual");$btnMV1=$("#mvbtn1");$btnMV2=$("#mvbtn2");$btnMV3=$("#mvbtn3");$btnMV4=$("#mvbtn4");$btnMV2.attr("src","common/images/icon_pochi_b.gif");$btnMV3.attr("src","common/images/icon_pochi_b.gif");$btnMV4.attr("src","common/images/icon_pochi_b.gif");$a_v1_1=createMainVisualLink("#",{position:"absolute",left:"-100px",top:"0px",opacity:"0",display:"none"});createMainVisual($img_v1_1,$a_v1_1,"common/images/main_bnr.jpg");$main_visual.append($a_v1_1);$a_v2_1=createMainVisualLink("http://www.spec5zigen.com/works/bt/",{position:"absolute",left:"-100px",top:"0px",opacity:"0",display:"none"});$a_v2_2=createMainVisualLink("http://www.spec5zigen.com/works/bt/",{position:"absolute",right:"-100px",top:"0px",opacity:"0",display:"none"});$a_v2_3=createMainVisualLink("http://www.spec5zigen.com/works/bt/",{position:"absolute",left:"470px",top:"200px",opacity:"0",display:"none"});createMainVisual($img_v2_1,$a_v2_1,"common/images/top_kk_1.jpg");createMainVisual($img_v2_2,$a_v2_2,"common/images/top_kk_2.jpg");createMainVisual($img_v2_3,$a_v2_3,"common/images/top_kk_3.png");$main_visual.append($a_v2_1);$main_visual.append($a_v2_2);$main_visual.append($a_v2_3);$a_v3_1=createMainVisualLink("http://www.spec5zigen.com/works/cuore/",{position:"absolute",left:"-100px",top:"0px",opacity:"0",display:"none"});$a_v3_2=createMainVisualLink("http://www.spec5zigen.com/works/cuore/",{position:"absolute",right:"-20px",bottom:"20px",opacity:"1",display:"none"});createMainVisual($img_v3_1,$a_v3_1,"common/images/top_cr_1.jpg");$img_v3_2=createMainVisual($img_v3_2,$a_v3_2,"common/images/top_cr_2.png");$main_visual.append($a_v3_1);$main_visual.append($a_v3_2);$a_v4_1=createMainVisualLink("http://www.spec5zigen.com/works/le/",{position:"absolute",left:"-100px",top:"0px",opacity:"0",display:"none"});$a_v4_2=createMainVisualLink("http://www.spec5zigen.com/works/le/",{position:"absolute",right:"40px",bottom:"0px",opacity:"0",display:"none"});$a_v4_3=createMainVisualLink("http://www.spec5zigen.com/works/le/",{position:"absolute",right:"-50px",bottom:"70px",opacity:"0",display:"none"});createMainVisual($img_v4_1,$a_v4_1,"common/images/top_le_1.jpg");createMainVisual($img_v4_2,$a_v4_2,"common/images/top_le_2.png");createMainVisual($img_v4_3,$a_v4_3,"common/images/top_le_3.png");$main_visual.append($a_v4_1);$main_visual.append($a_v4_2);$main_visual.append($a_v4_3)}function createMainVisualLink(href,css){var $obj=$(document.createElement('a'));$obj.attr("href",href);$obj.css(css);return $obj}function createMainVisual($obj,$a,src){$obj=$(document.createElement('img'));$obj.attr("src",src);$obj.bind("load",function(){$a.append($obj);mvLoaded++;completeLoaded()});return $obj}var mvLoaded=0;var timer2;function completeLoaded(){if(mvLoaded>=9){$img_v3_2.css("width","310px");$img_v3_2.css("height","250px");$img_v3_2.css("opacity","0");onV1();timer2=setInterval("autoChangeVisual()",7000)}}var animateFlg=false;var index2=1;function autoChangeVisual(){changeMainVisual(index2+1)}function changeMainVisual(i){if(animateFlg||i==index2)return;animateFlg=true;clearTimeout(timer2);index2=i;if(index2>4)index2=1;if(index2<1)index2=4;if(index2==1){if($a_v1_1.css("opacity")!="1")onV1();if($a_v2_1.css("opacity")!="0")offV2();if($a_v3_1.css("opacity")!="0")offV3();if($a_v4_1.css("opacity")!="0")offV4();$btnMV1.attr("src","common/images/icon_pochi_r.gif");$btnMV2.attr("src","common/images/icon_pochi_b.gif");$btnMV3.attr("src","common/images/icon_pochi_b.gif");$btnMV4.attr("src","common/images/icon_pochi_b.gif");$mvText.html("弊社サイトをリニューアルしました！");$mvText.attr("href","http://www.spec5zigen.com/")}else if(index2==2){if($a_v1_1.css("opacity")!="0")offV1();if($a_v2_1.css("opacity")!="1")onV2();if($a_v3_1.css("opacity")!="0")offV3();if($a_v4_1.css("opacity")!="0")offV4();$btnMV1.attr("src","common/images/icon_pochi_b.gif");$btnMV2.attr("src","common/images/icon_pochi_r.gif");$btnMV3.attr("src","common/images/icon_pochi_b.gif");$btnMV4.attr("src","common/images/icon_pochi_b.gif");$mvText.html("制作実績例「キットカット」を更新！");$mvText.attr("href","http://www.spec5zigen.com/works/bt/")}else if(index2==3){if($a_v1_1.css("opacity")!="0")offV1();if($a_v2_1.css("opacity")!="0")offV2();if($a_v3_1.css("opacity")!="1")onV3();if($a_v4_1.css("opacity")!="0")offV4();$btnMV1.attr("src","common/images/icon_pochi_b.gif");$btnMV2.attr("src","common/images/icon_pochi_b.gif");$btnMV3.attr("src","common/images/icon_pochi_r.gif");$btnMV4.attr("src","common/images/icon_pochi_b.gif");$mvText.html("制作実績例「クオーレ」を更新！");$mvText.attr("href","http://www.spec5zigen.com/works/cuore/")}else{if($a_v1_1.css("opacity")!="0")offV1();if($a_v2_1.css("opacity")!="0")offV2();if($a_v3_1.css("opacity")!="0")offV3();if($a_v4_1.css("opacity")!="1")onV4();$btnMV1.attr("src","common/images/icon_pochi_b.gif");$btnMV2.attr("src","common/images/icon_pochi_b.gif");$btnMV3.attr("src","common/images/icon_pochi_b.gif");$btnMV4.attr("src","common/images/icon_pochi_r.gif");$mvText.html("制作実績例「レゴ」を更新！");$mvText.attr("href","http://www.spec5zigen.com/works/le/")}mvtxt=null;mvtxt=new ShuffleText(document.getElementById("randText"));mvtxt.start();timer2=setInterval("autoChangeVisual()",7000)}function offV1(){$a_v1_1.stop();$a_v1_1.delay(500).animate({left:"100px",opacity:"0"},500,function(){$a_v1_1.css("left","-100px");$a_v1_1.css("display","block")})}function onV1(){$a_v1_1.stop();$a_v1_1.css("display","block");$a_v1_1.delay(1000).animate({left:"0px",opacity:"1"},500,function(){animateFlg=false})}function offV2(){$a_v2_1.stop();$a_v2_2.stop();$a_v2_3.stop();$a_v2_1.delay(500).animate({left:"-100px",opacity:"0"},500,function(){$a_v2_1.css("display","none");$a_v2_2.css("display","none");$a_v2_3.css("display","none")});$a_v2_2.delay(300).animate({right:"-100px",opacity:"0"},500);$a_v2_3.delay(100).animate({top:"200px",opacity:"0"},500)}function onV2(){$a_v2_1.stop();$a_v2_2.stop();$a_v2_3.stop();$a_v2_1.css("display","block");$a_v2_2.css("display","block");$a_v2_3.css("display","block");$a_v2_1.delay(1000).animate({left:"0px",opacity:"1"},500,function(){animateFlg=false});$a_v2_2.delay(1250).animate({right:"0px",opacity:"1"},500);$a_v2_3.delay(1500).animate({top:"170px",opacity:"1"},500)}function offV3(){$a_v3_1.stop();$a_v3_2.stop();$a_v3_1.delay(500).animate({left:"0px",opacity:"0"},500,function(){$a_v3_1.css("display","none");$a_v3_2.css("display","none")});$img_v3_2.delay(250).animate({width:"310px",height:"250px",opacity:"0"},500)}function onV3(){$a_v3_1.stop();$a_v3_2.stop();$a_v3_1.css("display","block");$a_v3_2.css("display","block");$a_v3_1.delay(1000).animate({left:"0px",opacity:"1"},500,function(){animateFlg=false});$img_v3_2.delay(1300).animate({width:"258px",height:"199px",opacity:"1"},500)}function offV4(){$a_v4_1.stop();$a_v4_2.stop();$a_v4_3.stop();$a_v4_1.delay(500).animate({left:"0px",opacity:"0"},500,function(){$a_v4_1.css("display","none");$a_v4_2.css("display","none");$a_v4_3.css("display","none")});$a_v4_2.delay(300).animate({bottom:"0px",opacity:"0"},500);$a_v4_3.delay(100).animate({right:"-115px",opacity:"0"},500)}function onV4(){$a_v4_1.stop();$a_v4_2.stop();$a_v4_3.stop();$a_v4_1.css("display","block");$a_v4_2.css("display","block");$a_v4_3.css("display","block");$a_v4_1.delay(1000).animate({left:"0px",opacity:"1"},500,function(){animateFlg=false});$a_v4_2.delay(1300).animate({bottom:"47px",opacity:"1"},500);$a_v4_3.delay(1500).animate({right:"-15px",opacity:"1"},500)}