// Listanje portfolio itema
// Ova skripta je intelektualno vlasnistvo Haruna Smrkovica (harun@scarweb.ba) i kompanije "scarWEB development" Sarajevo.

$(function(){
  //inicijalni sljedeci
  $.post('ajax.php', {aji:21, id:2, smjer:'init'}, function(data){
    $('#sruho').fadeOut('fast');
    var arr = data.split('#');
    var naslov = arr[0];
    $('#sruho').html(naslov);
    $('#sruho').fadeIn('slow');
  });
  //ucitavanje prethodnog id-a
  $('#sluho').click(function(){
    $.post('ajax.php', {aji:0}, function(data){
	var x = parseInt(data);
	var sada=x-1;
	//prikaz naziva trenutne
	$('#ssuho').fadeOut('fast');
	$('#sluho').fadeOut('fast');
	$('#sruho').fadeOut('fast');
	$('#iuho').fadeOut('fast');
	$('#quoteu').fadeOut('fast');
	$('#uuho').fadeOut('fast');
	$.post('ajax.php', {aji:21, id:sada, smjer: 'pred'}, function(data){
	  var konj = data.split('#');
	  //popuni
	  $('#uuho').html(konj[0]);
	  $('#iuho').html(konj[1]);
	  $('#quoteu').html(konj[2]);
	  $('#sluho').html(konj[5]);
	  $('#sruho').html(konj[6]);
	  $('#ssuho').html('<img src="images/'+konj[4]+'" />');
	  //prikazi
	  $('#sluho').fadeIn('slow', function(){
	    $('#ssuho').fadeIn('slow', function(){
		$('#sruho').fadeIn('slow');
		$('#uuho').fadeIn('slow');
		$('#iuho').fadeIn('slow');
		$('#quoteu').fadeIn('slow');
	    });
	  });
	});
    });
  });
  //ucitavanje sljedeceg id-a
  $('#sruho').click(function(){
    $.post('ajax.php', {aji:0}, function(data){
	var x = parseInt(data);
	var sada=x+1;
	//prikaz naziva trenutne
	$('#ssuho').fadeOut('fast');
	$('#sluho').fadeOut('fast');
	$('#sruho').fadeOut('fast');
	$('#iuho').fadeOut('fast');
	$('#quoteu').fadeOut('fast');
	$('#uuho').fadeOut('fast');
	$.post('ajax.php', {aji:21, id:sada, smjer: 'sljed'}, function(data){
	  var konj = data.split('#');
	  //popuni
	  $('#uuho').html(konj[0]);
	  $('#iuho').html(konj[1]);
	  $('#quoteu').html(konj[2]);
	  $('#sluho').html(konj[5]);
	  $('#sruho').html(konj[6]);
	  $('#ssuho').html('<img src="images/'+konj[4]+'" />');
	  //prikazi
	  $('#sluho').fadeIn('slow', function(){
	    $('#ssuho').fadeIn('slow', function(){
		$('#sruho').fadeIn('slow');
		$('#uuho').fadeIn('slow');
		$('#iuho').fadeIn('slow');
		$('#quoteu').fadeIn('slow');
	    });
	  });
	});
    });
  });
});