/*
 * JTip
 * By Cody Lindley (http://www.codylindley.com)
 * Under an Attribution, Share Alike License
 * JTip is built on top of the very light weight jquery library.
 */

//on page load (as soon as its ready) call JT_init

function JT_init(){
	var drafts = jQuery("div.modraft");

	for (var i = 0; i < drafts.length; i++) {
		jQuery(drafts[i]).after(parseDraft(drafts[i]));
	}
	
	var decks = jQuery("div.decklist");
	for (var i = 0; i < decks.length; i++) {
		jQuery(decks[i]).after(parseDeck(decks[i]));
	}
	
	jQuery("a.tooltipCard").hover(	function(){
		JT_show('/cards/'+escape(this.name)+'/',this,this.name)},
		function(){
			jQuery('#JT').remove()
		});
}

function JT_show(url,linkId,title){
	if(title == false)title="&nbsp;";
	var de = document.documentElement;
	var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var hasArea = w - getAbsoluteLeft(linkId);
	var clickElementy = getAbsoluteTop(linkId) - 3; //set y position
	
	//check if the tooltip would overlap
	var pScroll = getPageScroll();
	var pSize = getPageSize();
	var overLap = false;
	if ( ( clickElementy + 290 ) > ( pScroll[1] + pSize[3] ) ){
		clickElementy -= 266;
		overLap = true;
	}
	
	var queryString = url.replace(/^[^\?]+\??/,'');
	var params = parseQuery( queryString );
	if(params['width'] === undefined){params['width'] = 199};
	if(params['height'] === undefined){params['height'] = 283};
	if(params['link'] !== undefined){
	jQuery(linkId).bind('click',function(){window.location = params['link']});
	jQuery(linkId).css('cursor','pointer');
	}
	
	if(hasArea>((params['width']*1)+75)){

		//jQuery("body").append("<div id='JT' style='display:none;width:"+params['width']*1+"px'><div id='JT_arrow'></div><div id='JT_copy'></div>");//right side
		jQuery("body").append("<div id='JT' style='display:none;position: absolute; width:"+params['width']*1+"px;height:"+params['height']*1+"px'><div id='JT_arrow'></div><div id='JT_copy'></div>");//right side
		var arrowOffset = getElementWidth(linkId) + 11;
		var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
		jQuery('#JT_arrow').addClass('JT_arrow_left');
	}else{
		jQuery("body").append("<div id='JT' style='display:none; position: absolute; width:"+params['width']*1+"px'><div id='JT_arrow' style='left:"+((params['width']*1)+1)+"px'></div><div id='JT_copy'></div>");//left side
		var clickElementx = getAbsoluteLeft(linkId) - ((params['width']*1) + 15); //set x position
		jQuery('#JT_arrow').addClass('JT_arrow_right');
	}
	
	jQuery('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
	
	if ( overLap ){
		jQuery('#JT_arrow').addClass('JT_arrow_bottom');
	}else{
		jQuery('#JT_arrow').addClass('JT_arrow_top');
	}
	//jQuery('#JT').show();
	
	jQuery('#JT').fadeIn("slow");
	jQuery('#JT_copy').load(url);	
}

function getElementWidth(objectId) {
	x = objectId;
	return x.offsetWidth;
}

function getAbsoluteLeft(objectId) {
	// Get an object left position from the upper left viewport corner
	o = objectId;
	oLeft = o.offsetLeft            // Get left position from the parent object
	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent    // Get parent object reference
		oLeft += oParent.offsetLeft // Add parent left position
		o = oParent
	}
	return oLeft
}

function getAbsoluteTop(objectId) {
	// Get an object top position from the upper left viewport corner
	o = objectId;
	oTop = o.offsetTop            // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent  // Get parent object reference
		oTop += oParent.offsetTop // Add parent top position
		o = oParent
	}
	return oTop
}

function parseQuery ( query ) {
   var Params = new Object ();
   if ( ! query ) return Params; // return empty object
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) continue;
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;
   }
   return Params;
}

function blockEvents(evt) {
              if(evt.target){
              evt.preventDefault();
              }else{
              evt.returnValue = false;
              }
}

//cardzoom for the draft view
jQuery(document).ready(cardzoomer_init);
function cardzoomer_init(){
	jQuery("img.cardzoomer")
	.hover( function(){
		show_card(this, this.src)
	},
	function(){
	}
	)
	.click(function(){return false});
}

function show_card(element, src){
	var dim = jQuery(element).offset();
	
	speed		= 400; 
	e_top 		= dim['top'];
	e_left 		= dim['left'];
	e_height	= jQuery(element).innerHeight();
	e_width		= jQuery(element).innerWidth();
	
	jQuery("body").append("<div id='card_hider' onmouseout='card_hider();'></div>"+
					"<div id='display_card_box' onmouseout='card_hider();'><img id='display_card' src=''/></div>");
	
	jQuery('#display_card_box').css('display','block')
							.css('position','absolute')
							.css('top',e_top)
							.css('left',e_left)
							.css('height',e_height)
							.css('width',e_width)
							.css('background-color','#000000');
	jQuery('#display_card').attr('src',src)
						.css('width',e_width)
						.css('height',e_height)
						.css('z-index','100');
	jQuery('#card_hider').css('position','absolute')
					.css('top',e_top)
					.css('left',e_left)
					.css('width',e_width)
					.css('height',e_height)
					.css('z-index','101');
	
	if(jQuery(element).hasClass('cardpick_border')){
		jQuery('#display_card_box').addClass('cardpick_border');
	}
	
	jQuery("#display_card").stop().animate({ 
		width: '200px',
		height: '283px'
		}, speed );
	
	jQuery("#display_card_box").stop().animate({ 
		width: '200px',
		height: '285px',
		top: e_top-((283-e_height)/2)+'px',
		left: e_left-((200-e_width)/2)+'px'
		}, speed );	
}
function card_hider(){
	if(jQuery('#display_card_box').length > 0){
		jQuery('#display_card_box').stop().remove();
		jQuery('#card_hider').stop().remove();
	}
}

function toggle_pick(elem){
	parent = jQuery(elem).parent().attr('id');
	jQuery('#'+parent+' img.cardpick').each(function()
	{
		a_element = jQuery(this);

		if ( a_element.hasClass('cardpick_border') )
		{
			a_element.removeClass('cardpick_border');
			var n_width = (parseInt(a_element.css('width'))+4)+'px';
			a_element.css('width',n_width);
			var n_height = (parseInt(a_element.css('height'))+4)+'px';
			a_element.css('height',n_height);
			jQuery(elem).html('show pick');
		} else {
			a_element.addClass('cardpick_border');
			var n_width = (parseInt(a_element.css('width'))-4)+'px';
			a_element.css('width',n_width);
			var n_height = (parseInt(a_element.css('height'))-4)+'px';
			a_element.css('height',n_height);
			jQuery(elem).html('hide pick');
		}
	});
	return false;
}

// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.com
//
function getPageScroll(){

	var xScroll, yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;
	}

	arrayPageScroll = new Array(xScroll,yScroll)
	return arrayPageScroll;
}

//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.com
// Edit for Firefox by pHaez
//
function getPageSize(){

	var xScroll, yScroll;

	if (window.innerHeight && window.scrollMaxY) {
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}

	var windowWidth, windowHeight;

//	console.log(self.innerWidth);
//	console.log(document.documentElement.clientWidth);

	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth;
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}

	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else {
		pageHeight = yScroll;
	}

//	console.log("xScroll " + xScroll)
//	console.log("windowWidth " + windowWidth)

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){
		pageWidth = xScroll;
	} else {
		pageWidth = windowWidth;
	}
//	console.log("pageWidth " + pageWidth)

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
	return arrayPageSize;
}

function mtgh_tab(value,count){
	for(i=0;i<=(count-1);i++){
		if(i==value){
			jQuery('#mtghtab_'+i).show();
			jQuery('#mtghtab_cat_'+i).attr('style','color:#FFFFFF;background:#3D3D3D');
		}
		else{
			jQuery('#mtghtab_'+i).hide();
			jQuery('#mtghtab_cat_'+i).attr('style','color:#000000;background:#CCCCCC');
		}
	}
}




function parsecards(fname, fid) {
	formname = fname;
	formid = fid;
	if (fname) {
		var txtarea = jQuery("textarea[@name="+fname+"]");
	} else {
		var txtarea = jQuery("#"+fid)[0];
	}
	
	
	//alert(txtarea.selectionStart);
	
	if (txtarea.selectionStart !=  undefined) {  
		var begin = txtarea.value.substr(0, txtarea.selectionStart);  
		var selText = txtarea.value.substr(txtarea.selectionStart, txtarea.selectionEnd - txtarea.selectionStart);  
		var end = txtarea.value.substr(txtarea.selectionEnd); 
	} else {
		selText = getSelText();
	}

	//alert(selText);
	selected = false;
	if(selText != "") { 
		var text = 'Post=' + encodeURIComponent(selText);
		selected = true;
	} else {
		var text = txtarea.serialize();
		selected = false;
	}
	
	iebrowser = false;
	if (document.selection) {
		iebrowser = true;
	}

	jQuery.post("/card_images/parsecards.php", text,
	function(data) {
		if (fname) {
			var txtarea = jQuery("textarea[@name="+fname+"]");
		
		} else {
			var txtarea = jQuery("#"+fid);
			
		}
		if(selected) {
			replaceIt(txtarea[0], data);
		} else {
			txtarea.attr("value", data);
		}
	}, "text");
}

function replaceIt(txtarea, newtxt) {
	if (iebrowser) {
		document.selection.createRange().text = newtxt;
	} else {
  jQuery(txtarea).val(
        jQuery(txtarea).val().substring(0, txtarea.selectionStart)+
        newtxt+
        jQuery(txtarea).val().substring(txtarea.selectionEnd)
   ); 
   }
}

function getSelText() {
	var txt = '';
	if (window.getSelection) {
		txt = window.getSelection();
	} else if (document.getSelection) {
		txt = document.getSelection();
	} else if (document.selection) {
		txt = document.selection.createRange().text;
	} else {
		return;
	}
	return txt;
}


function trim(str, chars) {
	return ltrim(rtrim(str, chars), chars);
}
 
function ltrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}
 
function rtrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}

	function parseDraft(draftdiv) {
		var draft = draftdiv.innerHTML;
		//draft = draft.replace(/\r\n/g,"\n");
		draft = draft.replace(/[\-]+?\s[A-Z0-9]+?\s[\-]+/g,"");
		draft = draft.replace(/\(FOIL\)/g,"");
		
		var rstr = randomString();
		
		var result = "<b><a href='javascript: showDraftCards(\"" + rstr + "\")'>Посмотреть в картинках</a></b><br />";		
		result += "<div id='" + rstr + "'></div>";
		result += "<b><a href='javascript:toggleDisplay(\"" + rstr + "_text\");'>Посмотреть текстом</a></b><br />";
		result += "<div id='" + rstr + "_text' style='display: none;'>";
		
		var result2 = "<b><a href='javascript:toggleHiddenCards();'>Скандалы, интриги, расследования - показать всё, что скрыто.</a></b><br />";

		var picks = draft.split(/Pack \d+ pick \d+:/g);
		var packNum = 1;
		var pickNum = 1;
		result += "<b>Pack " + packNum +"</b><br />\n";
		result2 += "<b>Pack " + packNum +"</b><br />\n";
		if (picks != null) {
			for (var i = 1; i < picks.length; i++) {
			
				
				var pickText = "";
				var pickText2 = "";
				var pick = picks[i];
				var cards = pick.split(/<br[\s\/]*>/ig);
				
				
				if (pickNum == 15 && cards.length > 10 && packNum != 3) {
					packNum++;
					pickNum = 1;
					result += "<br />\n";
					result += "<b>Pack " + packNum +"</b><br />\n";
					result2 += "<br />\n";
					result2 += "<b>Pack " + packNum +"</b><br />\n";
				}

				for (var j = 0; j < cards.length; j++) {
					var card = trim(cards[j]);
					card = card.match(/(--&gt;)?([a-z'\s\-\,0-9\!\_\.\(\)\&]+)/i);
					if (card && !/^\s*$/.test(card[2])) {
						card[2] = trim(card[2]);
						if (j != 1 && card[2]) {
							//pickText += ", ";
						}

						pickText += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"/card_images/showcard.php?" + card[2] + "\"  class='tooltipCard' name=\"" + card[2] + "\">" + card[2] + "</a><br />\n";
						
						pickText2 += "<img src=\"/card_images/cardimage.php?" + card[2] + "\" alt=\"" + card[2] + "\" style=\"margin-right: 5px; margin-bottom: 5px;\" />";

						if (card[1]) {
							pickText = "<b>" + "[<a href=\"/card_images/showcard.php?" + card[2] + "\"  class='tooltipCard' name=\"" + card[2] + "\">" + card[2] + "</a>]" + "</b><br />\n" + pickText;
							var rstr2 = randomString();
							var selected = "<br /><b><a href='javascript:toggleDisplay(\"" + rstr2 + "\");'>Показать выбор игрока</a></b><br /><img src=\"/card_images/cardimage.php?" + card[2] + "\" alt=\"" + card[2] + "\" style=\"display:none;\" id=\"" + rstr2 + "\" class='hiddencard'/>";
						}
					}
				}
				result += "<b>Pick " + (pickNum < 10 ? "0" + pickNum: pickNum) +"</b>: " + pickText + "<br />\n";
				result2 += "<b>Pick " + (pickNum < 10 ? "0" + pickNum: pickNum) +"</b>:<br />" + pickText2 + "<br />" + selected + "<br /><br /><br />\n";
				pickNum++;
				if (pickNum == 16 && packNum != 3) {
					packNum++;
					pickNum = 1;
					result += "<br />\n";
					result += "<b>Pack " + packNum +"</b><br />\n";
					result2 += "<br />\n";
					result2 += "<b>Pack " + packNum +"</b><br />\n";
				}

			}
		}
		result += "</div>";
		window[rstr + '_showcards'] = result2;
		return result;
	}

function toggleDisplay(id) {
	jQuery("#" + id).toggle();
	
}

function toggleHiddenCards() {
	jQuery(".hiddencard").toggle();
}


function showDraftCards(id){
	if (jQuery("#" + id).html() == "") {
		jQuery("#" + id).html(window[id + "_showcards"]);
	} else {
		jQuery("#" + id).html("");
	}
}

function randomString() {
	var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
	var string_length = 8;
	var randomstring = '';
	for (var i=0; i<string_length; i++) {
		var rnum = Math.floor(Math.random() * chars.length);
		randomstring += chars.substring(rnum,rnum+1);
	}
	return randomstring;
}


function ctrl_enter(e, form, sub)
{
	if (((e.keyCode == 13) || (e.keyCode == 10)) && (e.ctrlKey == true))
		if (!sub) {
			form.submit();
		} else {
			document.getElementById(sub).focus();simulateKeyPress(sub);
		}
}


function url_quick_pressed(event)
{if (event.keyCode==13) {event.keyCode == 0; simulateKeyPress('type_text_url');}}

function img_quick_pressed(event)
{if (event.keyCode==13) {event.keyCode == 0; simulateKeyPress('type_img_url');}}

function simulateKeyPress(btn) {
//document.getElementById(btn).focus();
try {
/*var e = document.createEvent('KeyboardEvent');

  e.initKeyEvent('keydown', true, true, window, false, false, false, false, 13, 0);
	// Dispatch event into document
	document.body.dispatchEvent(e);
	
	var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
jQuery("#" + btn)[0].dispatchEvent(evt);*/
} catch(err) {

}

//jQuery('#' + btn).trigger('click');
if (navigator.appName != "Microsoft Internet Explorer") {
setTimeout("jQuery('#'+'" + btn + "').trigger('click')", 30);
}
}


function insnick(nick) {
	var freply = document.getElementById("fast-reply_textarea");
	freply.focus();
	setTimeout("document.getElementById('fast-reply_textarea').value = document.getElementById('fast-reply_textarea').value + '[b]' + '" + nick + "' + '[/b]';", 200);
	//freply.value = freply.value + "[b]" + nick + "[/b] ";
}

function parseDeck(deckdiv) {
	var deck = deckdiv.innerHTML;
	var deckinfo = deck.match(/([\w\W]*?)\s\+\s([\w\W]+)$/);
	var dname = deckinfo[1];
	var list = deckinfo[2];
	
	dname = dname.replace(/\r?\n/, "");
	
	var deckname = "Деклист";

	if (dname) {
		deckname = deckname + " &mdash; " + dname;
	}
	
	var sb = false;
	
	var toparse = list;
	
	var listsplit = list.match(/([\w\W]+?)Sideboard([\w\W]+)$/i);
	
	if (listsplit) {
		sb = true;
		var sideboard = listsplit[2];
		toparse = listsplit[1];
	}
	
	var save = "";
	
	var id = randomString();

	
	var result = "<table style='border: 1px solid #C6CED8; width: 525px;'><tr style='background: #DDE4EA;'><td colspan='" + (sb ? 3 : 2) +"' style='vertical-align: top;'><b>" + deckname + "</b><div style='float: right;'><b><sup>" + "<a href='" + "javascript: savelist(\"" + id + "\");" + "'>Сохранить</a></sup></b></div></td>";

	result += "</tr><tr style='background: white;'><td style='vertical-align: top; width: 175px; padding: 5px;'>";
	
	var nextcol = false;
	var first = true;
	var firstbreak = true;
	
	save += '// TopDeck.ru: ' + dname + '\n';
	
	var parsematch = toparse.match(/(.+)$/g);
	//alert(parsematch);

	var lines = toparse.split(/<br[\s\/]*>/ig);
	var len = lines.length;
	
	var counter = 0;
	
	for (var i = 0; i < len; i++) {
		var card = lines[i].match(/(\d+)\s(.+)/);
		if (!card && lines[i]) {
			counter++;
		}
	}
	
	for (var i = 1; i < len; i++) {
		//result += lines[i] + " xxxx <br />";
		lines[i] = lines[i].replace(/<br[\s\/]*>/ig, "");
		lines[i] = lines[i].replace(/\r?\n/ig, "");
		var card = lines[i].match(/(\d+)\s(.+)/);
		//alert(card);
		if (card) {
			if (firstbreak) {
				firstbreak = false;
			}
			result += card[1] + " <a href=\"/card_images/showcard.php?" + card[2] + "\"  class='tooltipCard' name=\"" + card[2] + "\">" + card[2] + "</a><br />\n";
			save += lines[i] + "\n";
		} else if (lines[i]) {
			if ((!nextcol && i >= len / 2) || (counter == 2 && !first)) {
				nextcol = true;
				result += "</td><td style='vertical-align: top; width: 175px; padding: 5px;'>";
				first = true;
				firstbreak = true;
			}
			if (first) {
				first = false;
			}
			
			if (firstbreak) {
				firstbreak = false;
			} else {
				result += "<br />";
			}
			
			result += "<b>" + lines[i] + "</b><br />";
			save += "\n// " + lines[i] + "\n";
		}
	}
	
	
	if (!nextcol) {
		result += "</td><td style='vertical-align: top; width: 175px; padding: 5px;'>";
	}
	
	result += "</td>";
	
	if (sb) {
		save += "\n // Sideboard\n";
		result += "<td style='vertical-align: top; width: 175px; border-left: 1px solid #C6CED8; padding: 5px;'><b>Sideboard</b><br />";
		lines = sideboard.split(/<br[\s\/]*>/ig);		
		len = lines.length;
		for (var i = 0; i < len; i++) {
			lines[i] = lines[i].replace(/<br[\s\/]*>/ig, "");
			lines[i] = lines[i].replace(/\r?\n/ig, "");
			var card = lines[i].match(/(\d+)\s(.+)/);
			if (card) {
				result += card[1] + " <a href=\"/card_images/showcard.php?" + card[2] + "\"  class='tooltipCard' name=\"" + card[2] + "\">" + card[2] + "</a><br />\n";
				save += 'SB: ' + lines[i] + "\n";
			}
		}
		result += "</td>";
	}
	
	result += "</tr></table>";
	
	result += "<div style='display: none; visibility: hidden;'>" + '<form id="' + id + '" method="post" action="/card_images/savelist.php">';
	result += '<input type="hidden" name="dname" value="' + dname + '"/>'
	result += '<textarea name="deck">';
	result += save;
	result += '</textarea></form></div>';

	return result;
}

function savelist(id) {
	document.getElementById(id).submit();
}