var ii=1;

var rfl=0;

var sHtml=new Array();
var bImgs=new Array();
var aIDs=new Array();
var vURLS=new Array();

var currentID=0;

var vURL="";

function loadImage( )
{

if(ii > 7) ii=1;

  $('#mediabody').fadeOut(400, function() {
  
  $('#mediabody').css("background-image", "url("+bImgs[ii]+")"); 
  $("#mediabody").html(sHtml[ii]); 
  
 currentID=aIDs[ii];
 vURL=vURLS[ii];
 
 ++ii;

  });


  $('#mediabody').fadeIn(700, function() {
    // Animation complete.
	
	
  });
 


}

function showframe(vv){



  $('#mediabody').fadeOut(400, function() {
  
  $('#mediabody').css("background-image", "url("+bImgs[vv]+")"); 
  $("#mediabody").html(sHtml[vv]); 
  currentID=aIDs[vv];
  vURL=vURLS[vv];
  ii=vv+1;
  
  clearInterval(intervalname);
  intervalname = setInterval ( "loadImage()", 4000 );	
  

  });


  $('#mediabody').fadeIn(400, function() {
    // Animation complete.

  });





}


function getData(){

 $.getJSON("/rss/featureimage.json", {  }, 
   function(data){
  
var totalcount=0;
var startcount;
//var totalct;

var inum=0;

if(data){ 
$.each(data, function(i,row){

++inum;

  sHtml[inum]='';
  
  bImgs[inum]=row.Picture;
    aIDs[inum]=row.ID;
	vURLS[inum]=row.Url;
		

	
		sHtml[inum] = '<div id="etop">IN THIS ISSUE &nbsp; ';
		
		
		if(inum ==7) sHtml[inum] += '<a href="#1" onclick="rfl=1;showframe(1);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#2" onclick="rfl=1;showframe(2);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#3" onclick="rfl=1;showframe(3);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#4" onclick="rfl=1;showframe(4);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(5);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(6);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(7);"><img src="/siteimgs/dot_2.png" border="0"></a>';	
		else if(inum ==6) sHtml[inum] += '<a href="#1" onclick="rfl=1;showframe(1);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#2" onclick="rfl=1;showframe(2);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#3" onclick="rfl=1;showframe(3);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#4" onclick="rfl=1;showframe(4);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(5);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(6);"><img src="/siteimgs/dot_2.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(7);"><img src="/siteimgs/dot_1.png" border="0"></a>';	
		else if(inum ==5) sHtml[inum] += '<a href="#1" onclick="rfl=1;showframe(1);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#2" onclick="rfl=1;showframe(2);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#3" onclick="rfl=1;showframe(3);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#4" onclick="rfl=1;showframe(4);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(5);"><img src="/siteimgs/dot_2.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(6);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(7);"><img src="/siteimgs/dot_1.png" border="0"></a>';	
		else if(inum ==4) sHtml[inum] += '<a href="#1" onclick="rfl=1;showframe(1);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#2" onclick="rfl=1;showframe(2);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#3" onclick="rfl=1;showframe(3);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(4);"><img src="/siteimgs/dot_2.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#5" onclick="rfl=1;showframe(5);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(6);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(7);"><img src="/siteimgs/dot_1.png" border="0"></a>';	
		else if(inum ==2) sHtml[inum] += '<a href="#1" onclick="rfl=1;showframe(1);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(2);"><img src="/siteimgs/dot_2.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#3" onclick="rfl=1;showframe(3);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#4" onclick="rfl=1;showframe(4);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#5" onclick="rfl=1;showframe(5);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(6);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(7);"><img src="/siteimgs/dot_1.png" border="0"></a>';	
		else if (inum == 1) sHtml[inum] += '<a href="#" onclick="rfl=1;showframe(1);"><img src="/siteimgs/dot_2.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#2" onclick="rfl=1;showframe(2);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#3" onclick="rfl=1;showframe(3);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#4" onclick="rfl=1;showframe(4);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#5" onclick="rfl=1;showframe(5);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(6);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(7);"><img src="/siteimgs/dot_1.png" border="0"></a>';	
		else if (inum == 3) sHtml[inum] += '<a href="#1" onclick="rfl=1;showframe(1);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#2" onclick="rfl=1;showframe(2);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(3);"><img src="/siteimgs/dot_2.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#4" onclick="rfl=1;showframe(4);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#5" onclick="rfl=1;showframe(5);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(6);"><img src="/siteimgs/dot_1.png" border="0"></a>\
		&nbsp;&nbsp;<a href="#" onclick="rfl=1;showframe(7);"><img src="/siteimgs/dot_1.png" border="0"></a>';	

		sHtml[inum] += '</div>';
		
		if (row.Title)  sHtml[inum] += '<div id="etitle">'+row.Title;	
		if (row.SubTitle) sHtml[inum] += '<div id="esubtitle">'+row.SubTitle+'</div>';	
		if (row.Title)  sHtml[inum] +='</div>';	
		if (row.Author) {
		
		if (row.Title) sHtml[inum] += '<div id="eauthor">'+row.Author+'</div>';	
		else sHtml[inum] += '<div id="eauthor" style="margin-top:55px;">'+row.Author+'</div>';	
		}
		


   
 });

}

    });

loadImage();	
intervalname = setInterval ( "loadImage()", 4000 );	


}


$(document).ready(function(){

getData();

$("#mediabody").click(function () {

if(rfl < 1){
//window.location = '/a/'+currentID;
window.location = vURL;
}else{
rfl=0;
}


 });

    });