
function play(i,n) {

if (i == 4){$("#next").hide();}
if (i == 1){$("#prev").hide();}



$("#d"+i).hide();

$("#s"+i).fadeOut(1000, function(){
$(this).css({"z-index": "1"});
$(this).show();
if (i == 3){
$("#s4").css({"z-index": "3"});
$("#s1").css({"z-index": "2"});
}
if (i == 4){
$("#s1").css({"z-index": "4"});
$("#s2").css({"z-index": "3"});
$("#s3").css({"z-index": "2"});
}
$("#d"+n).show();
});
}

$(document).ready(function() {



$(".krug").each(function(a,b){
a = $(this).attr("height");
b = $(this).attr("width");
$(this).wrap('<div style="position:relative; height:' + a + 'px; width:' + b +'px;" />');
$(this).parent().prepend('<div class="rnw"></div><div class="rne"></div><div class="rse"></div><div class="rsw"></div>');
a = $(this).css('float');
$(this).parent().css({"float": a});
$(this).parent().css({"margin": "5px"});
						  });


$("#d1").html($("#s1").attr('alt') + ',  <a href="' + $("#l1").attr('href') + '">read more</a>');
$("#d2").html($("#s2").attr('alt') + ',  <a href="' + $("#l2").attr('href') + '">read more</a>');
$("#d3").html($("#s3").attr('alt') + ',  <a href="' + $("#l3").attr('href') + '">read more</a>');
$("#d4").html($("#s4").attr('alt') + ',  <a href="' + $("#l4").attr('href') + '">read more</a>');
$("#l1, #l2, #l3, #l4").removeAttr('href');

$("#next").bind("click", function(){
clearInterval(ii);				
								  });
$("#prev").bind("click", function(){
clearInterval(ii);				
								  });


$("#sc").bind("mouseover", function(){
var i = parseInt($("#slide").attr('class'));
if (i == 1){
$("#next").show();}
else if (i == 4){$("#prev").show();}
else {$("#next").show();$("#prev").show();}
			   });
$("#sc").bind("mouseout", function(){
$("#next").hide();
$("#prev").hide();				   });

$("#sc").bind("click", function(){
clearInterval(ii);				
								  });

$("#next").bind("click", function(){
clearInterval(ii);				
var i = parseInt($("#slide").attr('class'));
if (i == 1){$("#s1").css({"z-index": "6"});
$("#s2").css({"z-index": "5"});
$("#s3").css({"z-index": "1"});
$("#s4").css({"z-index": "1"});
$("#s1").fadeOut(1000, function(){$(this).css({"z-index": "1"});$(this).show();});
$("#slide").attr("class",i + 1);
$("#prev").show();
$("#d1,#d3,#d4").hide();
$("#d2").show();
}
if (i == 2){$("#s2").css({"z-index": "6"});
$("#s3").css({"z-index": "5"});
$("#s4").css({"z-index": "1"});
$("#s1").css({"z-index": "1"});
$("#s2").fadeOut(1000, function(){$(this).css({"z-index": "1"});$(this).show();});
$("#slide").attr("class",i + 1);
$("#d2,#d1,#d4").hide();
$("#d3").show();
}
if (i == 3){$("#s3").css({"z-index": "6"});
$("#s4").css({"z-index": "5"});
$("#s2").css({"z-index": "1"});
$("#s1").css({"z-index": "1"});
$("#s3").fadeOut(1000, function(){$(this).css({"z-index": "1"});$(this).show();});
$("#slide").attr("class",i + 1);
$("#next").hide();
$("#d1,#d2,#d3").hide();
$("#d4").show();
}
								});

$("#prev").bind("click", function(){
clearInterval(ii);
var i = parseInt($("#slide").attr('class'));
if (i == 4){$("#s4").css({"z-index": "6"});
$("#s3").css({"z-index": "5"});
$("#s2").css({"z-index": "1"});
$("#s1").css({"z-index": "1"});
$("#s4").fadeOut(1000, function(){$(this).css({"z-index": "1"});$(this).show();});
$("#slide").attr("class",i - 1);
$("#next").show();
$("#d1,#d2,#d4").hide();
$("#d3").show();
}
if (i == 3){$("#s3").css({"z-index": "6"});
$("#s2").css({"z-index": "5"});
$("#s4").css({"z-index": "1"});
$("#s1").css({"z-index": "1"});
$("#s3").fadeOut(1000, function(){$(this).css({"z-index": "1"});$(this).show();});
$("#slide").attr("class",i - 1);
$("#d1,#d3,#d4").hide();
$("#d2").show();
}
if (i == 2){$("#s2").css({"z-index": "6"});
$("#s1").css({"z-index": "5"});
$("#s3").css({"z-index": "1"});
$("#s4").css({"z-index": "1"});
$("#s2").fadeOut(1000, function(){$(this).css({"z-index": "1"});$(this).show();});
$("#slide").attr("class",i - 1);
$("#prev").hide();
$("#d2,#d3,#d4").hide();
$("#d1").show();
}
								});

$(window).load(function() {

ii = setInterval(function() {
var i = parseInt($("#slide").attr('class'));
if (i == 4) {n = 1}else {n = i+1}
$("#slide").attr("class",n);

play(i,n);
							  }, 7000);

});

});
