DB_query() fehlgeschlagen! Mysqlerror: Table '1102629_QiM.TeamSTN_config' doesn't exist
=>Query: SELECT * FROM TeamSTN_config
Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/hosting/prv-hosting/xlx.pl/5/1/mdh15/incs/functions.php on line 41
DB_array() fehlgeschlagen! Mysqlerror: Table '1102629_QiM.TeamSTN_languages' doesn't exist
=>Query: SELECT * FROM TeamSTN_languages WHERE active=1
Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/hosting/prv-hosting/xlx.pl/5/1/mdh15/incs/functions.php on line 41
DB_array() fehlgeschlagen! Mysqlerror: Table '1102629_QiM.TeamSTN_grids' doesn't exist
=>Query: SELECT * FROM TeamSTN_grids WHERE active=1   ORDER BY page_id,gridid
Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/hosting/prv-hosting/xlx.pl/5/1/mdh15/incs/functions.php on line 41
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="jquery.animations.min.js"></script>
  <script src="jquery.animations-tile.js"></script>
  <script src="app.js"></script>
<script language="JavaScript1.2" type="text/javascript">


/**
  * 02042017 FUNKCJA DODANA MAJACA NA CELU UNIKNIECIE WYSWIETLANIA DOMYSLNYCH NIEBIESKICH LINKOW PRZED ZALADOWAIEM STRONY
  * http://stackoverflow.com/questions/12026186/css3-transitions-on-links-show-blue-colour-on-load/35112859
  **/

$(window).load(function() {
  $("body").removeClass("preload");
});

/**
  * 02042017 FUNKCJA DODANA MAJACA NA CELU UNIKNIECIE WYSWIETLANIA DOMYSLNYCH NIEBIESKICH LINKOW PRZED ZALADOWAIEM STRONY
  * http://stackoverflow.com/questions/12026186/css3-transitions-on-links-show-blue-colour-on-load/35112859
  **/

    function addBookmark(url,title) {
        if (window.sidebar) {
            window.sidebar.addPanel(title, url,""); } else if( document.all ) {
            window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true;
        }
    }
	
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-44208259-3', 'auto');
    ga('send', 'pageview');
$( document ).ready(function() {
	
	document.onload = setTimeout(function () { $( ".grid_rotate" ).addClass('image'); }, 10000);
	
	setTimeout(function () {	
	$('#image').animate('tile', {
  "duration": 7000,
  "rows": 15,
  "cols": 10,
  "effect": "flyIn",
  "fillMode": "backwards"
    });
	}, 7000);

setTimeout(function () {
$('#puzzle').animate('tile', {
  "duration": 3000,
  "rows": 9,
  "cols": 9,
  "effect": [
    "slideFromDown",
    "slideFromRight",
    "slideFromUp",
    "slideFromLeft"
  ],
  "sequence": "lrtb",
  "sequent": false,
  "adjustDuration": true
});
}, 7000);

setTimeout(function () {
$('#weave').animate('tile', {
  "duration": 4000,
  "rows": 300,
  "effect": "shake",
  "groups": 5,
  "sequence": "tb",
  "adjustDuration": false
});
}, 7000);

setTimeout(function () {
$('#blind').animate('tile', {
  "duration": 4000,
  "rows": 50,
  "sequent": false,
  "effect": "slideFromDown"
});
}, 7000);


(function( $, window ) {

  var _defaults = {
    x      : 10, // number of tiles in x axis
    y      : 10, // number of tiles in y axis
    random : true, // animate tiles in random order
    speed  : 5000 // time to clear all times
  };

  /**
  * range Get an array of numbers within a range
  * @param min {number} Lowest number in array
  * @param max {number} Highest number in array
  * @param rand {bool} Shuffle array
  * @return {array}
  */
  function range( min, max, rand ) {
    var arr = ( new Array( ++max - min ) )
      .join('.').split('.')
      .map(function( v,i ){ return min + i })
    return rand
      ? arr.map(function( v ) { return [ Math.random(), v ] })
         .sort().map(function( v ) { return v[ 1 ] })
      : arr
  }
  
  // Prevent css3 transitions on load
  $('body').addClass('css3-preload')
  $( window ).load(function(){ $('body').removeClass('css3-preload') })

  $.fn.sliced = function( options ) {

    var o = $.extend( {}, _defaults, options );

    return this.each(function() {

      var $container = $(this);

      /*---------------------------------
       * Make the tiles:
       ---------------------------------*/

      var width = $container.width(),
          height = $container.height(),
          $img = $container.find('img'),
          n_tiles = o.x * o.y,
          tiles = [], $tiles;

      for ( var i = 0; i < n_tiles; i++ ) {
        tiles.push('<div class="tile"/>');
      }

      $tiles = $( tiles.join('') );

      // Hide original image and insert tiles in DOM
      $img.hide().after( $tiles );

      // Set background
      $tiles.css({
        width: width / o.x,
        height: height / o.y,
        backgroundImage: 'url('+ $img.attr('src') +')'
      });

      // Adjust position
      $tiles.each(function() {
        var pos = $(this).position();
        $(this).css( 'backgroundPosition', -pos.left +'px '+ -pos.top +'px' );
      });

      /*---------------------------------
       * Animate the tiles:
       ---------------------------------*/

      var tilesArr = range( 0, n_tiles, o.random ),
          tileSpeed = o.speed / n_tiles; // time to clear a single tile

      // Public method
      $container.on( 'animate', function() {

        tilesArr.forEach(function( tile, i ) {
          setTimeout(function(){
            $tiles.eq( tile ).toggleClass( 'tile-animated ffg' );
          }, i * tileSpeed );
        });

      });

    });

  };

}( jQuery, window ));



	
$('#sld').sliced({ x: 16, y: 14, speed: 3000 });



//$( ".image" ).removeClass( "fadeIn-3s fadeIn-Delay-3s" );
$( "#puzzle" ).removeClass( "fadeIn-3s fadeIn-Delay-3s" );
$( "#weave" ).removeClass( "fadeIn-3s fadeIn-Delay-3s" );
$( "#blind" ).removeClass( "fadeIn-3s fadeIn-Delay-3s" );


setTimeout(function () {

    $('#sld').trigger('animate');
	}, 10000);

});


// 06.10.2018 skrypt do cookie bar

/*
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

// Setup GTM dataLayer -- load
window.dataLayer = window.dataLayer || [];

// see if cookie exists, if not show cookiebar -- recommended to do this in head of page
if (!getCookie("CookieConsent")) {
  document.getElementsByClassName("js-cookiebar")[0].style.display = "block";
  window.dataLayer = [{
    'event': 'NoCookieExist'
  }];
} else {
  var cookieValue =
    "{" + '"cookieValue"' + ":" + getCookie("CookieConsent") + "}";
  var jsonData = JSON.parse(cookieValue);
  pushCookieValueToDataLayer(jsonData.cookieValue, "CookieBarStatus", false);
}

// get Cookie by name - credits to stackoverflow
function getCookie(cname) {
  var name = cname + "=",
    decodedCookie = decodeURIComponent(document.cookie),
    ca = decodedCookie.split(";");

  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == " ") {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

// push cookieValue to dataLayer - set array, set eventName
function pushCookieValueToDataLayer(arr, eventName, boolean) {
    var x = arr.filter(function (v) {
        return v.value === true;
    });
    dataLayerType(x, eventName, boolean);
}

function dataLayerType(x, e, b) {
    if (b) {
        for (var i = 0; i < x.length; i++) {
            window.dataLayer.push(_defineProperty({}, x[i].name, x[i].value));
        }
        window.dataLayer.push({
            'event': e
        });
    } else {
        var dataInit = [];
        for (var i = 0; i < x.length; i++) {
            dataInit.push(_defineProperty({}, x[i].name, x[i].value));
        };
        dataInit.push({
            'event': e
        });
        window.dataLayer = dataInit;
    }
}

// set cookie on click
function onCookieButtonClick() {
  var basicValue = document.getElementById("basic_chkbx").checked,
    preferencesValue = document.getElementById("preferences_chkbx").checked,
    statisticsValue = document.getElementById("statistics_chkbx").checked,
    marketingValue = document.getElementById("marketing_chkbx").checked,
    options = [
      { name: "basic", value: basicValue },
      { name: "preferences", value: preferencesValue },
      { name: "statistics", value: statisticsValue },
      { name: "marketing", value: marketingValue }
    ],
    data = JSON.stringify(options),
    date = new Date();

  date.setTime(date.getTime() + 3650 * 24 * 60 * 60 * 1000);
  var expires = "expires=" + date.toUTCString();

  // set cookie
  document.cookie = "CookieConsent=" + data + ";" + expires + ";path=/";
  pushCookieValueToDataLayer(options, "CookiePreferencesChange", true);
  document.getElementsByClassName("js-cookiebar")[0].style.display = "none";
}

// show cookiebar on click
var changeCookie = document.getElementsByClassName("js-change-cookie")[0];

// Get cookievalue, set checkboxes to right value and show cookiebar
changeCookie.addEventListener(
  "click",
  function() {
    if (getCookie("CookieConsent")) {
      var cookieValue =
        "{" + '"cookieValue"' + ":" + getCookie("CookieConsent") + "}";
      var jsonData = JSON.parse(cookieValue);
      var x = jsonData.cookieValue.filter(function(v) {
        return v.value === true;
      });

      for (let i = 0; i < x.length; i++) {
        let y = x[i].name + "_chkbx";
        document.getElementById(y).checked = true;
      }
    }

    document.getElementsByClassName("js-cookiebar")[0].style.display = "block";
  },
  false
);
*/
// Koniec 06.10.2018 skrypt do cookie bar

</script>
<style>


.sliced {
    position: relative;

}
.tile { 
    float: left;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.tile-animated {
    opacity: 0;
}
.css3-preload .sliced * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

</style>	
<html>
<head>
<!--
    <link href="js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="js-image-slider.js" type="text/javascript"></script>
-->
<style type="text/css">

.divrot:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
}
.divrot:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.divrot:hover {
  color: inherit;
  text-decoration: none;
}
.divrot:hover:before {
  transition: .2s transform linear, .2s height linear .1s;
  transform: translateX(0);
  height: 100%;
  border-color: #1fbfac;
}
.divrot:hover:after {
  transition: .2s transform linear .2s, .2s height linear .3s;
  transform: translateX(0);
  height: 100%;
  border-color: #1fbfac;
}



.fadeIn {
        /* Styling for Demo and for Grid Borders and Radius and Opacity
        ----------------------------------------------

http://stackoverflow.com/questions/4062001/css3-border-opacity------ */
        /*border:15px solid #c9c9c9;*/
         /*27082015 WYLACZAM border-radius: 10px;*/
        /*border: 15px solid rgba(243,219,16,0.3);*/
        /*27082015 WYLACZAM border: 15px solid rgba(255,255,255,0.5);*/
        /*23082015
        box-shadow:
        0 0 0 1px hsl(0, 0%, 0%),
        0 0 0 1px hsl(0, 0%, 0%);
        END 23082015*/

     /* START 27082015*/
       outline: 15px solid rgba(255,255,255,.6);
       outline-offset: 0px;
     /* END 27082015*/
       -moz-background-clip: border;     /* Firefox 3.6 */
       -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
        background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

       -moz-background-clip: padding;     /* Firefox 3.6 */
       -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
        background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

        /* margin:15px; odpowiada za przesuniecie pkt 0,0 GRID w prawo i w dol 

http://cssnerd.com/2012/04/03/jquery-like-pure-css3-image-fade-in/ i sekcja Lets Look at it all 

Together Now lub prostsze zapisy w CSS: http://jsfiddle.net/UtnHS/ */
        
     /*WYLACZAM 27082015
        -webkit-box-shadow: 0 0 0 1px hsl(0, 0%, 0%),
         0 0 0 1px hsl(0, 0%, 0%);
        -moz-box-shadow: 0 0 0 1px hsl(0, 0%, 0%),
        0 0 0 1px hsl(0, 0%, 0%);
        -ms-box-shadow: 0 0 0 1px hsl(0, 0%, 0%),
        0 0 0 1px hsl(0, 0%, 0%);
        -o-box-shadow: 0 0 0 1px hsl(0, 0%, 0%),
        0 0 0 1px hsl(0, 0%, 0%);
        box-shadow: 0 0 0 1px hsl(0, 0%, 0%),
        0 0 0 1px hsl(0, 0%, 0%);*/


        -webkit-box-shadow: 0px 0px 5px #333;
        -moz-box-shadow: 0px 0px 5px #333;
        -ms-box-shadow: 0px 0px 5px #333;
        -o-box-shadow: 0px 0px 5px #333;
        box-shadow: 0px 0px 5px #333;
        /* CSS needed for animation
        ---------------------------------------------------- */
        opacity:0;
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        -o-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-3s {
        -webkit-animation-duration:3s;
        -moz-animation-duration:3s;
        -o-animation-duration:3s;
        animation-duration:3s;
}
.fadeIn-5s {
        -webkit-animation-duration:5s;
        -moz-animation-duration:5s;
        -o-animation-duration:5s;
        animation-duration:5s;
}


/*NEW 11102016*/
.grid_rotate
{
  animation: animacjaFrames ease-out 6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animacjaFrames ease-out 6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animacjaFrames ease-out 6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animacjaFrames ease-out 6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animacjaFrames ease-out 6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animacjaFrames{
  0% {
    opacity:0;
    transform:  rotate(-200deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1;
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes animacjaFrames{
  0% {
    opacity:0;
    -moz-transform:  rotate(-200deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes animacjaFrames {
  0% {
    opacity:0;
    -webkit-transform:  rotate(-200deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes animacjaFrames {
  0% {
    opacity:0;
    -o-transform:  rotate(-200deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes animacjaFrames {
  0% {
    opacity:0;
    -ms-transform:  rotate(-200deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}
/*END NEW 11012016*/



/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-3s {
        -webkit-animation-delay:3s;
        -moz-animation-delay:3s;
        -o-animation-delay:3s;
        animation-delay:3s;
}
.fadeIn-Delay-5s {
        -webkit-animation-delay:5s;
        -moz-animation-delay:5s;
        -o-animation-delay:5s;
        animation-delay:5s;
}


/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


.movegrid{
 
    position :relative;
    -webkit-animation: mymove 2s ; /* Safari 4.0 - 8.0 */
    animation: mymove 2s;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
	0%   {left: -700px;opacity:0;};
    100% {left: 0px;opacity:1;}
}

/* Standard syntax */
@keyframes mymove {
	
   0%   {left: -700px;opacity:0;}
   
    100% {left: 0px;opacity:1;}
}

	 
		 
		 
 @keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.totalgrid {
  backface-visibility: visible !important;
  animation-name: flipInX;

}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  100% {
    opacity:1;
    
  }

 
}

.bouncegrid {
  animation-name: bounceOut;
  -webkit-animation: bounceOut 2s ; /* Safari 4.0 - 8.0 */
    animation: bounceOut 2s;
}

.gg {
    /*position: absolute;
    top: 0;*/
    z-index: 100;
}

.table-hover:hover {
    border: 14px solid #dcf1ff;
    /*ponizej - cos jest przekombinowane z tym border i hover i cien nie diala, jest jakby zakryty 

patrz http://jsfiddle.net/5TwW8/275/*/
    box-shadow: 0 0 9px #cc2446; /* odcien czerwonego */
    outline: none;
}
.table-hover{
    margin-top:-15px;
    background-color: transparent;
    border: 14px solid transparent; 
    
/*	transition:all 0.1s ease-in-out 0s;
-webkit-transition: border-color 3s ease;
         -moz-transition: border-color 3s ease;
           -o-transition: border-color 3s ease;
          -ms-transition: border-color 3s ease;
              transition: border-color 3s ease;   */ 
}
</style>
</head>
<body>




<!-- Footer //]]>'"</script></style></iframe></noembed></embed></object></noscript>--><div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hosting2.keep.pl/prv_hosting_footer.js"></script></body>
</html>

<script language="JavaScript" type="text/javascript">
var message = ""; function clickIE() {  if(document.all) {  (message);  return false;  } }
function clickNS(e) {  if(document.layers || (document.getElementById && !document.all)) {
if(e.which == 2 || e.which == 3) {  (message);  return false; } } }
if(document.layers) {  document.captureEvents(Event.MOUSEDOWN);  document.onmousedown = clickNS;
} else {  document.onmouseup = clickNS; document.oncontextmenu = clickIE; }
document.oncontextmenu = new Function("return false")
</script>

<script language="JavaScript" type="text/javascript">

//really not important (the first two should be small for Opera's sake)
PositionX = 10;
PositionY = 10;
defaultWidth  = 600;
defaultHeight = 400;

//kinda important
var AutoClose = true;

//don't touch
function popImage(imageURL,imageTitle){
  var imgWin = window.open('','_blank','scrollbars=no,resizable=1,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY);
  if( !imgWin ) { return true; } //popup blockers should not cause errors
  imgWin.document.write('<html><head><title>'+imageTitle+'<\/title><script type="text\/javascript">\n'+
    'function resizeWinTo() {\n'+
    'if( !document.images.length ) { document.images[0] = document.layers[0].images[0]; }'+
    'var oH = document.images[0].height, oW = document.images[0].width;\n'+
    'if( !oH || window.doneAlready ) { return; }\n'+ //in case images are disabled
    'window.doneAlready = true;\n'+ //for Safari and Opera
    'var x = window; x.resizeTo( oW + 200, oH + 200 );\n'+
    'var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;\n'+
    'if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }\n'+
    'else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }\n'+
    'else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }\n'+
    'if( window.opera && !document.childNodes ) { myW += 16; }\n'+
    'x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) );\n'+
    'var scW = screen.availWidth ? screen.availWidth : screen.width;\n'+
    'var scH = screen.availHeight ? screen.availHeight : screen.height;\n'+
    'if( !window.opera ) { x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2)); }\n'+
    '}\n'+
    '<\/script>'+
    '<\/head><body onload="resizeWinTo();"'+(AutoClose?' onblur="self.close();"':'')+'>'+
    (document.layers?('<layer left="0" top="0">'):('<div style="position:absolute;left:0px;top:0px;display:table;">'))+
    '<img src="'+imageURL+'" alt="Loading image ..." title="" onload="resizeWinTo();">'+
    (document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>');
  imgWin.document.close();
  if( imgWin.focus ) { imgWin.focus(); }
  return false;
}

</script>
<style>
#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 10%;
  height: 10px;
  background-color: #1fe509;
  text-align: center;
  line-height: 30px;
  color: white;
}
</style>
<script>

$("#upload").on('change',function(e) {
	//alert("hiiiiiiiiii");
	$("#myBar").css("display","block");
	$("#submit").attr("disabled", true);
  var file_data =  $(this).val();
  var id;
 if(file_data!=""){
     var elem = document.getElementById("myBar");   
  var width = 10;
  id = setInterval(function (){ frame() }, 10);
  function frame() {
    if (width >= 100) {
      clearInterval(id);
    } else {
      width++; 
      elem.style.width = width + '%'; 
      elem.innerHTML = width * 1  + '%';
	  $("#submit").attr("disabled", false);
    }
  }
    }
    });
	
</script>

</body>



</html>