// jquery.xml2json.js
(function($){$.extend({xml2json:xml2json});function xml2json(xml,root){var o={};$(root==undefined?'response':root,xml).children().each(function(){o[this.tagName]=$(this).text()});return o}})(jQuery);

// When the page is loaded this is automatically called
var ps_popups = new Array();
var ps_popup_delay = 0.25;
$(document).ready(function() {
    // ****************************
    // MAP POPUP ADDED BY HEGELWORM
    // First off, remove the whitespace either side of the table's map column
    $('.ps-map-table td:has(img)').css({ 'padding' : '0px'});
    $('.ps-map-table td:has(img)').css({ 'margin' : '0px'});
    // Make the map a little bigger - you can change this to whatever you want
    $('.map img').css({ 'width' : '64px'});
    // Add a new style class to relevant elements
    $('.map:has(img)').addClass("screenshot");
    $('.weapon:has(img)').addClass("screenshot");
    // Iterate through the newly classed elements and find the image
    $('.screenshot').each(function(){
    // If it's a weapon image, swap for larger rollover preview image
    if ($(this).hasClass('weapon')){
        var thisimg = $(this).find('img').attr('src');
		var largeimg = thisimg.replace('hldm/','hldm/large/');
        var popimg = largeimg.replace('.gif','.jpg');
    } else {
    // Else it's a map image
        var popimg = $(this).find('img').attr('src');
    }
        var caption = $(this).find('img').attr('title');
    // Add rel and caption hooks
       $(this).attr('rel', popimg);
       $(this).attr('title', caption);
    });
    // remove title attributes so that the browser tooltip doesn't get in the way
    $('.map').find('img').attr("title","");
    $('.weapon').find('img').attr("title","");
    // Call the actual function (added down below)
    screenshotPreview();
    //
    // END MAP POPUP
    // ****************************
	
	// setup handlers for the overall login/search popups
	$('#ps-login-link').click(function(e){  return ps_overall_popup('login'); });
	$('#ps-search-link').click(function(e){ return ps_overall_popup('search'); });
	$('#ps-login-link, #ps-login-popup, #ps-search-link, #ps-search-popup').hover(stop_popup_timer, start_popup_timer);

	// setup handlers for frame collapse/expand divs
	$('div.ps-column-frame, div.ps-table-frame').not('.no-ani').each(function(i) {
		var frame = this;
		// on the frame 'header' apply the onClick handler
		$('div.ps-column-header, div.ps-frame-header', this).click(function() {
			ps_header_handler(this, frame, null, 'slow');
		});
	});

	// global ajax status animations
	$('#ajax-status').ajaxStart(ajax_start);
	$('#ajax-status').ajaxStop(ajax_stop);

	// automatically add an mouseover/out for table rows ...
	$(".ps-table tr:gt(0)").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});

	// language handler
	$('select.language').change(function(){ 
		this.form.submit();
	});
});

// popup variables
var active_popup = null;
var timeout_popup = null;
var timeout_seconds = 1.0;

function ps_overall_popup(label) {
	var popup = $('#ps-' + label + '-popup');
	var img = $('#ps-' + label + '-img');
	var o = img.offset({ scroll: false });
	var y = img.height() + o.top + 1;
	var x = Math.floor(img.width() / 2 + o.left) - popup.width() + 20;

	if (active_popup) {
		if (active_popup.attr('id') != popup.attr('id')) {
			close_popup();
		} else {
			close_popup();
			return false;	
		}
	}

	active_popup = popup;
	popup.css({ top: y, left: x });
	popup.fadeIn('fast', function(){ $('input:text', popup).focus() });
//	popup.slideToggle('fast', function(){ $('input:text', popup).focus() });
//	popup.toggle();
//	$('input:text', popup).focus();

	return false;
}

function close_popup() {
	if (!active_popup) return;
//	active_popup.slideUp('fast', stop_popup_timer);
	active_popup.fadeOut('fast');
	active_popup = null;
	timeout_popup = null;
}

function start_popup_timer() {
	if (!active_popup) return;
	if (timeout_popup) stop_popup_timer();
	timeout_popup = setTimeout('close_popup()', timeout_seconds * 1000);
}

function stop_popup_timer() {
	if (timeout_popup) clearTimeout(timeout_popup);
	timeout_popup = null;
}

// frame animation handler
function ps_header_handler(header, frame, display, speed) {
	var hdr = $(header);
	var f = $(frame);
	var content = hdr.next();
	var span = $('span', hdr);
	var visible = content.is(":visible");
	if (display == null) display = !visible;
	if (display == visible) return;				// nothing to do

	// update the icon in the header based on the new display state
	// the image filename must end in 'minus' or 'plus'.
	var img = span.css('backgroundImage');
	if (img.indexOf('minus') != -1) {
		img = img.replace(/minus/, 'plus');
	} else if (img.indexOf('plus') != -1) {
		img = img.replace(/plus/, 'minus');
	}
	span.css('backgroundImage', img);

	// toggle the display of the content
	if (speed) {
		display ? content.slideDown(speed) : content.slideUp(speed);
	} else {
		display ? content.show() : content.hide();
	}

	// update the users session
	var id = content.attr('id');
	if (id) {
		$.post('opt.php', { shade: id, closed: display ? 0 : 1 });
	}
}
// MAP POPUP *FUNCTION* ADDED BY HEGELWORM
function screenshotPreview(){    
    // POPUP POSITION FROM MOUSE
    xOffset = 60;
    yOffset = 30;
    /* END CONFIG */
    $("a.screenshot").hover(function(e){
        this.t = this.title;
        this.title = "";    
        var c = (this.t != "") ? "<br/>" + this.t : "";
        $("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");                                 
        $("#screenshot")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .fadeIn("fast");                        
    },
    function(){
        this.title = this.t;    
        $("#screenshot").remove();
    });    
    $("a.screenshot").mousemove(function(e){
        $("#screenshot")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });            
};
var ajax_stopped = true;
function ajax_start() {
	if (!ajax_stopped) return;
	ajax_stopped = false;
	$(this).fadeIn('fast');
}

function ajax_stop() {
	ajax_stopped = true;
	$(this).fadeOut('fast');
}