/* 
 * CSS Document for bingolink
 * http://xxx.com/
 *
 * Copyright 2014, new meida
 * http://www.bingosoft.net
 *
 * Date: 2014-11-16
 */


$(function (){
	//第三幕
	$('.domain>.li>.img').bind('click',function(){
		var _this = $(this);
		var num = _this.next().find('.wrapperimg').children().length;
		var imgwidth = 100/num;
		var wrapwidth = 100*num;
		//计算宽度
		_this.next().find('.wrapperimg').css({'width':wrapwidth+'%'});
		_this.next().find('.wrapperimg').children().css({'width':imgwidth+'%'});
		
		$('.domain').addClass('domai-left');
		_this.parent().removeClass('small').addClass('active').siblings().removeClass('active').addClass('small');
		
		//_this.next().find('.rowimg').removeClass('on').eq(0).addClass('on');
		//_this.next().find('.wrapperimg').css({'marginLeft':'0'});
	})
	
	$('.iphone-details >.close').bind('click',function(){
		$('.domain').removeClass('domai-left');
		$('.domain>.li').removeClass('small active');
	})
	
	$('.iphone-details>.relation>.rowimg').bind('click',function(){
		var index = $(this).attr('index')-1;
		$(this).addClass('on').siblings().removeClass('on');
		$(this).parent().parent().siblings().find('.wrapperimg').animate({'marginLeft':-100 * index + '%'},500)
		
	})
	
})