$(document).ready(function(){

 var strCtr = $(".flash_col");
 var pages = Math.ceil($(".flash_ctr").length);
 var pagesObj = strCtr.find("div#str").eq(0);
 var pageNo = "0";
 var _pageNo = new Number();
 var _pageNoRegExp = new RegExp();

 $(".flash_ctr").hide();

 function showPage(){
   
   if(pages<2) { $(".flash_ctr").show(); return; }

   _pageNoRegExp = /([0-9]+)/g;
   _pageNo = parseInt(pageNo.match(_pageNoRegExp));
 
   var pagesHTML = '<div id="str"><ul style="width: '+(pages*21)+'px">';
   for(var i=0;i<pages;i++){
    if(i==_pageNo) {pagesHTML += '<li id="str'+i+'" class="current"></li>'}
	else {pagesHTML += '<li id="str'+i+'"></li>'}
   }
   pagesHTML += '</ul></div>';
   pagesObj.remove();

   $(".flash_ctr").show();
   $(".flash_content").animate({left: -_pageNo*696+"px"}, 1000);
 
   strCtr.append(pagesHTML);
  
   pagesObj = strCtr.find("div#str").eq(0);
   pagesObj.find("li[class!='current']").hover(
	function(){
	 $(this).addClass('hover');
	},
	function(){
 	 $(this).removeClass('hover');
	}
   );
   pagesObj.find("li[class!='current']").click(function(){
    pageNo = $(this).attr("id").toString();
	showPage();
   });
   
 }

 showPage();
 
});