<?
include"inc_top.php";
if($sessionLevel < 10){
	 echo "<script>parent.location.href = './guide.html'</script>";
	 exit;
 }
$tableName = "photo_movie";
//검색 탭 리스트
if(!$tab) $tab=1;

?>
<style>

	#movLink {height: 444px;}
	@media all and (min-width:1200px)
  {
	#movLink {height: 444px;}
	}

	@media all and (min-width:1024px)
  {
	#movLink {height: 440px;}
	}

  @media all and (max-width:670px)
  {
		#movLink {height: 260px;}
    #movLink2 {height: 260px;}
  }
	@media all and (max-width:450px)
  {
		#movLink {height: 220px;}
	}
	@media all and (max-width:375px)
  {
		#movLink {height: 190px;}
	}
	@media all and (max-width:360px)
  {
		#movLink {height: 190px;}
	}


</style>
<script>
$(document).ready(function(){
    if($('#tab').val()){
        icon_bar_view($('#tab').val());
        view_paging(1,$('#tmp_no').val(),"");
        main_gall_resize();
   }

});

$(window).scroll(function() {
    var new_height = $(window).scrollTop();
    var wid_width = window.document.body.offsetWidth;

    if (wid_width > 1190) {
        $('#scroll_menu_area').animate({
            top: new_height + "px"
        }, {
            queue: false,
            duration: 800
        });
    } else {
        $('#scroll_menu_area').css({
            "top": 0 + "px"
        });
    }
});

$(window).resize(function() {
    var wid_width = window.document.body.offsetWidth;

    if (wid_width < 1190) {
        $('#scroll_menu_area').css({
            "top": 0 + "px"
        });
    }
		main_gall_resize();
});


	function main_gall_resize()
	{
				var wid_width = window.document.body.offsetWidth;
				//alert(wid_width);
				if( wid_width < 1175 )
				{
								$(".movieList_le	").css({"width":810+"px"});
								$(".movieList_le	").css({"margin":"0 auto"});
				}
				if( wid_width > 1174 )
				{
								$(".movieList_le	").css({"width":290+"px"});
								$(".movieList_le	").css({"padding":0+"px"});
				}
				if( 835 < wid_width && 1173 > wid_width )
				{
								$(".movieList_le	").css({"width":910+"px"});
								$(".movieList_le	").css({"margin":"0 auto"});
				}
				if( wid_width < 835 )
				{
								$(".movieList_le	").css({"width":640+"px"});
								$(".movieList_le	").css({"margin":"0 auto"});
				}
				if( wid_width < 640 )
				{
								$(".movieList_le	").css({"width":270+"px"});
								$(".movieList_le").css({"padding":10+"px"});
								//$(".galleryList_le").css({"background-color":"#CCC"});
								$(".movieList_le").css({"margin":"0 auto"});
				}
	}


 function icon_bar_view(vid)
 {
    var val_tail = "&chk_no="+ $('#tmp_no').val();
     for(var k=1;k < 5; k++){
        if(vid == k){
            $.ajax({
                type: "POST",
                url: "movie_ls_ajax.php",
                data: "num="+ vid +val_tail,
                cache: false,
                success: function(data){
                    $("#tob_bar_ls"+vid).empty();
                    $("#tob_bar_ls"+vid).html(data);
                }
            });
            var imgurl = "../images/btn_new_menu0"+k+"_r.jpg";
            $('#src_Tab'+k).attr("src", imgurl);
            $('#tob_bar_ls'+k).show();
            $('#tab').val(k);
        }else{
            var imgurl = "../images/btn_new_menu0"+k+".jpg";
            $('#src_Tab'+k).attr("src", imgurl);
            $('#tob_bar_ls'+k).hide();
        }
    }
}


//좋아요
function content_like(val,val2,val3){
   var check_login = val3;
   if(check_login < 3){
       alert("ログイン後、ご利用頂けます。");
       return;
   }

   $.ajax({
       type: "POST",
       url: "like_ajax.php",
       dateType: "json",
       data: "num="+ val+"&division="+val2 ,
       cache: false,
       success: function(data){
									$("#voted_number"+val).html(data.now);
         if(data.checkUser == 0){
           $("#voted_img"+val).attr("src","/images/sub/icon_mv_like_off.png");

											$("#voted_color_"+val).css("color","#838383");
											$("#voted_number"+val).css("color","#838383");

         }else{
            $("#voted_img"+val).attr("src","/images/sub/icon_mv_like_on.png");
												$("#voted_color_"+val).css("color","#FF4D06");
												$("#voted_number"+val).css("color","#FF4D06");
         }


       }
   });
}


function left_paging(val_page,val_tail){
   var vid= $('#tab').val();
   $.ajax({
        type: "POST",
        url: "movie_ls_ajax.php",
        data: "num="+ vid +"&page="+val_page+val_tail,
        cache: false,
        success: function(data){
            $("#tob_bar_ls"+vid).empty();
            $("#tob_bar_ls"+vid).html(data);
        }
    });

return;
}

function view_paging(val_page,val_num,val_tail){

        left_paging(val_page,"&chk_no="+val_num+val_tail);

        $.ajax({
            type: "POST",
            url: "movie_view_ajax.php",
            data: "num="+ val_num +"&page="+val_page+val_tail,
            cache: false,
            success: function(data){
                //alert(data);
                $("#con_ls").empty();
                $("#con_ls").html(data);

                $('#tmp_no').val(val_num);

								if (val_num) {
										var ssOffset = $('#post').offset().top - 60;
										$(window).scrollTop(ssOffset);
								} else {
										$(window).scrollTop(0);
								}
            }
        });


 return;

}

function commentok(val,tableName){
  var obj = document.form;
  if(obj.comment.value == ""){
  alert("コメントをご記入下さい。");
  obj.comment.focus();
  return ;
  }
  $.ajax({
      type: "POST",
      url: "comment_ajax.php",
      data: "num="+ val+"&division="+tableName +"&contents="+obj.comment.value ,
      cache: false,
      success: function(data){
       //alert(data);
        $("#com_new").prepend(data);
        var com_num= eval($("#comment_num").text())+1;
        $("#comment_num").html(com_num);
        $("#comment").val("");
				$("#comment").height(20);
      }
  });
}

//코멘트 삭제..
function commnet_del(val){
 var result = confirm('登録された文章を消去いたしますか？');
 if(!result){
	 return ;
 }

 $.ajax({
			type: "POST",
			url: "comment_del_ajax.php",
			data: "num="+ val,
			cache: false,
			success: function(data){
				//alert(data);
				$("#vi"+val).remove();
				 var com_num= eval($("#comment_num").text())-1;
				 $("#comment_num").html(com_num);
			}
	});

}

function fnMore(val,tableName){
 var moreSel =$('.btn_cla');
 var ID = moreSel.attr("id");

 $.ajax({
   type: "POST",
   url: "comment_ls_ajax.php",
   data: "Num="+ val+"&tableName="+tableName +"&page="+ ID ,
   cache: false,
   success: function(html){
     $("#com_new").append(html);
     moreSel.attr("id",eval(ID)+1);

     if(ID == moreSel.attr("data-total")){
       moreSel.hide();
     }
   }
 });

return;
}
</script>


<SECTION>
 <ARTICLE class="article_news">
  <div class="article_news_area">

  	<!-- RIGHT -->
			<div class="con_right" id="con_ls"></div>
		 <!-- RIGHT -->

  	<!-- LEFT -->
  	<div class="con_left">
				<div  id="scroll_menu_area">
					<div class="con_tit"><img src="./images/sub/sub_tit_06.jpg" /></div>
   	 <!--div class="search_ar">
	   	 <input 	type="text"   id="search_news" placeholder="Search News">
 	   	<button type="submit"  ><img src="../images/btn_news_search.jpg" /></button>
    	</div-->
					<div class="icon_bar">
      <input type="hidden" name="tab" id ="tab" value="<?=$tab?>">
      <input type="hidden" name="tmp_no" id ="tmp_no" value="<?=$tmp_no?>">
      <!-- //최신  -->
      <ul id="tob_bar_area1" class="icon_menu">
       <li class="icon_menu_ac1"><a href="javascript:icon_bar_view(1)"><img id="src_Tab1" src="../images/btn_new_menu01_r.jpg" width="56" height="56" /></a></li><li class="icon_menu_ac2"><a href="javascript:icon_bar_view(2)"><img id="src_Tab2" src="../images/btn_new_menu02.jpg" width="56" height="56" /></a></li><li class="icon_menu_ac3"><a href="javascript:icon_bar_view(3)"><img id="src_Tab3"  src="../images/btn_new_menu03.jpg" width="56" height="56" /></a></li><li class="icon_menu_ac4"><a href="javascript:icon_bar_view(4)"><img id="src_Tab4" src="../images/btn_new_menu04.jpg" width="56" height="56" /></a></li>
      </ul>
      <div id="tob_bar_ls1" class="rec_list_ar"></div>
      <div id="tob_bar_ls2" class="rec_list_ar"></div>
      <div id="tob_bar_ls3" class="rec_list_ar"></div>
      <div id="tob_bar_ls4" class="rec_list_ar"></div>
	    </div>
				</div>
 	 </div>

		</div>
	</ARTICLE>
</SECTION>
<?

	include"inc_bottom.php";

?>

 </body>
 </html>