<!---------slider------------>
<link rel="stylesheet" href="slider/slider-css/style.css" type="text/css">
<script type="text/javascript" src="slider/slider-js/jssor.slider-21.1.5.min.js"></script>
<script>
        jssor_1_slider_init = function() {
            
            var jssor_1_SlideshowTransitions = [
              {$Duration:1200,$Opacity:2}
            ];
            
            var jssor_1_options = {
              $AutoPlay: true,
              $SlideshowOptions: {
                $Class: $JssorSlideshowRunner$,
                $Transitions: jssor_1_SlideshowTransitions,
                $TransitionsOrder: 1
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$
              }
            };
            
            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
          
            function ScaleSlider() {
                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
                if (refSize) {
                    refSize = Math.min(refSize, 1920);
                    jssor_1_slider.$ScaleWidth(refSize);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }
            ScaleSlider();
            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            //responsive code end
        };
    </script>

<section>
	   <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height: 700px; overflow: hidden; visibility: hidden;"> 
    <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
      <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
    </div>
    <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1920px; height: 700px; overflow: hidden;">
      <?php
$flash_sql = db_query("select * from tbl_header_flash where 1 and header_flash_type='Main' ");
if(mysqli_num_rows($flash_sql)>0){
$y=0;
while($FLASHDATA=mysqli_fetch_array($flash_sql)){
$y=$y+1000;
@extract($FLASHDATA);
?>

      <div data-p="112.50" style="display: none;"> <img data-u="image" src="<?=$site_url?>/header_files/<?=$FLASHDATA['header_flash_image_name'];?>" alt="<?=$compDATA["admin_company_name"]?>" title="<?=$compDATA["admin_company_name"]?>"> 
		  
</div>
  <? }} ?>

      
    </div>
    <div data-u="navigator" class="jssorb05" style="bottom:16px;right:16px;" data-autocenter="1"> 
      <div data-u="prototype" style="width:20px; height:30px;"></div>
    </div>
    <span data-u="arrowleft" class="jssora12l" style="top:0px;left:0px;width:30px;height:46px;" data-autocenter="2"></span> <span data-u="arrowright" class="jssora12r" style="top:0px;right:0px;width:30px;height:46px;" data-autocenter="2"></span> </div>
    <script>
        jssor_1_slider_init();
</script>
</section>