// JavaScript Document

$(document).ready(function(){

	setInterval(function(){
		$('#searchForm > #q').val( $('#search').val()+' site:www.phxcoal.com' );										 
	},300);
						   

	if($('#pageContent').height() < 610){
		$('#pageContent').css('height',610);
	}

	
	var dropDownCloseTimeout = null;
	
	$('.sectionLink').mouseover(function(){
		offset = $(this).offset();
		$dropMenu = $(this).next('.dropMenu:first');
		$dropMenu.css('left',offset.left  + $(this).outerWidth() - $dropMenu.outerWidth());
		$dropMenu.filter(':hidden').slideDown(100);
		$('.dropMenu').not($dropMenu).stop().css('height','').hide();
		clearTimeout(dropDownCloseTimeout);		
	}).mouseout(function(){
		clearTimeout(dropDownCloseTimeout);	
		dropDownCloseTimeout = setTimeout(dropDownClose,300);
	});
	
	$('.dropMenu').mouseover(function(){
		clearTimeout(dropDownCloseTimeout);								  
	}).mouseout(function(){
		clearTimeout(dropDownCloseTimeout);			
		dropDownCloseTimeout = setTimeout(dropDownClose,300);
	});
	
	
	function dropDownClose(){
		$('.dropMenu').slideUp(100);
	}
	
	$('.pictureLarge').find('img').load(function(){
		$('.pictureLarge').css('visibility','visible');
		//location.hash = 'pictureLarge';
		
	});
	
	var $pictureLink = null;

	$('.pictureLink').click(function(){
		pictureLinkClick();
		return false;									 	
	}).mouseover(function(){
		var o = $(this).offset();
		$pictureLink = $(this);
		$('.pictureFrame').show().css({left:o.left,top:o.top});
		return false;									 	
	});
	
	$('.pictureFrame').click(function(){
		pictureLinkClick();
		return false;									 	
	});
	
	function pictureLinkClick(){
		if($pictureLink ){									  
			$('.pictureLarge').show().css('visibility','hidden').find('img')[0].src = $pictureLink.attr('picture_image');
			$('.pictureLarge > .pictureLargeDesc').html($pictureLink.attr('picture_desc'));
		}
	}
	
	
	//stockData
	if(typeof(qmQuote) != 'undefined'){
		
		$('#stockLast').text(qmQuote.last.match(/<div class="qmjsright">(.*?)<\/div>/)[1]);
		
		var change = qmQuote.change.match(/<div class="qmjsright">(.*?)<\/div>/)[1];
		$('#stockChange').text(change);		
		
		
		
		if(parseFloat(change) > 0){
			$('#stockChange').addClass('stockUp');
			$('#stockChangePc').addClass('stockUp');			
		} 
		
		if(parseFloat(change) < 0){
			$('#stockChange').addClass('stockDown');
			$('#stockChangePc').addClass('stockDown');			
		}
		
		
		var changePercent = qmQuote.changePercent.match(/<div class="qmjsright">(.*?)<\/div>/)[1];
		$('#stockChangePc').text(changePercent);				
	
		$('#stockVolume').html(qmQuote.volume.match(/<div class="qmjsright">(.*?)<\/div>/)[1]);
	

	}
	

});