var curItem = 0;

var mimId = 0;
var maxId = 24;

function loadLowerPlan()
{
	if( curItem == mimId )
		alert( 'Более дешового плана нет!' );
	else
	{
		curItem -= 1;
		loadPlan();
	}
}

function loadUpperPlan()
{
	if( curItem == maxId )
		alert( 'При заказе более дорого проекта Вы получаете скидку в размере 5% от суммы заказа!' );
	else
	{
		curItem += 1;
		loadPlan();
	}	
}

function loadPlan()
{
	refreshCalc();
	var plan = plans[curItem];
	$noTroubles('div[name=Price]').html( plan['price'] );
	if( curItem > 0 )
	{
		$noTroubles('div[name=curPrice]').html( plan['price'] );
		var a = 0;
		var tmp = plan['price'] + '';
		if( tmp.length == 3 )
			a = 13;
		if( tmp.length == 4 )
			a = 16;
		if( tmp.length == 5 )
			a = 17;
		$noTroubles('div[name=curPrice]').css( { 'margin-left': curItem*25-a } );
		$noTroubles('div[name=lineGreen]').css( { width: curItem*25+a } );
		$noTroubles('div[name=pointer]').css( { 'margin-left': curItem*25+a } );
	}
	else if( curItem == 0 )
	{
		$noTroubles('div[name=curPrice]').css( { 'margin-left': 0 } );
		$noTroubles('div[name=lineGreen]').css( { width: 0 } );
		$noTroubles('div[name=pointer]').css( { 'margin-left': 0 } );
	}
	for( var i in plan['team'] )
	{
		$noTroubles('a[name='+i+']').attr( { 'class': 'Active' } );
		//alert( i );
		if( i == 'client_manager' )
			$noTroubles('a[name=client_manager]').bind( 'mouseover', function() { getLevel( 'client_manager' ); } );
		if( i == 'designer' )
			$noTroubles('a[name=designer]').bind( 'mouseover', function() { getLevel( 'designer' ); } );
		if( i == 'art_director' )
			$noTroubles('a[name=art_director]').bind( 'mouseover', function() { getLevel( 'art_director' ); } );
		if( i == 'illustrator' )
			$noTroubles('a[name=illustrator]').bind( 'mouseover', function() { getLevel( 'illustrator' ); } );
		if( i == 'programer' )
			$noTroubles('a[name=programer]').bind( 'mouseover', function() { getLevel( 'programer' ); } );
		if( i == 'slicer' )
			$noTroubles('a[name=slicer]').bind( 'mouseover', function() { getLevel( 'slicer' ); } );
		if( i == 'content_manager' )
			$noTroubles('a[name=content_manager]').bind( 'mouseover', function() { getLevel( 'content_manager' ); } );
		if( i == 'tester' )
			$noTroubles('a[name=tester]').bind( 'mouseover', function() { getLevel( 'tester' ); } );
		if( i == 'seo_optimizer' )
			$noTroubles('a[name=seo_optimizer]').bind( 'mouseover', function() { getLevel( 'seo_optimizer' ); } );
		$noTroubles('a[name='+i+']').bind( 'mouseout', function() { refreshStart(); } );
	}
	var cms = '';
	if( plan['cms']['free'] )
	{
		cms += '<h4>свободного распостранения</h4>';
		for( var i in plan['cms']['free'] )
			cms += plan['cms']['free'][i]+'<br />';
	}
	if( plan['cms']['license'] )
	{
		cms += '<h4>платные*</h4>';
		for( var i in plan['cms']['license'] )
			cms += plan['cms']['license'][i]+'<br />';
		$noTroubles('div[name=comment]').html( '*платные CMS приобретаются отдельно,<br /> в зависмости от потребностей проекта' );
	}
	$noTroubles('div[name=CMSHolder]').html( cms );
	var components = '';
	for( var i in plan['components'] )
		components += plan['components'][i]+'<br />';
	$noTroubles('div[name=funcHolder]').html( components );
	$noTroubles('#detailsHolder').html( plan['description'] );
}

function getLevel( aName )
{
	
	switch( plans[curItem]['team'][aName] )
	{
		case 1:
			$noTroubles('div[name=starsHolder]').html( '<img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" />' );
			break;
		case 2:
			$noTroubles('div[name=starsHolder]').html( '<img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" />' );
			break;
		case 3:
			$noTroubles('div[name=starsHolder]').html( '<img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" />' );
			break;
		case 4:
			$noTroubles('div[name=starsHolder]').html( '<img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceEmptyStar.png" />' );
			break;
		case 5:
			$noTroubles('div[name=starsHolder]').html( '<img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" /><img src="assets/templates/advent/images/priceFullStar.png" />' );
			break;
		default:
			refreshStart();
			break;
	}
}

function refreshStart()
{
	$noTroubles('div[name=starsHolder]').html( '<img src="assets/templates/advent/images/priceGreyStar.png" /><img src="assets/templates/advent/images/priceGreyStar.png" /><img src="assets/templates/advent/images/priceGreyStar.png" /><img src="assets/templates/advent/images/priceGreyStar.png" /><img src="assets/templates/advent/images/priceGreyStar.png" />' );
}

function refreshCalc()
{
	$noTroubles('div[name=Price]').html( '' );
	$noTroubles('div[name=curPrice]').html( '' );
	$noTroubles('div[name=funcHolder]').html( '' );
	$noTroubles('div[name=comment]').html( '' );
	refreshStart();
	$noTroubles('a[name=client_manager]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=designer]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=art_director]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=illustrator]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=programer]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=slicer]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=content_manager]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=tester]').attr( { 'class': 'Notactive' } );
	$noTroubles('a[name=seo_optimizer]').attr( { 'class': 'Notactive' } );
}


