// JavaScript Document
var successURL = "index.php?id=15";
var games = [
			 ['Texas Hold&rsquo;em Poker','holdempoker.png','games-for-mobile/texas-holdem-poker.html',13],
			 ['VegasVegas','vegasvegas.png','games-for-mobile/vegas-vegas.html',12],
			 ['Bingo','bingo.png','bingo/',7],
			 ['Fruit Machine','fruitmachine.png','games-for-mobile/fruit-machine.html',1],
			 ['European Roulette','roulette.png','games-for-mobile/european-roulette.html',4],
			 ['BlackJack','blackjack.png','games-for-mobile/blackjack.html',2],
			 ['Alien Fruits','alienfruits.png','games-for-mobile/alien-fruits.html',8],
			 ['Pirates Treasure','piratestreasure.png','games-for-mobile/pirates-treasure.html',9],
			 ['Sexy Poker','sexypoker.png','games-for-mobile/sexy-poker.html',10],
			 ['Gold Rush','goldrush.png','games-for-mobile/gold-rush.html',15],
			 ['HiLo Poker','poker.png','games-for-mobile/poker.html',3],
			 ['Monte Carlo','montecarlo.png','games-for-mobile/monte-carlo.html',21]
			];
var firstGameID = 0;
var currentPromotion = 0;
var promotionsCount = 3;
var aff = '2';
var subaff = '';
var RID = '';
var ev = '';

/*var google_conversion_id = 1044488883;
var google_conversion_language = "en_GB";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "Ad75CI_SlQEQs8WG8gM";
var google_conversion_value = 0;*/

function showMessage(msg)
{
	alert(msg);
}

function validateEmail(email)
{
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(email);
}

	
function scrollDiv(divName,divParent)
{
	var parentWidth = parseInt($('#'+divParent).width());
	$('#'+divName).css('left',parentWidth+"px");
	var tmp = parseInt($('#'+divName).width());
	tmp+=parentWidth;
	var timeout = Math.floor(tmp/50*1000);
	$('#'+divName).animate({"left": "-="+tmp+"px"},timeout,'linear');
	setTimeout(scrollDiv,timeout+1000,divName,divParent);
}

function addPhoneProducersActions()
{
	$('.producerStyle').mouseenter(function()
								{ 
									$(this).css('background-color','#2c0000'); 
								});
	$('.producerStyle').mouseleave(function()
								{ 
									$(this).css('background-color',''); 
								});
	$('.producerStyle').mousedown(function()
								{ 
									$(this).css('background-color','#9c0000'); 
								});
	$('.producerStyle').mouseup(function()
								{ 
									$(this).css('background-color','#2c0000'); 
								});
}

function addSendButtonActions(formID)
{
	var formID = formID == null ? "" : formID;
	if (formID == "") $('#download_button').mouseup(sendGame);
	else
	{
		$('#download_button'+formID).bind('mouseup',{id: formID},sendGame);
	}
}

function sendGame(event)
{
	var formID = "";
	if (event.data != null) formID = event.data.id;
	if ($('#url'+formID).val() != '') return;
	if ($('#mobileNumber'+formID).val() == '')
	{
		showMessage('Please enter your mobile number first!');
		$('#mobileNumber'+formID).focus();
		return;
	}
	var postData = "phoneNo="+$('#mobileNumber'+formID).val();
	postData += "&countryCode="+$('#countryCode'+formID).val();
	postData += "&gameID="+$('#gamesList'+formID).val();
	postData += "&aff="+aff;
	postData += "&subaff="+subaff;
	postData += "&RID="+RID;
	if (ev != '') postData += "&event="+ev;
	var sentGameName = '';
	for (var i=0; i<games.length; i++)
		if (games[i][3] == $('#gamesList'+formID).val())
		{
			sentGameName = games[i][0];
			break;
		}
	var pageTracked = '/conversion-to-download?'+sentGameName.replace(/ /gi, "_");
	$.ajax({
		   type: "POST",
		   dataType: "text",
		   url: "inc/mFortuneSendGame.php",
		   data: postData,
		   success: function(responseStr)
		   	{
				var responseCode = responseStr.substr(0,responseStr.indexOf(';'));
				responseStr = responseStr.substr(responseStr.indexOf(';')+1);
				if (responseCode == '0')
				{
					showMessage(responseStr);
				}
				else
				{
					// Track conversion
					$('#send_game_step'+formID).css('visibility','hidden');
					$('#game_sent_step'+formID).css('visibility','visible');
					_gaq.push(['_trackPageview', pageTracked]);
					$('body').append('<div style="display:inline;"><img height="1" width="1" style="border-style:none;" alt="" src="https://www.googleadservices.com/pagead/conversion/1044488883/?label=Ad75CI_SlQEQs8WG8gM&amp;guid=ON&amp;script=0"/></div>');
//					$.getScript("https://www.googleadservices.com/pagead/conversion.js");

				if(parseInt(aff) >= 2641 && parseInt(aff) <= 2646)
{
$('body').append('<img src="http://adfarm.mediaplex.com/ad/bk/18386-129230-3840-0?Play_Now=1&amp;mpuid=" height="1" width="1"  alt="Mediaplex_tag" />');

if(aff == "2641")
   $('body').append('<img src="http://media.fastclick.net/w/roitrack.cgi?aid=12468" width="1" height="1" border="0">');
else if(aff == "2642")
   $('body').append('<img src="http://media.fastclick.net/w/roitrack.cgi?aid=12468" width="1" height="1" border="0">');
else if(aff == "2643")
   $('body').append('<img src="https://dp2.specificclick.net?nwk=3&y=2&t=i&tp=4&clid=4492&pixid=330161210" width="1" height="1" border="0" />');
else if(aff == "2644")
   $('body').append('<img src="http://ib.adnxs.com/px?id=23210&t=1" width="1" height="1" border="0" />');
else if(aff == "2645")
   $('body').append('<img src="http://ib.adnxs.com/px?id=23210&t=1" width="1" height="1" border="0" />');
else if(aff == "2646")
   $('body').append('<img src="http://insight.adsrvr.org/tags/yjyytmg/3pgn84a/iframe" width="1" height="1" border="0" />');
}
				}
		   	}
		 });
	$('#mobileNumber'+formID).val('');
}

/*function gameSentResponse(responseStr)
{
	var responseCode = responseStr.substr(0,responseStr.indexOf(';'));
	responseStr = responseStr.substr(responseStr.indexOf(';')+1);
	if (responseCode == '0')
	{
		showMessage(responseStr);
	}
	else
	{
		// Track conversion
		var google_conversion_id = 1044488883;
		var google_conversion_language = "en_GB";
		var google_conversion_format = "3";
		var google_conversion_color = "ffffff";
		var google_conversion_label = "Ad75CI_SlQEQs8WG8gM";
		var google_conversion_value = 0;
		$.getScript("https://www.googleadservices.com/pagead/conversion.js");
	}
}*/

function addSendEmailActions()
{
	$('#send_email_button').mouseup(sendContactEmail);
}

function sendContactEmail()
{
	if ($('#firstName').val() == '')
	{
		showMessage('Please enter your first name!');
		$('#firstName').focus();
		return;
	}
	if ($('#lastName').val() == '')
	{
		showMessage('Please enter your last name!');
		$('#lastName').focus();
		return;
	}
	if ($('#mobileNum').val() == '')
	{
		showMessage('Please enter your mobile number!');
		$('#mobileNum').focus();
		return;
	}
	if ((isNaN($('#mobileNum').val()) && isNaN($('#mobileNum').val().substr(1))) || ($('#mobileNum').val().length < 6))
	{
		showMessage('Please enter a valid mobile number!');
		$('#mobileNum').focus();
		return;
	}
	if (!validateEmail($('#email').val()))
	{
		showMessage('Please enter a valid e-mail address!');
		$('#email').focus();
		return;
	}
	if ($('#emailMessage').val() == '')
	{
		showMessage('Please enter your message to mFortune Mobile Casino!');
		$('#emailMessage').focus();
		return;
	}
	var postData = "firstName="+$('#firstName').val();
	postData += "&lastName="+$('#lastName').val();
	postData += "&mobileNum="+$('#mobileNum').val();
	postData += "&email="+$('#email').val();
	postData += "&emailMessage="+$('#emailMessage').val();
	$.ajax({
		   type: "POST",
		   dataType: "text",
		   url: "inc/sendEmailToSupport.php",
		   data: postData,
		   success: emailSentResponse
		 });
}

function emailSentResponse(responseStr)
{
    $('#firstName').val('');
    $('#lastName').val('');
    $('#mobileNum').val('');
    $('#email').val('');
    $('#emailMessage').val('');
	showMessage(responseStr);
}

function setTutStage(stage)
{
	var tutorialContent = '<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
					'<tr>'+
						'<td align="center" class="box_title" colspan="2">3 Simple Steps...</td>'+
					'</tr>';
	switch (stage)
	{
		case 0:
		{
			tutorialContent += '<tr>'+
                            	'<td align="left" style="padding-left:15px; padding-right:0px;"><span class="box_title">1. Choose<br />2. Install<br />3. Play<br /></span>Installing mFortune games on your mobile is easy. Just follow these simple steps to get started...</td>'+
                            	'<td align="left" width="40%" rowspan="2"><div id="tutorial_image"><a href="images/mFortuneV3/tutorial/tut_0_big.png" rel="prettyPhoto[pp_gal1]"><img src="images/mFortuneV3/tutorial/tut_0.png" border="0" title="Click to enlarge..." /></a></div></td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom" style="padding-left:15px; padding-right:0px;">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="left"><div id="prev_button" style="visibility:hidden;"></div></td>'+
                                        	'<td align="right"><div id="next_button" style="visibility:visible;" onclick="setTutStage(1)"></div></td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#tutorial_box').html(tutorialContent);
			break;
		}
		case 1:
		{
			tutorialContent += '<tr>'+
                            	'<td align="left" style="padding-left:15px; padding-right:0px;"><span class="box_title">1. Choose<br /><font color="#b69f5d">2. Install<br />3. Play</font><br /></span>Choose game, enter phone number into INSTALL GAMES box, click PLAY NOW. You will now receive a text message.</td>'+
                            	'<td align="left" width="40%" rowspan="2"><div id="tutorial_image"><a href="images/mFortuneV3/tutorial/tut_1_big.png" rel="prettyPhoto[pp_gal1]"><img src="images/mFortuneV3/tutorial/tut_1.png" border="0" title="Click to enlarge..." /></a></div></td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom" style="padding-left:15px; padding-right:0px;">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="left"><div id="prev_button" style="visibility:visible;" onclick="setTutStage(0)"></div></td>'+
                                        	'<td align="right"><div id="next_button" style="visibility:visible;" onclick="setTutStage(2)"></div></td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#tutorial_box').html(tutorialContent);
			break;
		}
		case 2:
		{
 			tutorialContent += '<tr>'+
                            	'<td align="left" style="padding-left:15px; padding-right:0px;"><span class="box_title"><font color="#b69f5d">1. Choose</font><br />2. Install<br /><font color="#b69f5d">3. Play</font><br /></span>Open the text message, click on the link displayed and the game will be downloaded to your phone.</td>'+
                            	'<td align="left" width="40%" rowspan="2"><div id="tutorial_image"><a href="images/mFortuneV3/tutorial/tut_2_big.png" rel="prettyPhoto[pp_gal1]"><img src="images/mFortuneV3/tutorial/tut_2.png" border="0" title="Click to enlarge..." /></a></div></td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom" style="padding-left:15px; padding-right:0px;">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="left"><div id="prev_button" style="visibility:visible;" onclick="setTutStage(1)"></div></td>'+
                                        	'<td align="right"><div id="next_button" style="visibility:visible;" onclick="setTutStage(3)"></div></td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#tutorial_box').html(tutorialContent);
			break;
		}
		case 3:
		{
 			tutorialContent += '<tr>'+
                            	'<td align="left" style="padding-left:15px; padding-right:0px;"><span class="box_title"><font color="#b69f5d">1. Choose<br />2. Install</font><br />3. Play<br /></span>Success! You are now ready to PLAY. Remember, you can play for free, or register an account to claim &pound;5 credit to get you started.</td>'+
                            	'<td align="left" width="40%" rowspan="2"><div id="tutorial_image"><a href="images/mFortuneV3/tutorial/tut_3_big.png" rel="prettyPhoto[pp_gal1]"><img src="images/mFortuneV3/tutorial/tut_3.png" border="0" title="Click to enlarge..." /></a></div></td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom" style="padding-left:15px; padding-right:0px;">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="left"><div id="prev_button" style="visibility:visible;" onclick="setTutStage(2)"></div></td>'+
                                        	'<td align="right"><div id="next_button" style="visibility:hidden;"></div></td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#tutorial_box').html(tutorialContent);
			break;
		}
	}
	$("#tutorial_box #tutorial_image a[rel^='prettyPhoto']").prettyPhoto({
										   show_title: false,
										   hideflash: true,
										   theme: 'facebook',
										   social_tools: ''
										   });
}

function setDepositTutStage(stage)
{
	var tutorialContent = '<table cellpadding="0" cellspacing="10" border="0" width="100%" style="padding-left:15px; padding-right:15px;">'+
					'<tr>'+
						'<td align="left" class="box_title" colspan="2" style="color:#000;">WE ACCEPT...</td>'+
					'</tr>'+
					'<tr>'+
						'<td align="left" colspan="2"><span class="box_title" style="color:#000;">1. Credit/Debit Cards<br />2. Ukash<br />3. Phone Bill<br /></span></td>'+
					'</tr>';
	switch (stage)
	{
		case 0:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="deposit_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_6_big.png" rel="prettyPhoto[pp_gal2]"><img src="images/mFortuneV3/tutorial/tut_6.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Banking</span></li>From the mFortune lobby, simply choose option 3 - banking.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:hidden;"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setDepositTutStage(1)"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">&nbsp;</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#deposit_box').html(tutorialContent);
			break;
		}
		case 1:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="deposit_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_7_big.png" rel="prettyPhoto[pp_gal2]"><img src="images/mFortuneV3/tutorial/tut_7.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Deposit</span></li>Select option 1 to deposit.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setDepositTutStage(0);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setDepositTutStage(2);"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#deposit_box').html(tutorialContent);
			break;
		}
		case 2:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="deposit_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_8_big.png" rel="prettyPhoto[pp_gal2]"><img src="images/mFortuneV3/tutorial/tut_8.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Deposit Options</span></li>Select your deposit method.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setDepositTutStage(1);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setDepositTutStage(3);"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#deposit_box').html(tutorialContent);
			break;
		}
		case 3:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="deposit_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_9_big.png" rel="prettyPhoto[pp_gal2]"><img src="images/mFortuneV3/tutorial/tut_9.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">e.g. Pay By Phone Bill</span></li>Select the payment method and confirm - this should take a few seconds only.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setDepositTutStage(2);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setDepositTutStage(4);"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#deposit_box').html(tutorialContent);
			break;
		}
		case 4:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="deposit_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_13_big.png" rel="prettyPhoto[pp_gal2]"><img src="images/mFortuneV3/tutorial/tut_13.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Successful</span></li>Your account has been credited, thank you.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setDepositTutStage(3);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:hidden;"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">&nbsp;</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#deposit_box').html(tutorialContent);
			break;
		}
	}
	$("#deposit_box #deposit_tutorial_image a[rel^='prettyPhoto']").prettyPhoto({
										   show_title: false,
										   hideflash: true,
										   theme: 'facebook',
										   social_tools: ''
										   });
}

function setWithdrawTutStage(stage)
{
	var tutorialContent = '<table cellpadding="0" cellspacing="10" border="0" width="100%" style="padding-left:15px; padding-right:15px;">'+
					'<tr>'+
						'<td align="left" class="box_title" colspan="2" style="color:#000;">YOUR OPTIONS...</td>'+
					'</tr>'+
					'<tr>'+
						'<td align="left" colspan="2"><span class="box_title" style="color:#000;">1. Bank transfer<br />2. Cheque<br /><br /></span></td>'+
					'</tr>';
	switch (stage)
	{
		case 0:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="withdraw_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_6_big.png" rel="prettyPhoto[pp_gal3]"><img src="images/mFortuneV3/tutorial/tut_6.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Banking</span></li>From the mFortune lobby, simply choose option 3 - banking.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:hidden;"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setWithdrawTutStage(1)"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">&nbsp;</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#withdraw_box').html(tutorialContent);
			break;
		}
		case 1:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="withdraw_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_10_big.png" rel="prettyPhoto[pp_gal3]"><img src="images/mFortuneV3/tutorial/tut_10.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Withdraw Winnings</span></li>Select option 2 to withdraw from your account.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setWithdrawTutStage(0);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setWithdrawTutStage(2);"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#withdraw_box').html(tutorialContent);
			break;
		}
		case 2:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="withdraw_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_11_big.png" rel="prettyPhoto[pp_gal3]"><img src="images/mFortuneV3/tutorial/tut_11.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Withdrawal Options</span></li>Select your withdrawal method</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setWithdrawTutStage(1);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setWithdrawTutStage(3);"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#withdraw_box').html(tutorialContent);
			break;
		}
		case 3:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="withdraw_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_12_big.png" rel="prettyPhoto[pp_gal3]"><img src="images/mFortuneV3/tutorial/tut_12.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Select amount to withdraw </span></li>Select withdrawal amount and confirm - this should take a few seconds only.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setWithdrawTutStage(2);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:visible;" onclick="setWithdrawTutStage(4);"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Next step</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#withdraw_box').html(tutorialContent);
			break;
		}
		case 4:
		{
			tutorialContent += '<tr>'+
								'<td align="left" width="40%" rowspan="2"><div id="withdraw_tutorial_image"><a href="images/mFortuneV3/tutorial/tut_14_big.png" rel="prettyPhoto[pp_gal3]"><img src="images/mFortuneV3/tutorial/tut_14.png" border="0" title="Click to enlarge..." />Click to enlarge...</a></div></td>'+
                            	'<td align="left" style="color:#000;"><li type="disc"><span class="box_title" style="color:#000;">Successful</span></li>Your payment is being processed, thank you.</td>'+
                            '</tr>'+
                        	'<tr>'+
                            	'<td align="center" valign="bottom">'+
                                	'<table cellpadding="0" cellspacing="0" border="0" width="100%">'+
                                    	'<tr>'+
                                        	'<td align="center" width="50%"><div class="tutorial_prev_button" style="visibility:visible;" onclick="setWithdrawTutStage(3);"></div></td>'+
                                        	'<td align="center"><div class="tutorial_next_button" style="visibility:hidden;"></div></td>'+
                                        '</tr>'+
                                    	'<tr>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">Previous step</td>'+
                                        	'<td align="center" style="font-size:10px; color:#000;">&nbsp;</td>'+
                                        '</tr>'+
                                    '</table>'+
                                '</td>'+
                            '</tr>'+
                        '</table>';
			$('#withdraw_box').html(tutorialContent);
			break;
		}
	}
	$("#withdraw_box #withdraw_tutorial_image a[rel^='prettyPhoto']").prettyPhoto({
										   show_title: false,
										   hideflash: true,
										   theme: 'facebook',
										   social_tools: ''
										   });
}

function initGameScreens()
{
	firstGameID = 0;
	var content = '';
	for (var i=0; i<5; i++)
	{
		content += '<div id="game'+i+'" class="game_screen" style="left:'+(i*145)+'px;" align="left">';
		content += '<a href="'+games[i][2]+'">';
		content += '<table cellpadding="0" cellspacing="0" border="0" width="122" height="100%">';
		content += '<tr><td align="center"><img src="images/mFortuneV3/game_screens/'+games[i][1]+'" border="0" /></td></tr>';
		content += '<tr><td align="center" class="content_text" style="padding-top:2px;">'+games[i][0]+'</td></tr>';
		content += '</table>';
		content += '</a>';
		content += '</div>';
	}
	$('#game_portfolio_container #game_portfolio #scroll_section #game_screens').html(content);
}

//direction: 1 right; -1 left
function moveGameScreens(direction)
{
	var content = '';
	var removeID = '';
	var newGameID = '';
	if (direction == 1)
	{
		newGameID = (firstGameID - 1 + games.length) % games.length;
		content += '<div id="game'+newGameID+'" class="game_screen" style="left:-145px;" align="left">';
		content += '<a href="'+games[newGameID][2]+'">';
		content += '<table cellpadding="0" cellspacing="0" border="0" width="122" height="100%">';
		content += '<tr><td align="center"><img src="images/mFortuneV3/game_screens/'+games[newGameID][1]+'" border="0" /></td></tr>';
		content += '<tr><td align="center" class="content_text" style="padding-top:2px;">'+games[newGameID][0]+'</td></tr>';
		content += '</table>';
		content += '</a>';
		content += '</div>';
		removeID = (firstGameID + 4) % games.length;
	}
	else if (direction == -1)
	{
		newGameID = (firstGameID + 5 + games.length) % games.length;
		content += '<div id="game'+newGameID+'" class="game_screen" style="left:725px;" align="left">';
		content += '<a href="'+games[newGameID][2]+'">';
		content += '<table cellpadding="0" cellspacing="0" border="0" width="122" height="100%">';
		content += '<tr><td align="center"><img src="images/mFortuneV3/game_screens/'+games[newGameID][1]+'" border="0" /></td></tr>';
		content += '<tr><td align="center" class="content_text" style="padding-top:5px; font-size:12px; font-weight:bold;">'+games[newGameID][0]+'</td></tr>';
		content += '</table>';
		content += '</a>';
		content += '</div>';
		removeID = firstGameID;
	}
	$('#game_portfolio_container #game_portfolio #scroll_section #game_screens').append(content);
	$('#game_portfolio_container #game_portfolio #scroll_section #game_screens .game_screen').each(function(idx){$(this).stop(true,true).animate({left: '+='+(direction*145)+'px'}, 500, 'easeOutBounce')});
	setTimeout(function(){
							$('#game_portfolio_container #game_portfolio #scroll_section #game_screens #game'+removeID).remove();
						}, 500);
	firstGameID = (firstGameID + (-1*direction) + games.length) % games.length;
}

function animatePromotions()
{
	$('#promotions_container #promotions #promotions_animation').fadeOut(500, function(){$('#promotions_container #promotions #promotions_animation').css('background-image','url(images/mFortuneV3/promotions_animation/frame'+(currentPromotion + 1)+'.png)').fadeIn(500)});
	currentPromotion = (currentPromotion + 1) % promotionsCount;
	setTimeout(animatePromotions, 5000);
}

function adjustTabs()
{
	var lastBorderWidth = $('#main').width() - ($('.tab_area .menu li').length * $('.tab_area .menu li:first').width());
	$('.tab_area .tab_selected').each(function(index) {$(this).css('left',($('.tab_area .menu li:first').width()*parseInt(index))+'px'); });
	$('.tab_area .menu li').width($('.tab_area .menu li:first').width() - parseInt($('.tab_area .menu li:first').css('border-right-width')));
	$('.tab_area .boxes .tab_selected').width($('.tab_area .menu li:first').width());
	$('.tab_area .menu li:last').css('width', parseInt($('.tab_area .menu li:last').css('width')) + lastBorderWidth);
	$('.tab_area .boxes .tab_selected:last').width($('.tab_area .menu li:last').width());
}

function changeGameSelected(gameID)
{
	$('select[id^="gamesList"]').each(function(index){$(this).val(gameID);});
}

$(document).ready(function () {
//        fbg.hideFOUT('asap', 400);
	$("#winners_list a[rel^='prettyPhoto']").prettyPhoto({
										   hideflash: true,
										   theme: 'facebook',
										   social_tools: ''
										   });
	$("#getting_started a[rel^='prettyPhoto']").prettyPhoto({
										   show_title: false,
										   hideflash: true,
										   theme: 'facebook',
										   social_tools: ''
										   });
	if ($('#content #faq #accordion') != null)
	{
		$('#content #faq #accordion').accordion();
	}
	if ($('#game_portfolio_container #game_portfolio #scroll_section #game_screens') != null)
	{
		initGameScreens();
	}
	if ($('#promotions_container #promotions #promotions_animation') != null)
	{
		currentPromotion = 0;
		animatePromotions();
	}
	if ($('.tab_area') != null)
	{
		adjustTabs();
	}
	if ($('#tutorial_box') != null)
	{
		setTutStage(0);
	}
	if ($('#deposit_box') != null)
	{
		setDepositTutStage(0);
	}
	if ($('#withdraw_box') != null)
	{
		setWithdrawTutStage(0);
	}
	$('#logo #button_bar > *').hover(
									function()
									{
										$(this).find('.menu_button_top').attr('class','menu_button_top_over');
$(this).find('.my_account_top').attr('class','my_account_top_over');										$(this).find('.menu_button_bottom').attr('class','menu_button_bottom_over');
$(this).find('.my_account_bottom').attr('class','my_account_bottom_over');
									},
									function()
									{
										$(this).find('.menu_button_top_over').attr('class','menu_button_top');
$(this).find('.my_account_top_over').attr('class','my_account_top');
$(this).find('.menu_button_bottom_over').attr('class','menu_button_bottom');
$(this).find('.my_account_bottom_over').attr('class','my_account_bottom');
									}
									);
//	$('#scroll_content').html('&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound; FREE &pound;5 Credit when you register &pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&pound;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PLAY AS YOU GO - PAY WITH YOUR PHONE BILL');
	scrollDiv("scroll_content","scroll_box");
	//fist tab should be visible by default
	if (location.hash == '') 
	{
		$('.tab_area').each(function(index)
					{
						var el = $(this).find('.boxes').first().find('.box').first();
						el.css('display','block');
						$(this).find('.menu>li').bind('click', {element: el}, function(event){var href = $(this).find('a').first().attr('href'); href = href.substr(href.indexOf('#')+1); if (href != event.data.element.attr('id')) event.data.element.css('display',''); else event.data.element.css('display','block');});
					});
	}
});
