﻿

var _movieOver = false;


$(document).ready(function() {

	
	//	add click event to card images to select radio button
		$('#cards_wrapper_inner a').click(function(e) {
				e.preventDefault();
			$(this).prev('input:radio').attr('checked', true).trigger('change');	
		});


	//	grab what radio btn was clicked and pass to "apply" link
		card_checked = 0;
		$('input:radio').change(function() {
			card_checked = $(this).val();
		//	console.log($(this).val());
		});
	
	
	

    //	add tabindex to radio buttons	
    $('input:radio').each(function(i) {
        i = i + 1;
        $(this).attr('tabindex', i);
        i++;
    });






    //	check radio buttons with enter key
    $('input:radio').keyup(function(e) {
        if (e.keyCode == 13) {
            $(this).attr('checked', true);
        }
    });



    $('a.main_graph').bind('focusin', function() {
        //	alert('TEST');
    }).bind('keyup', function(e) {
        if (e.keyCode == 13) {
            $(this).parent().siblings('.extra_graph').find('.track').trigger(e);
            $(this).parent().siblings('.extra_graph').find('.thumb').trigger(e);
            $(this).parent().siblings('.extra_graph').find('.scrollbar').trigger(e);
            $(this).parent().siblings('.extra_graph').tinyscrollbar_update();
        }
    });



	
	   $('div.bullet').click(function(e) {
		//   alert('test');
        if (!$('.extra_graph', this).is(":visible")) { 
			$('.close_x', this).css('visibility', 'visible');
			$('a.main_graph').css('color', '#000000');
			$('.bullet_middle_text a.fnlink sup').css('color', '#000000');
			$('a.main_graph', this).css('color', '#0079c1');
			$('div.main_graph_wrapper a.fnlink sup', this).css('color', '#0079C1');
			$('.extra_graph').hide();
			$('.extra_graph', this).slideToggle(300);
			$('.close_x').hide();
			$('.close_x', this).slideToggle(300);
			$('.main_graph_wrapper').removeClass('selected');
			$('.main_graph_wrapper', this).addClass('selected');
			$('.bullet_middle').removeClass('roll_middle_1line').removeClass('roll_middle_2lines').removeClass('roll_middle_3lines').removeClass('roll_middle_3lines');
			$('.bullet_bottom').removeClass('roll_btm_1line').removeClass('roll_btm_2lines').removeClass('roll_btm_3lines').removeClass('roll_btm_4lines');
	
		$('.extra_graph', this).tinyscrollbar_update();

		}
    });
	

    //	rollovers for text boxes (chg bg-images on hover)	
	
        $('.lines4').hover( 
			function() {
				if (!$('.extra_graph', this).is(":visible")) { 
					$('.bullet_middle', this).addClass('roll_middle_4lines');
					$('.bullet_bottom', this).addClass('roll_btm_4lines');
				}
			},
			function() {
				$('.bullet_middle', this).removeClass('roll_middle_4lines');
				$('.bullet_bottom', this).removeClass('roll_btm_4lines');
			}
		);	
	
        $('.lines3').hover( 
			function() {
				if (!$('.extra_graph', this).is(":visible")) { 
					$('.bullet_middle', this).addClass('roll_middle_3lines');
					$('.bullet_bottom', this).addClass('roll_btm_3lines');
				}
			},
			function() {
				$('.bullet_middle', this).removeClass('roll_middle_3lines');
				$('.bullet_bottom', this).removeClass('roll_btm_3lines');
			}
		);
			
	   $('.lines2').hover(
			function() {
				if (!$('.extra_graph', this).is(":visible")) { 
					$('.bullet_middle', this).addClass('roll_middle_2lines');
					$('.bullet_bottom', this).addClass('roll_btm_2lines');
				}
			},
			function() {
				$('.bullet_middle', this).removeClass('roll_middle_2lines');
				$('.bullet_bottom', this).removeClass('roll_btm_2lines');
			}
		);
	
	   $('.lines1').hover(
			function() {
				if (!$('.extra_graph', this).is(":visible")) { 
					$('.bullet_middle', this).addClass('roll_middle_1line');
					$('.bullet_bottom', this).addClass('roll_btm_1line');
				}
			},
			function() {
				$('.bullet_middle', this).removeClass('roll_middle_1line');
				$('.bullet_bottom', this).removeClass('roll_btm_1line');
			}
		);
		
		

     

		$('a.close_x').click(function() {
			$('.main_graph').css('color', '#000000');
			$(this).siblings().find('a.fnlink sup').css('color', '#000000');
			$(this).siblings('.extra_graph').slideUp(300);
			$(this).siblings('.main_graph_wrapper').removeClass('selected');
			$(this).hide(300);
		});
	
		$('.extra_graph').attr('tabindex', '0');
		$('.extra_graph').tinyscrollbar({ sizethumb: 22 }).hide();






		var t = '';
		$('img.card_thumb').hover(
			function() {
				if (t) {
					clearTimeout(t);
				}
				if (_movieOver) {
					var thumbSrc = $(this).attr('id').replace('thumb', '') - 1;
					//console.log(headers[thumbSrc]);
					//var currentSrc = $('#default_header').attr('src').split('/').pop();
					//var newSource = $('#header img').attr('src').replace(currentSrc, newThumbSrc);
					$('#header img').attr('src', headers[thumbSrc]);
					$('#close_card_art').show();
				}
			},
			function() {
				var timerCallback = function() {
					restoreHeader();
				}
				t = setTimeout(timerCallback, 4000);
			});
	
	
		$('#close_card_art').click(function() {
			restoreHeader();
		});
	
	
		var restoreHeader = function() {
			$('#close_card_art').hide();
			//var currentSrc = $('#header img').attr('src').split('/').pop();
			//var newSource = $('#header img').attr('src').replace(currentSrc, 'header_default.jpg');
			$('#header img').attr('src', header_default);
		}


	
	
	
		var ar = new Array(33, 34, 35, 36, 37, 38, 39, 40);
		$(document).keydown(function(e) {
			if ($('extra_graph').is(':focus')) {
				var key = e.which;
				//console.log(key);
				//if(key==35 || key == 36 || key == 37 || key == 39)
				if ($.inArray(key, ar) > -1) {
					e.preventDefault();
					return false;
				}
				return true;
			}
		})


});



		
function popIt(loc,win,width,height)  {
	wdth = width;
	hght = height;
	var x = Math.round((window.screen.width-wdth)/2); 
	distX = (x < 0) ? 0 : x;
	var y = Math.round((window.screen.height-hght)/2);
	distY = (y < 0) ? 0 : y-20;
	var params = 'statusbar=no,status=no,locationbar=no,menubar=no,'
		params += 'resizable=no,personalbar=no,favorites=no,toolbar=no,'
		params += 'width=' + wdth + ',height=' + hght + ',top=' + distY + ',left=' + distX
		params += 'screenY=' + distY + 'screenX=' + distX + ',scrollbars=no,'
	window.open(loc,win,params);
}











