var $j=jQuery.noConflict();

var Flash=new Array();
var num;
var n=0;

function fading() {
 n++;
 if (n>=num) n=0;
 
 $j("#flash-img2 img").attr({src:Flash[n]["img"],title:"",alt:""});
 $j("#flash-img1").fadeTo(1000,0);
 $j("#flash-img2").fadeTo(1000,1,faded);
 if (Flash[n]["url"]!="") $j("#flash-url").html("<a href=\""+Flash[n]["url"]+"\"><img src=\"\/images\/blank.gif\" alt=\"\"/><\/a>")
}

function faded() {
 $j("#flash-img1 img").attr({src:$j("#flash-img2 img").attr("src"),title:"",alt:""});
 $j("#flash-img1").css("opacity",1);
 $j("#flash-img2").css("opacity",0);
}

$j(document).ready(function() {
 num=$j(".flash-list").size();
 for (var i=0;i<num;i++) Flash.push({img:$j(".flash-list-img img").eq(i).attr("src"), url:$j(".flash-list-url").eq(i).html()});
 
 $j("#flash-img1 img").attr({src:Flash[0]["img"],title:"",alt:""});
 $j("#flash-img2 img").attr({src:Flash[0]["img"],title:"",alt:""});
 if (Flash[0]["url"]!="") $j("#flash-url").html("<a href=\""+Flash[0]["url"]+"\"><img src=\"\/images\/blank.gif\" alt=\"\"/><\/a>")
 else $j("#flash-url").html("");
 setInterval(fading,4000);
});

/*
<script src="jquery.js" type="text/javascript"></script>
<script src="flash.js" type="text/javascript"></script>
*/

/*
.flash-list { display:none;}
#flash-img { position:relative; left:0; top:0; width:100px; height:100px;}
#flash-img img { width:100px; height:100px;}
#flash-img1 { position:absolute; z-index:3;}
#flash-img2 { position:absolute; z-index:2;}
#flash-url { position:absolute; z-index:3;}
*/

/*webpage*/
/*
<div id="flash-img">
 <div id="flash-img1"><img/></div>
 <div id="flasht-img2"><img/></div>
 <div id="flash-url"></div>
</div>
*/

/*webapps*/
/*
<div class="flash-list">
 <div class="flash-list-img">{tag_image_nolink}</div>
 <div class="flash-list-url">{tag_url}</div>
</div>
*/