$(document).ready(function(){
	var images = [
		'/common/img/carusel1.jpg',
		'/common/img/carusel2.jpg',
		'/common/img/carusel3.jpg',
		'/common/img/carusel4.jpg',
		'/common/img/carusel5.jpg',
		'/common/img/carusel6.jpg',
		'/common/img/carusel7.jpg'
	]
	var src_image_1 = "/common/img/ul-img1.png";
	var src_image_2 = "/common/img/ul-img2.png";
	var ul_html = '';
	for(var i = 0; i < images.length; i ++){
		if(i == 0){
			ul_html += '<li id="item' + (i+1) +'" class="current">';
			ul_html += '<img src="/common/img/ul-img2.png" alt="" />';
		}else{		
			/*ul_html += '<li id="item' + (i+1) +'" onclick="setPos(' + i +')">';*/
			ul_html += '<li id="item' + (i+1) +'">';
			ul_html += '<img src="/common/img/ul-img1.png" alt="" />';
		}
		ul_html += '</li>';
	}	
	$('.imagenation > ul')[0].innerHTML = ul_html;
	
	var timer = setTimer();
	
	function setImage()
	{
		var pos = getRandomInt(0,images.length - 1);		
		var image = images[pos];
		image = 'http://' + window.document.domain + image;
		var image_load = new Image();		
		//$('<img>').attr('src',image).load(function(){
		$(image_load).attr('src',image).load(function(){
			choiseImage(image, pos);
		})
	}
	function getRandomInt(min, max)
	{
		return Math.floor(Math.random() * (max - min + 1)) + min;
	}

	/*function setPos(position)
	{
		clearInterval(timer);
		choiseImage(position);
		setTimer();
	}*/
	$('.imagenation > ul > li').click(function(){		
		clearInterval(timer);
		var position = parseInt($(this).context.id.match(/item(.*)/)[1]) - 1;
		var image = images[position]
		image = 'http://' + window.document.domain + image;		
		choiseImage(image, position);
		timer = setTimer();
	})
	
	function setTimer(){
		var period = getRandomInt(5,7);
		var t = window.setInterval(function(){
					if (period > 0)
					{
						period = period - 1;
					}else
					{
						setImage()
						period = getRandomInt(5,7);
					}
		},1000);
		return t;
	}
	function choiseImage(image, pos){
		$('#header-pic-2').css('background','url(' + image + ') no-repeat center top');
		$('#header-pic-1').fadeOut(1500,function(){
			$(this).css('background','url(' + image + ') no-repeat center top').fadeIn(0);
		});
		$('.imagenation > ul > li.current > img').attr('src', src_image_1);
		$('.imagenation > ul > li').removeClass("current");
		$('.imagenation > ul > li')[pos].className = "current";
		$('.imagenation > ul > li.current > img').attr('src', src_image_2);
	}
})