$(document).ready(function(){

	// Initiate Widget
    $('#widget-narrow').accordion({
        header: 'dt',
        changestart: function(event,ui)
        {
            $('#' + ui.newHeader[0].id + ', #' + ui.oldHeader[0].id).toggleClass('selectedPanel');
        }
    });

	$('#widget-narrow').css("visibility","visible");
	
//	var overlayDescriptions = [
//		"Width of tyre (in mm)",
//		"Profile - height of tyre sidewall",
//		"Size",
//		"Load",
//		"Speed"
//	];	

	
	// Tyre size search - image changing code
	$('#widget-image-narrow .widget-narrow-image-over').each(function(i,element){
	
		var whichNumber = $(element).attr('id').substr($(element).attr('id').length-1, 1);
		
		$(element).hover(function(){
            if($.browser.msie && $.browser.version <= "6.0")
            {
				$('#widget-image-narrow').css('background-position','0px ' + '-' + (69 * whichNumber) + 'px');
			}
			else
			{
				$('#widget-image-narrow').removeClass().addClass('tyreinfo' + whichNumber + '-narrow');
				$('#widget-narrow-description-arrow').removeClass().addClass('narrow-description-arrow' + whichNumber);
			}
			
			$('select.selectorange').removeClass();
			$('#widget-narrow-tyre-size-' + whichNumber + ' select').addClass('selectorange');
			
			if(!$('#widget-narrow-image-info-overlay').hasClass('widget-narrow-overlay-selected'))
			{
				$('#widget-narrow-image-info-overlay').addClass('widget-narrow-overlay-selected');
			}

			$('#widget-narrow-image-info-overlay').text(overlayDescriptions[whichNumber - 1]);		
			
		}, function(){
			//mouseout
		});
	
	});
	
    // Deal with tooltip popups
    $('.tooltip').click(function(event){showPopup(this.id, event.pageX, event.pageY, this.name);return false;});
    $('.cant-find-link').click(function(event){showPopup("cant_find_your_tyre", event.pageX, event.pageY, this.name);return false;});
    $('body').click(function(){$('#tooltip-help').css("display","none");});
    $('#widget-wide dt').click(function(){$('#tooltip-help').css("display","none");});

    // FORM SUBMISSION BUTTONS
    $('#find-local-button a').click(function(){$('#find-local-form').submit();});
    $('#tyre-size-find-button a').click(function(){$('#tyre-size-form').submit();});
    $('#number-plate-find-button a').click(function(){$('#number-plate-form').submit();});
    $('#car-model-find-button a').click(function(){$('#car-model-form').submit();});
});