// JavaScript Document

$(function()	{
	
	// Insert buttons
	$('.continue').eq(0).append($('<input class="next nofix" type="image" src="/magazine/graphics/buttons/b_upload_continue_on.png" alt="Continue to the next step" id="continue1" />'));
	$('.continue').eq(1).append($('<input class="next nofix" type="image" src="/magazine/graphics/buttons/b_upload_continue_on.png" alt="Continue to the next step" id="continue2" />'));
	
	// Info popups
	$('label>a').mouseover(function()	{
		$(this).parent().prev().prev().css({ left: 'auto' });
		return false;
	}).mouseout(function()	{
		$(this).parent().prev().prev().css({ left: '-9999px' });
	});
	
	//Code to add info popups to the radio buttons.
	
	$('input[name="regions"]').hover(function() { 
    $(this).prev().css('left', 'auto'); 
    }, function() { 
    $(this).prev().css('left', '-9999px'); 
    }); 
	
	var currentstep = 1;
	
	// Hide all steps except 1
	$('.step_contents').css({display: 'none'}).eq(0).css({display: 'block'});

	// 'Next step' buttons
	$('.continue').css({display: 'block'});
	$('.continue input').not(':last').attr({src: '/magazine/graphics/buttons/b_upload_continue.png'});
	
	if($('input[name=regions]:checked').val() != null)	{	
		$('.continue input').eq(0).attr({src: '/magazine/graphics/buttons/b_upload_continue_on.png'});
		/*if ($.browser.msie && $.browser.version<7) {
			$.ifixpng.pixel = '/magazine/graphics/pixel.gif';
			$('img[@src$=.png],input[@src$=.png]').ifixpng();
		}*/
	}
	
	$('input[name=regions]').click(function()	{
		$('.continue input').eq(0).attr({src: '/magazine/graphics/buttons/b_upload_continue_on.png'});
		/*if ($.browser.msie && $.browser.version<7) {
			$.ifixpng.pixel = '/magazine/graphics/pixel.gif';
			$('img[@src$=.png],input[@src$=.png]').ifixpng();
		}*/
	});
	
	if($('input[name=positions]:checked').val() != null)	{
		$('.continue input').eq(1).attr({src: '/magazine/graphics/buttons/b_upload_continue_on.png'});
		/*if ($.browser.msie && $.browser.version<7) {
			$.ifixpng.pixel = '/magazine/graphics/pixel.gif';
			$('img[@src$=.png],input[@src$=.png]').ifixpng();
		}*/
	}
		   
	$('input[name=positions]').click(function()	{
		$('.continue input').eq(1).attr({src: '/magazine/graphics/buttons/b_upload_continue_on.png'});
		/*if ($.browser.msie && $.browser.version<7) {
			$.ifixpng.pixel = '/magazine/graphics/pixel.gif';
			$('img[@src$=.png],input[@src$=.png]').ifixpng();
		}*/
	});

	$('#continue1').click(function()	{
		if($('input[name=regions]:checked').val() != null)	{
			$('.step').eq(0).removeClass('active');
			$('.step').eq(1).addClass('active');
			$('.step_contents').eq(0).slideUp();
			$('.step_contents').eq(1).slideDown();
			$('.step .complete').eq(0).css({display: 'block'});						
			$('#content h1').text('Salary checker - step 2');
			currentstep = 2;
			data = {locID: $('input[name=regions]:checked').val()};		
		    $.post(
			'salaryJobType.ajax.aspx', // Path ??? 
			data,
			function(reply)	{	
			    
			    $('#JobTypes').html(reply);	
			    
			    $('input[name=positions]').click(function()	{
		             $('.continue input').eq(1).attr({src: '/magazine/graphics/buttons/b_upload_continue_on.png'});
					/*if ($.browser.msie && $.browser.version<7) {
						$.ifixpng.pixel = '/magazine/graphics/pixel.gif';
						$('img[@src$=.png],input[@src$=.png]').ifixpng();
					}*/
				});
			    
			},
			"html"
		);
		}
		return false;
	});
	
			
	$('input[name=positions]').click(function()	{
		$('.continue input').eq(1).attr({src: '/magazine/graphics/buttons/b_upload_continue_on.png'});});
		
	
	$('#continue2').click(function()	{
		if($('input[name=positions]:checked').val() != null)	{
			$('.step').eq(1).removeClass('active');
			$('.step').eq(2).addClass('active');
			$('.step_contents').eq(1).slideUp();
			$('.step_contents').eq(2).slideDown();
			$('.step .complete').eq(1).css({display: 'block'});
			$('#content h1').text('Salary checker - step 3');
			currentstep = 3;
		}
		return false;
	});
	
	$('#calculate').click(function()	{
			currentstep = 0;
		return false;
	});

	// 'Edit' buttons
	$('.step .complete input:image').click(function()	{
		if($(this).attr('id').replace('edit_', '') != currentstep)	{
			$('.step').removeClass('active');
			el = $(this).parent().parent();
			el.addClass('active');
			$('.step_contents').eq(currentstep - 1).slideUp();
			el.next().slideDown();
			currentstep = $(this).attr('id').replace('edit_', '');
			switch(currentstep)	{
				case "3":
					$('#content h1').text('Salary checker - step 3');
					break;
				case "2":
					$('#content h1').text('Salary checker - step 2');
					break;
				case "1":
					$('#content h1').text('Salary checker');
					break;
			}
		}
		return false;													  
	});
	
	// 'Finish' button	
	$('input.finish').click(function()	{
									 
		$('.step_contents').eq(2).slideUp();
		$('.step').eq(2).removeClass('active');
		$('.step .complete').eq(2).css({display: 'block'});
		$('#content h1').text('Salary checker - Results');
		
		data = { 
			jobID: $('input[name=positions]:checked').val()
			,locID: $('input[name=regions]:checked').val()
			,tlrtype: $('input[name=tlr]:checked').next().text()
			,snname: $('input[name=specialneeds]:checked').next().text()
		};
		
		$.post(
			'salaryCheck.ajax.aspx', // Path ??? 
			data,
			function(reply)	{	
			    $('#SearchResults').html(reply);
			    
			    region= $('input[name=regions]:checked').next().text();
			    position= $('input[name=positions]:checked ').next().text();
			    tlr=$('input[name=tlr]:checked').next().text();
			    sn=$('input[name=specialneeds]:checked').next().text();
			    detailstext=region+', '+position;
			    if (tlr!='No'){
			        detailstext+=', '+tlr;
			    }
			    if (sn!='No'){
			        detailstext+=', '+sn;
			    } 
			    
			    $('#MainGradeScaleDetails').html(detailstext); 
			    $('#UpperGradeScaleDetails').html(detailstext);
			     
			},
			"html"
		);		
		
		return false;
	});	
	
	if ($.browser.msie && $.browser.version<7) {
		/*$.ifixpng.pixel = '/magazine/graphics/pixel.gif';
		$('img[@src$=.png],input[@src$=.png]').ifixpng();*/
	}
	
	// Hide all steps except 1
	$('.step_contents').css({display: 'none'}).eq(0).css({display: 'block'});
});