/*
 * jQuery Brick Slide v1.0
 * http://www.uiueux.com 
 * Author : fape
   email:fanpengbj@gmail.com
 * Copyright 2011, BWSM team
 * 
 */
	//BGimg Fadein time
	var fadeIn_time=2000;
	//Flash fadeout time
	var fadeOut_time=1000;
	//Interval time
	var interval_time=1000;
	//Remove bgimg2 time
	var bgimg_remove=10000;
	var _count = 0;
	var current = 1;
	var timer;
    $(function() {
		var $slide10utab = $('#slide10utab');
		var $slide10ubgimg = $('#slide10ubgimg');
		var i = 1;
		$slide10utab.children('li').each(function(){
			$(this).attr('ref', i);
			i ++;
		});
		i = 1;
		$slide10ubgimg.children('li').each(function(){
			$(this).attr('ref', i);
			i ++;
		});
			$slide10utab.children('.slide-back').fadeOut(0);
			$slide10utab.children('.slide-back2').fadeOut(0);
			$('#slide10ubgimg li div').attr('load',0);
			//Run loadBG Function
			loadBg();
			$('#slide10ubgimg li div').ready(function(){
				$('#slide10ubgimg li div').attr('load',1);
			});	
		$slide10utab.children('li').hover(function(){
			$(this).children('.slide-back2').fadeIn(200);
			clearInterval(timer);
		},function(){
			$(this).children('.slide-back2').fadeOut(0);
			timer = setInterval('_timer()', 5000);
		});
		//Click event
		$('.slide10u .tabs li').click(function(){	
			var active=$(this).attr('ref');
			$(this).siblings().children('.slide-back').removeClass('active');
			$(this).children('.slide-back').addClass('active');			
			//Clone bgimg to bgimg2 as BG
			var $bg2=$('.bgimg').clone();
			$bg2.attr({'class':'bgimg2'});
			$('.slide10u').append($bg2);
			$('.bgimg li').fadeOut(0);
			$('.bgimg li[ref='+$(this).attr('ref')+'] div').each(function(){
				$(this).animate({opacity:'0'},0);
			}).parent('li').fadeIn(0);
			randomFadeOut();
			if($('.bgimg li[ref='+$(this).attr('ref')+'] img').attr('load') == '0'){
				clearInterval(timer);
				$('#load').fadeIn(200);
			}else{
				$('.bgimg li[ref='+$(this).attr('ref')+']').fadeIn(0);
				$('#load').fadeOut(200);
			}			
			current = parseInt($(this).attr('ref')) + 1;						
		});
		_count = $('.slide10u .tabs li').length;
		_timer();
		timer = setInterval('_timer()', 5000);
		timer2=setInterval(function(){$('.bgimg2').remove();},bgimg_remove);
    });
	function _timer(){
		if(current > _count) current = 1;
		$('#load').fadeOut(200);
		$('.tabs li').children('.slide-back').removeClass('active');
		$('.tabs li[ref='+current+']').children('.slide-back').addClass('active');
		$('.bgimg li').siblings().fadeOut(300);
		if($('.bgimg li[ref='+current+'] div').attr('load') == '0'){
			clearInterval(timer);
			$('#load').fadeIn(200);
		}else{
			var $bg2=$('.bgimg').clone();
			$bg2.attr({'class':'bgimg2'});
			$('.slide10u').append($bg2);
			$('.bgimg li').fadeOut(0);
			$('.bgimg li[ref='+current+'] div').each(function(){
				$(this).animate({opacity:'0'},0);
			}).parent('li').fadeIn(0);
			randomFadeOut();
		}
		current ++;
	}		
	//main active
	function randomFadeOut(){
		var randomTime;
		var active=$('.active').parent('li').attr('ref');
		$('.bgimg li[ref='+active+'] div').each(function(){
			var $c_div=$(this);
			setTimeout(function(){$c_div.animate({opacity:'1'},0);
				var top=$c_div.position().top;
				var left=$c_div.position().left;
				//Flash div
				var $whiteDiv=$("<div class='flash' style='float:none; display:block; left:"+left+"px;top:"+top+"px;position:absolute;'></div>");
				$c_div.parent('li').append($whiteDiv);
				$whiteDiv.animate({'opacity':'0'},Math.random()*fadeOut_time,function(){ $whiteDiv.remove()});/*Fadeout time of Flash div*/
			},Math.random()*interval_time);/*Random time*/
		});
	}
//Load BGimg
	function loadBg(){
		var randomTime;
		var left;
		var top;
		$('.bgimg li div').each( function(){
			var ref=$(this).parent('li').attr('ref');
			var image=$(this).attr('style');
			var i=$(this).index()+1;
			left=-(i-1)%5*184;
				if(i<6){
					top=0;
				}else{
					top=-185;
				}
			image=image+"; background-position:"+left+"px "+top+"px";
			$(this).attr({'style':''+image+''});
			randomTime=Math.random()*fadeIn_time;
			$(this).fadeIn(randomTime);
		});
	}