var vs={}
vs.initVsBridge = function(){
  $(".buyEl").click(
  	function(e){
		tracker.instance.trackEvent('Eurobilet','start')
		var server=location.host
		var baseVsUrl='http://'+(vs.vsByProxy?server:'193.189.72.21')+'/rezerwacja'
		var returnLink='http://'+server+'/modules/VsBridge/return.html'
		var link=baseVsUrl+'/default.aspx?event_id='+$(this).attr('id_vs')+'&returnlink='+returnLink
		if(String(location).indexOf("OpenExternal")>-1){
			vs.vsBridgeOpenExternal=true
		}
		if(vs.vsBridgeOpenExternal){
			window.open(link)
		  	return
		}

		var w=672
		var h=990
		var offsets=$('#tdContent').offset()
		window.savedContentHeight=$('#tdContent').height()
		if(window.savedContentHeight<(h+60)){
			$('#tdContent').height(h+60)
		}else{
			h=window.savedContentHeight-60
		}
		$('body').append($("<div>")
		.addClass("elAbsolute")
		.attr('id','vsDiv')
		.css('top',offsets.top+30)
		.css('zIndex',1002)
		.css('left',offsets.left)
		);
		$('#vsDiv').append($("<div>")
		.addClass("vsClose")
		.attr('id',"vsClose")
		.addClass("clickable")
		.width(w)
		.height(20)
		.click(function(){
			tracker.instance.trackEvent('Eurobilet','closeClick')
			vs.vsBridgeEnd()
		})
		);
		$('#vsDiv').append($('<iframe scrolling="no" frameborder="0">')
		.attr('src',link)
		.attr('scrolling','no')
		.attr('frameborder','no')
		.attr('id','vsFrame')
		.width(w)
		.height(h)
		.load(function(e){
			var locStr=''
			try {
				locStr=$('#vsFrame')[0].contentWindow.location.href
			}
			catch (er) {
			}
			//console.log(locStr)
			if (locStr=='') {//strona zewnętrzna
				$(document).scrollTop(0);
				vs.vsOverPage.show()
				vs.vsOverPage.setCenter()
				var wExt=Math.min(800,$(document).width())
				var hExt=Math.min(1110,$(document).height()-100)
				$('#vsFrame')
				.width(wExt)
				.height(hExt)
				$('#vsDiv')
				.css('top',30)
				.css('left',$(document).width()/2-wExt/2)
				$('#vsClose')
				.width(wExt)
				.addClass("vsCloseW2")
				return
			}
			tracker.instance.trackEvent('Eurobilet','page',locStr)
			var def='default.aspx'
			if (locStr==returnLink || locStr.indexOf(def)==(locStr.length-def.length)) {
				vs.vsBridgeEnd()
				return
			}
			if(locStr.indexOf(baseVsUrl)==0){
				$('#vsClose')
				.removeClass("vsCloseW2");
				$('#vsFrame').contents().find('head').append($('<link/>')
				.attr('href','http://'+server+'/modules/VsBridge/vsOverride.css')
				.attr('type','text/css')
				.attr('rel','stylesheet')
				);
				var targetQuery='#mpay_button'
				var jakPlacicHeader='<span class="jakPlacicHeader">Jak zapłacić za bilety komórką ?</span>'
				var typeSuffix=''
				if(locStr.indexOf('FinalSummaryMpay.aspx')>-1){//ekran informacji o płatnościach kartą
					targetQuery='p:contains("płacić komórką")'//.center-box h5
					jakPlacicHeader=''
					typeSuffix='2'
				}
				var foundElems=$('#vsFrame').contents().find(targetQuery)
				if(foundElems.size()>0){
					$('<div id="jakPlacicBlock'+typeSuffix+'">'+jakPlacicHeader+'</div>')
					.insertAfter(foundElems);
					$('#vsFrame').contents().find('#jakPlacicBlock'+typeSuffix)
					.append(
					$('<a href="#" class="gsmInstrukcjaA'+typeSuffix+'">W sieciach Plus i Play</a>')
					.click(function(){
						tracker.instance.trackEvent('Eurobilet','gsmInstrukcja','W sieciach Plus i Play')
						vs.showMpayInstrukcje('/_cms/pages/ent_instrukcja_plus.xml',this.innerHTML)
					})[0]
					);
					$('#vsFrame').contents().find('#jakPlacicBlock'+typeSuffix)
					.append(
					$('<a href="#" class="gsmInstrukcjaA'+typeSuffix+'">W sieciach Era i Orange</a>')
					.click(function(){
						tracker.instance.trackEvent('Eurobilet','gsmInstrukcja','W sieciach Era i Orange')
						vs.showMpayInstrukcje('/_cms/pages/ent_instrukcja_orange.xml',this.innerHTML)
					})[0]
					);
				}
			}
		})
		);
		return false
	}

  )
  	vs.vsOverPage= new jslt.OverPage()
	vs.vsOverPage.getLayer(OverPageBrowser.config.opacity,{backgroundColor:OverPageBrowser.config.backgroundColor})
	vs.vsOverPage.hide()
}
vs.showMpayInstrukcje=function(url,header){
$('#vsDiv').append(
$("<div class='elAbsolute jakPlacicFullBlock' id='jakPlacicFullBlock'>")
.width($('#vsDiv').width())
.width($('#vsDiv').width())
.css('top',0)
);

$('#jakPlacicFullBlock')
.append($('<div class="jak_zapl">Jak zapłacić za bilety komórką ? <br/><span class="red">'+header+'</span></div>'));
$('#jakPlacicFullBlock')
.append($('<div id="jakPlacicContent"></div>'));
$('#jakPlacicFullBlock')
.append($('<a href="#" class="jakPlacicClose"></a>')
.click(function(){
	vs.removeJakPlacic()
})
);
$('#jakPlacicContent')
.load(url, function(){
	vs.contentHeightBeforeMplay=$('#tdContent').height()
	 $('#tdContent').height(1600)
	});
}
vs.removeJakPlacic=function(){
	$('#jakPlacicFullBlock').remove()
	$('#tdContent').height(vs.contentHeightBeforeMplay)
}
onLoadQueue.appendOnLoad(vs.initVsBridge)
vs.vsBridgeEnd=function(){
	vs.removeJakPlacic()
	$('#vsDiv').remove()
	$('#tdContent').height(window.savedContentHeight)
	if(vs.vsOverPage){
		vs.vsOverPage.hide()
	}

}
vs.vsBridgeOpenExternal=false
vs.vsByProxy=true