// JavaScript Document

$.fn.imagesLoaded = function(callback){
  var elems = this.filter('img'),
      len = elems.length;
      
  elems.bind('load',function(){
      if (--len <= 0){ callback.call(elems,this); }
  }).each(function(){
     // cached images don't fire load sometimes, so we reset src.
     if (this.complete || this.complete === undefined){
        var src = this.src;
        // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
        this.src = '#';
        this.src = src;
     }
  });
};

$(function(){

// config

	// more link 
	var more_link = ['',
						'http://ws.oikosnetworks.com/',  // first more
						'http://oikosnetworks.com/serversolutions/privateserver.htm', // second more
						'http://oikosnetworks.com/serversolutions/cloudhosting.htm', // third more
						'http://oikosnetworks.com/datacenter/' // forth more
					];


	var inter_time = 600;  // 1000 = 1s
	var change_time = '7s';  // s


	var link_pos_top = [ '', '245px', '197px', '197px', '210px'	 ];
	var link_pos_left = [ '', '380px', '25px', '25px', '30px' ];

	//初始第一张图片
	var ii =0;
	
	// 加载全部内容后显示
	$("#loading").hide();	
	//$("#gallery").hide();
	$('#gallery li img').click(function(){ 
		
		//如果已经处于active状态，return
		if (this.className.indexOf("active")!=-1) return;
		
		//active状态的图片恢复原样
		$("li img.active")//.fadeTo(200,0.6)
						.removeClass("active")
						.animate({top:5,width:94,left:0},300)
						.parent().css({"color":"#aaa"});  //
		
		//获取数据
		var i = $(this).attr("pic");
	
		//当前
		$(this).animate({top:-5,width:94,height:58,left:1},100)
				.addClass("active")
				//.fadeTo(200,1)
				.parent().css({"color":"white"});
	
		$("#back").children().addClass("gray").end()
				.fadeTo(inter_time,0.1,function(){
					//var img = new Image();
					//img.s
					$(this).children("img").attr("src",$('#img'+i).attr('src')).removeClass("gray");	  //更改图片
					$('#more_link').css({ top: link_pos_top[i], left: link_pos_left[i] }).attr('href',more_link[i]); //添加链接
					
					$(this).fadeTo(inter_time,1);
					
				});
		ii = i;
	//alert(ii);
	});
	
	show();
	
	function show(){
		if (ii == 4) { ii = 0; }
		$("li img").eq(ii).click();
	}
	
	//setInterval(show(),1000);
	
	$('body').everyTime(change_time,show); 	
})