$(document).ready(function() {


  $(".hidden").attr('style','display:none;');

  //arrow next function
  $("#arrow-right").click(function(){     
     var nextEl=(parseInt($('.highlight').attr('id').toString().substring(3))+1).toString();
     if(nextEl<=4){
      selectPhotostory(jQuery.trim($('#hidsrc'+nextEl).html()),
                       jQuery.trim($('#hidurl'+nextEl).html()),
                       jQuery.trim($('#hidleadtext'+nextEl).html()),
                       jQuery.trim($('#hidtitle'+nextEl).html()),
                       '#ph-'+nextEl);
     }
     if(nextEl>4){
         selectPhotostory(
                       jQuery.trim($('#hidsrc1').html()),
                       jQuery.trim($('#hidurl1').html()),
                       jQuery.trim($('#hidleadtext1').html()),
                       jQuery.trim($('#hidtitle1').html()),
                       '#ph-1');
     }      
  });

  //arrow previous function
  $("#arrow-left").click(function(){     
     var prevEl=(parseInt($('.highlight').attr('id').toString().substring(3))-1).toString();
     if(prevEl>0){
      selectPhotostory(
                       jQuery.trim($('#hidsrc'+prevEl).html()),
                       jQuery.trim($('#hidurl'+prevEl).html()),
                       jQuery.trim($('#hidleadtext'+prevEl).html()),
                       jQuery.trim($('#hidtitle'+prevEl).html()),
                       '#ph-'+prevEl);
     }
     if(prevEl==0){
         selectPhotostory(
                       jQuery.trim($('#hidsrc4').html()),
                       jQuery.trim($('#hidurl4').html()),
                       jQuery.trim($('#hidleadtext4').html()),
                       jQuery.trim($('#hidtitle4').html()),
                       '#ph-4');
     }
  });

});

function selectPhotostory(src,url,leadtext,title,count){
                        $('.highlight').attr('class','hidden');                        
                        $('.highlightedImg').attr('style','display:none;');


                        $(count+'p').attr('class','highlightedImg');
                        $(count+'p').attr('style','');
                        $(count).attr('class','highlight');
                       
                        //$('#currentPhStoryImg').attr('src',src);
                        $('#currentPhStory').attr('href',url);
                        $('#currentTitle').text(title);                        
                        $('#currentLeadText').text(leadtext);
                 

}