/* These lines try to prevent the hidden content frmo flashing on the experience page */
var W3CDOM = (document.getElementsByTagName && document.createElement);

if (W3CDOM)
	document.write('<link rel="stylesheet" href="/styles/hides.css" />');

jQuery.noConflict();

jQuery(document).ready(function() {
    
    /* Nav operation - can't easily do css rollovers because the states overlap */
    var whichItemSelected = jQuery('.selected:first').attr('id');
    setMenuCircle(whichItemSelected);
    
    jQuery('#primary-nav a').hover(function() {
        var whichItem = jQuery(this).parent().attr('id');
        setMenuCircle(whichItem);
        
    },function() {
        var whichItemSelected = jQuery('.selected:first').attr('id');

        if (whichItemSelected) {
            setMenuCircle(whichItemSelected);
        } else {
            jQuery('#primary-nav').css('background-position', '0 0');
        }      
    })
    
    /* The form at the top of the page - text and image in/out */
    jQuery('#header-sign-up-form .text').blur(function () {
        if (jQuery(this).attr('value') == '') jQuery(this).attr('value', 'ENTER YOUR EMAIL HERE');
        
	});
	jQuery('#header-sign-up-form .text').focus(function () {
        if (jQuery(this).attr('value') == 'ENTER YOUR EMAIL HERE') jQuery(this).attr('value', '');
       
	});
    
    /* The arrows on the home page content boxes at the bottom */
    jQuery('.arrow-link-white').append('<img src="/images/template/generic-white-arrow-on-red-right.gif" alt=" " />');
    jQuery('.arrow-link-black').append('<img src="/images/template/generic-black-arrow-on-grey-right.gif" alt=" " />');

    /* If none of the narrow fonts are available, try to tone down the font size so as not to break the design  */
    if (jQuery('#footer-nav').width() > 850) {
        jQuery('head').append('<link rel="stylesheet" href="/styles/fonttoowide.css" type="text/css" />');
    }
    
	
	
    /* A simple accordion for the experience page */
    jQuery('#bars-picker .handle').click(function() {
        
        //is it open or closed?
        if (jQuery(this).hasClass('open')) {
            //close it
            jQuery(this).removeClass('open').addClass('closed').next().hide('slow');
            
            //change the text on the handle
            jQuery(this).text(jQuery(this).text().replace('-','+'));
			
        } else {
            //opening, close all others
            jQuery('#bars-picker .open').next().hide('slow');

            //change the text on the handles
            jQuery('#bars-picker .open').text(jQuery('#bars-picker .open').text().replace('-','+'));
            
            //remove the open classes
            jQuery('#bars-picker .open').removeClass('open').addClass('closed');
            
            //open this one
            jQuery(this).removeClass('closed').addClass('open').next().show('slow');
            
            //change the text on the handle
            jQuery(this).text(jQuery(this).text().replace('+','-'));
			
			//change the bar images
			bar_name = jQuery(this).text().replace('  -','');
			bar_name = bar_name.replace(' -','');
			bar_name = bar_name.replace('-','');
			setBarImages(bar_name); 
            
            
        }
  
    });
});

/* Used in the nav */
function setMenuCircle(whichItem) {
          switch (whichItem) {
            case 'nav_home':
                jQuery('#primary-nav').css('background-position', '0 -70px');      
            break;
			case 'nav_about':
                jQuery('#primary-nav').css('background-position', '0 -140px');      
            break;
            case 'nav_process':
                jQuery('#primary-nav').css('background-position', '0 -210px');      
            break;
            case 'nav_experience':
                jQuery('#primary-nav').css('background-position', '0 -280px');      
            break;
            case 'nav_sponsorship':
                jQuery('#primary-nav').css('background-position', '0 -350px');      
            break;
            case 'nav_downloads':
                jQuery('#primary-nav').css('background-position', '0 -420px');      
            break;
            case 'nav_trade':
                jQuery('#primary-nav').css('background-position', '0 -490px');      
            break;
            case 'nav_contact':
                jQuery('#primary-nav').css('background-position', '0 -560px');      
            break;
            default:
        }  
};


/* Used to switch bar images in the Experience section */
function setBarImages(item_name) {
	
	
	var img_counter = 1;
	
	jQuery('#media-item-img-1').attr('src', '/images/template/generic-dummy-framed-blank-image.gif');
	jQuery('#media-item-img-2').attr('src', '/images/template/generic-dummy-framed-blank-image.gif');
	jQuery('#media-item-img-3').attr('src', '/images/template/generic-dummy-framed-blank-image.gif');
	jQuery('#media-item-img-4').attr('src', '/images/template/generic-dummy-framed-blank-image.gif');
	
	jQuery('#media-item-img-a-1').attr('href', '#');
	jQuery('#media-item-img-a-2').attr('href', '#');
	jQuery('#media-item-img-a-3').attr('href', '#');
	jQuery('#media-item-img-a-4').attr('href', '#');
	
	jQuery('#media-item-img-a-1').attr('rel', '');
	jQuery('#media-item-img-a-2').attr('rel', '');
	jQuery('#media-item-img-a-3').attr('rel', '');
	jQuery('#media-item-img-a-4').attr('rel', '');
	
	jQuery('#media-item-img-a-1').attr('title', '');
	jQuery('#media-item-img-a-2').attr('title', '');
	jQuery('#media-item-img-a-3').attr('title', '');
	jQuery('#media-item-img-a-4').attr('title', '');
	
	for( i=0;i<item_image_array.length;i++ ){
		
		//alert(item_image_array[i][0] + " : " + item_name);
		if( item_image_array[i][0] == item_name ){ //does item id match
			
			jQuery('#media-item-img-' + img_counter).attr('src', item_image_array[i][1]);
			jQuery('#media-item-img-a-' + img_counter).attr('href', item_image_array[i][2]);
			jQuery('#media-item-img-a-' + img_counter).attr('rel', 'lightbox[bars]');
			jQuery('#media-item-img-a-' + img_counter).attr('title', item_image_array[i][0]);
			img_counter++;
		}
	}
};