// JavaScript Document
// Declare some vars
var num_sel_tiles = 0;
var order_value = 0;
var sel_tiles = new Array();
var arrIndex = 0;

var curShowElement = "mosaic_map";

function st(tile_id, tile_value, x_loc, y_loc)
{
	// increment the global vars
	sel_tiles[arrIndex] = tile_id;
	num_sel_tiles = num_sel_tiles + 1;
	order_value = order_value + tile_value;
	
	document.getElementById("idSelTiles").innerHTML = num_sel_tiles;
	document.getElementById("idSelValue").innerHTML = "£" + order_value;
	if (is_mosaic == 1) {
		document.getElementById("sel_tile_code").innerHTML = document.getElementById("sel_tile_code").innerHTML + '<div id="h_tile_' + arrIndex + '"><div class="clsSelTile" onclick="reset_me(' + tile_id + ', ' + arrIndex + ', ' + tile_value + ');" style="left:' + x_loc + 'px;top:' + y_loc + 'px;"></div></div>';
	    document.getElementById("spnDonateText").innerHTML = '<a href="javascript: donate_now();">Next&nbsp;&raquo;</a>';
	}
	arrIndex = arrIndex + 1;
	if (is_mosaic == 1) {
		document.getElementById("reset_order").style.display = "inline";
	}
}


function reset_me(theTile, theIndex, theValue)
{
	// set tile_id to 0
	sel_tiles[theIndex] = 0;
	num_sel_tiles = num_sel_tiles - 1;
	order_value = order_value - theValue;
	
	document.getElementById("h_tile_" + theIndex).innerHTML = "";
	document.getElementById("h_tile_" + theIndex).style.display = "none";
	document.getElementById("idSelTiles").innerHTML = num_sel_tiles;
	if (order_value == 0) {
		document.getElementById("idSelValue").innerHTML = "-";
		document.getElementById("spnDonateText").innerHTML = "Select tiles...";
	} else {
		document.getElementById("idSelValue").innerHTML = "&pound;" + order_value;		
	}
	
}

function reset_selection()
{
	sel_tiles.length = 0;
	num_sel_tiles = 0;
	order_value = 0;
	document.getElementById("idSelTiles").innerHTML = 0;
	document.getElementById("idSelValue").innerHTML = "-";
	if (is_mosaic == 1) {
		document.getElementById("sel_tile_code").innerHTML = "";
		document.getElementById("spnDonateText").innerHTML = "Select tiles...";
	}
	document.getElementById("reset_order").style.display = "none";
}

function donate_now()
{	
	var strSelTiles = "";
	var x=0;
	var num_w = 0;
	for ( x=0;x<sel_tiles.length;x++) {
		if (sel_tiles[x] > 0) {
			if (num_w==0) {
				strSelTiles = strSelTiles + sel_tiles[x];
			} else {
				strSelTiles = strSelTiles + "#" + sel_tiles[x];
			}
			num_w = num_w + 1;
		}
	}
	if (num_w == 0) {
		alert("No tiles selected, click on the tiles you would like to sponsor.");
	} else {
		document.getElementById("sel_tiles").value = strSelTiles;
		document.getElementById("frmYourOrder").action = "donate.aspx";
		document.getElementById("frmYourOrder").submit();
	}	
}

function change_page(show_element)
{
	document.getElementById(curShowElement).style.display = "none";
	document.getElementById(show_element).style.display = "block";
	// Show/Hide the back to mosaic link
	if (show_element == "mosaic_map") {
		document.getElementById("back_link").style.display = "none";
		document.getElementById("no_back_link").style.display = "";
	} else {
		document.getElementById("back_link").style.display = "";
		document.getElementById("no_back_link").style.display = "none";
	}
	curShowElement = show_element;	
}

function learn_more(sponsor_id)
{
	if (is_mosaic == 1) {
	    hsi();
	}
	if (sponsor_id == 0) {
	    if (is_mosaic == 1) {
		    change_page("how_buy_tile")
		} else {
		    document.location.href = "index.aspx?page=how_buy_tile";
		}
	} else {
		// pop up window to show info on this sponsor
		x = (800 - 500)/2, y = (600 - 250)/2;
        if (screen) {
            y = (screen.availHeight - 250)/2;
            x = (screen.availWidth - 500)/2;
        }

        window.open('learn-more.aspx?sponsor_id=' + sponsor_id,'learnMore','width=500,height=250,screenX='+x+',scrollbars=no,screenY='+y+',top='+y+',left='+x);
	}	
}

function show_auctions()
{
    x = (800 - 500)/2, y = (600 - 200)/2;
    if (screen) {
        y = (screen.availHeight - 200)/2;
        x = (screen.availWidth - 500)/2;
    }
    window.open('show-auctions.aspx','auctions','width=500,height=200,screenX='+x+',scrollbars=auto,screenY='+y+',top='+y+',left='+x);
}

function show_prize_detail(prize_id)
{
    x = (800 - 500)/2, y = (600 - 300)/2;
    if (screen) {
        y = (screen.availHeight - 300)/2;
        x = (screen.availWidth - 500)/2;
    }
    window.open('prize-detail.aspx?prize_id=' + prize_id,'PrizeSponsor','width=500,height=300,screenX='+x+',scrollbars=auto,screenY='+y+',top='+y+',left='+x);
}