jQuery(function ($) {

	
	var slide_height = parseInt($("#sliders_wrap").css("height")),
	slide_width = parseInt($("#sliders_wrap").css("width")),
	slides = $("a.slider").length,
	slide_id = 0,
	slide_index = 0;
	
	var wrap_width =  (parseInt(slide_width) > 1120) ? 1120 : slide_width,
			slide_block_width = parseInt(Math.ceil(wrap_width / slides)),
			wrap_height = parseInt(wrap_width * 0.40);
	
	//alert (wrap_width);
	$("#sliders_wrap").css({height:wrap_height, width:wrap_width});
	
	//$("#logo").css({opacity:0, height:0});
	
	$("#sliders").hide();
	$("#sliders img").batchImageLoad({
						loadingCompleteCallback: slideEffect/*,
						imageLoadedCallback: imageLoaded*/
					});


	$(".slide_over").hide();
	
	function imageLoaded(elementsLoadedCount, totalImagesCount) {
		var percent = Math.round((elementsLoadedCount / totalImagesCount) * 100);
	
	}
	
	function slideEffect() {

		$("#sliders_wrap").removeClass('loading');
		$('#preload').remove();
		$("#sliders").show();
		
    $("#sliders_wrap").prepend('<div id="wrap_cont"></div>');
    $("#sliders_wrap").prepend('<div id="wrap_links"></div>');
		
		var wrap_container = $("#wrap_cont").css({'position':'absolute', 'left': 0, 'top':'0', zIndex : '1000'});
		var wrap_links     = $("#wrap_links").css({'position':'absolute', 'left': 0, 'top':'0', zIndex : '1100'});
		
		$("a.slider").each(function (i) {
			
      wrap_container.append('<div class="divcont"></div>');
			wrap_links.append('<a href="' + $(this).attr("href") + '" class="diva"></a>');
			
		});
		
		
		$(".diva").each(function (i) {

			$(this).css({position:"absolute",
			display:'block', height: wrap_height + 'px', zIndex: '1100',
      background:'#fff',opacity:'0.01', borderRight:"1px solid #666",
			width:slide_block_width + 'px', top:0,  left: (slide_block_width *i) + 'px' });
			
		});
  
		$(".divcont").each(function (i) {
			
			$(this).css({position:"absolute",
				opacity: "1", color: "#fff",
			display:'block', height: wrap_height, zIndex: '1000', background:'transparent',
			width:slide_block_width, top:"0",  left: slide_block_width *i });
			
			$(this)
      //.append('<a href="' + $("a.slider").eq(i).attr("href") + '" class="diva"></a>')
      .append('<div class="divhtml">' + $(".slide_over").eq(i).html() + '</div>')
      .append('<div class="divbg"></div>');
      
			//$("#sliders_wrap").append('<a href="' + $("a.slider").eq(i).attr("href") + '" class="diva"></a>');
		
		});

		$(".divhtml").hide();
		
		$(".divbg").each(function (i) {

			var ins = $(this);
			ins.css({opacity: "0.01",
			display:'block', height: wrap_height, zIndex: '990', background:'#333',
			width:slide_block_width,position:"absolute",  top:"0",  left: 0
      });
			
			var ins_txt = $('<div>').html($(".slide_over").eq(i).find('p:first').html()).css({position : 'relative', zIndex : '995',
			padding:'5px', marginTop: '120px', opacity:'1'});
			ins.append(ins_txt);
			
			setTimeout(function ()
				{
					ins.animate(
						{opacity: 0.6},
						{duration:500,queue: true,complete:function()
							{
							
            		wrap_links.append($('<div>').css({position:"absolute",
            		display:'block', height: wrap_height + 'px', zIndex: '1001',
                background:'transparent',borderRight:"1px solid #666",opacity:'0.6',
            		width:slide_block_width + 'px', top:0,  left: (slide_block_width *i) + 'px' }));
            		
            	
              ins.css({background:'transparent'}).empty();
							}
						} )
				}, i * 500
			);
			
		});

		$(".divhtml").each(function (i) { $(this).css({zIndex : '1005',
		opacity:'1',background:'transparent',position:'relative',
			padding:'5px', marginTop: '120px'}); });
			

		$(".slide").each(function (i) {

			$(this).css({position:"absolute", top:0, left: wrap_width * i, width: wrap_width});
			var monimage = $(this).find('img').remove();
			$(this).prepend('<div>').css({height:wrap_height, overflow: 'hidden'}).append(monimage);
			
			var left_it = 0,
			top_it = 0,
			height_it = monimage.innerHeight(),
			width_it = monimage.innerWidth();
			
			top_it = (wrap_height - height_it) / 2;
			left_it = (wrap_width - width_it) / 2;
			
			monimage.css({position:"absolute",
				display:'block',top:top_it, left: left_it, zIndex: 100 - i, overflow:'hidden' }); 
		});
		
		/*
		$("#sliders img").each(function (i) {
			
			var left_it = 0,
			top_it = 0,
			height_it = $(this).innerHeight(),
			width_it = $(this).innerWidth();
			
			top_it = (wrap_height - height_it) / 2;
			left_it = (wrap_width - width_it) / 2;

			$(this).css({position:"absolute",
				display:'block',top:top_it, zIndex: 100 - i });
			
		});*/
		$(".slide_over").hide().empty();
		/*each(function (i) {

			
			$(this).css({position:"absolute", opacity: "1", color:'#000',
				display:'block', height: slide_height, zIndex: '105', padding: '5px',
				width:slide_block_width, top:"20px",  left: slide_block_width *i });

		});*/
		
		setTimeout(function() {
		//$("#logo").animate({opacity:1,height:274}, {duration:slides * 300, complete:function() { $(".slide > div").show() } } );
		$("#sliders").css({position: 'absolute', left: - wrap_width * (slides - 1)});	
		$("#sliders").animate({left: 0},
			{duration:(slides - 1) * 300,queue: false, easing: 'easeOutExpo', complete: slideOn()
			} );
			}, (slides +1) * 500);
	
		
		
	};
	
	function slideOn()
	{
    var slide_index;
    $(".diva").hover(function() {
			$("#sliders").stop();
			
      slide_index = $(".diva").index($(this));
			
			var cont = $(".divcont").eq(slide_index).css({'opacity' : '1'});
      cont.show();
      cont.find('.divbg').css({background:'#333'}).fadeTo('slow', 0.6);
      
	    cont.find('.divhtml').show().css({'opacity' : '1'});
	    
      $("#sliders").animate({left: - wrap_width * slide_index},
			{duration:1600,queue: false, easing: 'easeOutExpo', complete:function(){ 
			
			} } );
		
      },
				function () {

			slide_index = $(".diva").index(this);
			$(".divcont").eq(slide_index).hide();
			
				//$(this).hide();

    });
	}
	//slideOn();
});