var colorbox_html = '<div style="display:none;"><div id="kitio-phone-info-container" class="kitio-container" style="width:300px;"><form id="kitio-phone-info" method="post"><p class="instructions">Prosimo izberite vašega mobilnega operaterja ter vpišite vašo telefonsko številko.</p><table cellpadding="0" cellspacing="0" border="0"><tr><td><label for="kitio-operator">Vaš mobilni operater</label></td></tr><tr><td><select name="operator_id" id="kitio-operator"><option value="1">Mobitel</option><option value="2">Simobil</option></select></td></tr><tr><td><label for="kitio-msisdn">Tel. številka </label></td></tr><tr><td><input type="text" name="msisdn" id="kitio-msisdn" /></td></tr><tr><td class="terms"><div class="checkbox-container"><input type="checkbox" name="terms" id="kitio-terms" class="checkbox" value="1" /></div><label for="kitio-terms">Da, strinjam se s <a href="http://www.kitio.com/slo/menux1.php#posljipoljub">splošnimi pogoji</a></label></td></tr><tr><td align="left"><input type="button" id="kitio-phone-info-submit" class="submit" value="Potrdi" /></td></tr></table><input type="hidden" id="kitio-category_name" name="category_name" /></form><p class="error">&nbsp;</p></div></div><div style="display:none;"><div id="kitio-insert-pin-container" class="kitio-container"><p class="instructions">Vnesi PIN, ki si ga prejel po SMSu.</p><form id="kitio-insert-pin" method="post"><table cellpadding="0" cellspacing="0" border="0"><tr><td><label for="kitio-pin">PIN</label><br /><input type="text" id="kitio-pin" name="pin" /></td></tr><tr><td align="left"><input type="button" id="kitio-insert-pin-submit" class="submit" value="Potrdi" />&nbsp;&nbsp;&nbsp;<a href="#" class="kitio-send-pin-again">Ponovno pošlji PIN</a></td></tr></table><input type="hidden" id="kitio-category_name2" name="category_name" /><input type="hidden" id="kitio-msisdn2" name="msisdn" /><input type="hidden" id="kitio-wid" name="wid" /><input type="hidden" id="kitio-keyword_id" name="keyword_id" value="" /><input type="hidden" id="kitio-customer_id" name="customer_id" value="120" /><input type="hidden" id="kitio-referrer" name="referrer" value="" /></form><p class="error">&nbsp;</p></div></div>';


function include_rpc(script_filename) {
	script_filename += '?' + Math.random(0, 1000) + '=' + Math.random(0, 1000);
	var html_doc = document.getElementsByTagName('head').item(0);
	var js = document.createElement('script');
	js.setAttribute('language', 'javascript');
	js.setAttribute('type', 'text/javascript');
	js.setAttribute('src', script_filename);
	html_doc.appendChild(js);
	return false;
}

$(document).ready(function(){
	$('body').append(colorbox_html);
	
	$('a.kitio-remote-link').click(function(){
		$('#kitio-msisdn').val($('#msisdn').val());
	}).colorbox({
		href:'#kitio-phone-info-container', 
		inline:true,
		overlayClose: false,
		onComplete:function(){
			$("#cboxTitle").hide();
			$('#cboxNext').hide();
			$('#cboxPrevious').hide();
			$('#cboxCurrent').hide();
            $('#kitio-phone-info-container').show();
            $('#kitio-phone-info-container p.error').hide();
		}
	});
	
	$('#kitio-phone-info-submit').live('click', function(){
		if ($('#kitio-terms').is(':checked')) {
			kitioTerms = $('#kitio-terms').val();
		} else {
			kitioTerms = '';
		}
		$('#kitio-phone-info-container').hide();
		$('#cboxLoadingGraphic').show();
		include_rpc('http://promo.kitio.com/promo/message/send-pin/msisdn/' + $('#kitio-msisdn').val() + '/operator_id/' + $('#kitio-operator').val() + '/terms/' + kitioTerms + '/');
	});
	
	$('#kitio-insert-pin-submit').live('click',function(){
		$('#kitio-insert-pin-container').hide();
		$('#cboxLoadingGraphic').show();
		include_rpc('http://promo.kitio.com/promo/message/verify-pin/msisdn/' + $('#kitio-msisdn').val() + '/operator_id/' + $('#kitio-operator').val() + '/pin/' + $('#kitio-pin').val());
	});

	$('a.kitio-send-pin-again').click(function(){
		$('#kitio-phone-info-container').show();
		$('#kitio-phone-info-container p.error').hide();
	}).colorbox({
		inline:true,
		href:"#kitio-phone-info-container",
		overlayClose: false,
		onComplete:function(){
			$("#cboxTitle").hide();
			$('#cboxNext').hide();
			$('#cboxPrevious').hide();
			$('#cboxCurrent').hide();
			$.fn.colorbox.resize();
			$.fn.colorbox.resize();
		}
	});
});