// :: Stripe :: Designed by: Ryan Lynd
// Quickshow X Player
var undefined;
// pre load images
var	image_1 = new Image();
var	image_2 = new Image();
var	image_3 = new Image();
function preLoadImages(){
	if(data.jvars.template.image01 != undefined){
		image_1.src = data.jvars.template.image01;
		//alert(1);
	}
	if(data.jvars.template.image02 != undefined){
		image_2.src = data.jvars.template.image02;
		//alert(2);
	}
	if(data.jvars.template.template_image_url != undefined){
		image_3.src =  data.jvars.template.template_image_url;	
		image_3.onload = onLoadComplete;
		//alert(3);
	}

	
	//setTimeout(onLoadComplete,5000);
	
	//onLoadComplete();
}

// display what size show et. all.
function getPageVars(){
	pageTemp = window.location.toString();
	pageTemp = pageTemp.split("?")[1];
	pageTemp += "&pageLocation="+escape(window.location.toString());
	return pageTemp;
}
function writeTable() {	
////////////////©2009 Ryan Lynd////////////////////////////////	


//////////////Table Layout/////////////////////////////////////////////
		// general Template vars
			var color = data.jvars.template.color
			if (data.jvars.user.name == undefined || data.jvars.user.name == null){var zz_name_zz = ''}else{var zz_name_zz = data.jvars.user.name}
			if (data.jvars.user.company == undefined || data.jvars.user.company == null){var zz_company_zz = ''}else{var zz_company_zz = data.jvars.user.company}			
			if (data.jvars.user.title == undefined || data.jvars.user.title == null){var zz_title_zz = ''}else{var zz_title_zz = data.jvars.user.title}
			if (data.jvars.user.phone == undefined || data.jvars.user.phone == null){var zz_phone_zz = ''}else{var zz_phone_zz = 'Phone: '+data.jvars.user.phone}
			if (data.jvars.user.email == undefined || data.jvars.user.email == null){var zz_email_zz = ''}else{var zz_email_zz = 'Email: '+data.jvars.user.email}		
			var zz_image_zz = data.jvars.template.image01
			var button = data.jvars.template.image_button
			var image_button_link = 'http://'+data.jvars.template.link01
			var image_button_link2 = image_button_link.replace("http://","")
			//alert(image_button_link2);


// INFO BOX
if (data.jvars.template.purpose == 'blank'){
	var info_box = ''

}
	
	else {
				// Scale Images
				var x2;
				var x3;
				var y2;
				var y3;
				var c1;
				var c2;
				if (image_1.height > image_1.width) {
					y2 = 100
					c1 = image_1.height / y2
					x2 = image_1.width / c1
				}
				else if (image_1.height < image_1.width) {
					x2 = 100
					c1 = image_1.width / x2
					y2 = image_1.height / c1
				}
				else if (image_1.height > 0 && image_1.height == image_1.width) {
					x3 = 100
					y3 = 100
				}	
				else {
					x2 = 100
					y2 = 100
				}	
				if (x2 == undefined) {
					x2 = 100
					y2 = 100
				}
				if (x3 == undefined) {
					x3 = 100
					y3 = 100
				}
				
								//Get Vars from XML
				var infoW=500; //data.jvars.template.show_width;
				var infoH=120; //data.jvars.template.show_height;
				var infoX=data.jvars.template.info_x;
				var infoY=data.jvars.template.info_y;
				//alert(image_1.height);
				
				var imgsource= 'http://'+data.jvars.user.host+'/show/users/'+data.jvars.user.dir+'/'
				var imgsource2= 'http://'+data.jvars.user.host+'/show/users/'+data.jvars.user.dir+'/blank.gif'
				
			
				if (data.jvars.template.image01 == imgsource || data.jvars.template.image01 == imgsource2 || data.jvars.template.image01 == '' || data.jvars.template.image01 == undefined || data.jvars.template.image01 == null || image_1.height == 0 || data.jvars.template.image01 == 'zz_image01_zz') {
					var ifimage1 = '';
					var info_box = '<div id="contact"><table width="100%" cellpadding="0"><tr><td valign="top"><span class="contactName">'+zz_name_zz+'</span><br><span class="contactTitle">'+zz_title_zz+'</span><br><span class="contactPhone">'+zz_phone_zz+'</span><br><span class="contactEmail"><a href="mailto:'+data.jvars.user.email+'">'+zz_email_zz+'</a></span></td></tr></table></div>';
				}
				else if (data.jvars.user.name == undefined || data.jvars.user.name == null || zz_name_zz == '') {
					var info_box = '';
				}
				else {
					var ifimage1 = '<img id="headshot" src="'+data.jvars.template.image01+'" alt="'+zz_name_zz+'" width="'+x2+'" height="'+y2+'" hspace="7">';
					var info_box = '<div id="contact"><table width="100%" cellpadding="0"><tr><td width="10">'+ifimage1+'</td><td align="left" valign="top"><span class="contactName">'+zz_name_zz+'</span><br><span class="contactTitle">'+zz_title_zz+'</span><br><span class="contactPhone">'+zz_phone_zz+'</span><br><span class="contactEmail"><a href="mailto:'+data.jvars.user.email+'">'+zz_email_zz+'</a></span></td></tr></table></div>';
				}
				
				if (data.jvars.template.info_x == undefined || data.jvars.template.info_x == '' || data.jvars.template.info_y == undefined || data.jvars.template.info_y == '') {
					var info_box = '';
				}				
}
//END INFO BOX		
			
				// appearance vars, these can be customized to your liking, Kinda...
				var color = data.jvars.template.color
				var show_host = "www2.quickshow.com"		
				var src='http://'+show_host+'/show/users/w/wrap.swf'
				var queries='?xmlID='+QueryString('id')+'&'+getPageVars()
				
				//Get Vars from XML
				var displayW=data.jvars.template.show_width;
				var displayH=data.jvars.template.show_height;
				var displayX=data.jvars.template.display_x;
				var displayY=data.jvars.template.display_y;
				
				var templateImageURL = data.jvars.template.template_image_url;
				
				//Do Math :)
				var showW=700;
				var showH=394;
				var displayL=250 * (displayW / showW);
				var displayR=250 * (displayW / showW);
				var displayB=206 * (displayW / showW);
				var width=1200 * (displayW / showW);
				var height=600 * (displayH / showH);

				//var color = data.jvars.template.color
						
						
				// assemble Table
				var t1 = '<div id="apDiv1" style="position:absolute; left:'+displayX+'px; top:'+displayY+'px; width:'+displayW+'px; height:'+displayH+'px; z-index:1;">'
				var t2 = '<div style="	position:relative; top:0px;	margin-left:-'+displayL+'px; margin-right:-'+displayR+'px; margin-bottom:-'+displayB+'px;	 margin-top:0px;	width:'+width+'px;	height:'+height+'px;	z-index:1000;">'
				var f1 = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="'+width+'" height="'+height+'">'
				var f2 = '<param name="movie" value="'+src+queries+'" />'
				var f3 = '<param name="quality" value="high" /><param name="BGCOLOR" value="#FFFFFF" /><param name="SCALE" value="exactfit" /><param name="allowFullScreen" value="true" /><param name="WMODE" value="transparent" />'
				var f4 = '<embed src="'+src+queries+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="'+width+'" height="'+height+'" scale="exactfit" allowfullscreen="true" wmode="transparent"></embed>'
				var f5 = '</object></div>'
				var t3 = '</div>'
				var t4 = '<table width="'+image_3.width+'" height="'+image_3.height+'" border="0" background="'+templateImageURL+'"><tr><td></td></tr></table>'
			
//panel text box

				//Get Vars from XML
				var textW=data.jvars.template.show_text_width;
				var textH=data.jvars.template.show_text_height;
				var textX=data.jvars.template.show_text_x;
				var textY=data.jvars.template.show_text_y;
				


				if (textX == undefined || textX == '' || textY == undefined || textY == '') {
					var text_box = '';
				}else{
					var text_box = '<div id="apDiv3" style="position:absolute; left:'+textX+'px; top:'+textY+'px; z-index:1;"><table width="100%" cellpadding="0"><tr><td valign="top"><iframe name="frame1" id="frame1" height="'+textH+'" width="'+textW+'" scrolling="yes" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" allowtransparency="yes" src="http://'+show_host+'/v2/scripts/wrapper_php_gateway.php"></iframe></td></tr></table></div>';
				}


				// write all lines
				document.write(t1+t2+f1+f2+f3+f4+f5+t3+t4+info_box+text_box);
			//-->
					

}

function loadCSS(){
	
	if (data.jvars.template.css == undefined || data.jvars.template.css == null || data.jvars.template.css == ""){
		var cssURL = 'css/default.css'
	}else{
		var cssURL = data.jvars.template.css
	}
	
	document.write('<link href="'+cssURL+'" rel="stylesheet" type="text/css"/>');
	
	//alert(cssURL);
}

// Set background
function backgroundStyle() {
	var stripe = data.jvars.template.stripe;
	var bgHex = data.jvars.template.bg_color;
	
	if(stripe != null || stripe != ""){
		var bgImage = 'background-image: url(http://www.quickshow.com/templates/web/images/'+stripe+'.gif);';
	}else{
		var bgImage = '';
	}
	
	if (bgColor != null || bgColor != ""){
			var bgColor = 'background-color: '+bgHex+'; ';
	}else{
		var bgColor = '';
	}
	
	loadCSS();
	
	var a1 = '<style type="text/css">'
	var a2 = 'body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; '+bgColor+bgImage+'}'
	var a3 = '</style>'	
	
	document.write(a1+a2+a3)

}

  // Combiner table write
  //var req = false;
  //var element; 
function clientSideInclude() {
  var url = data.jvars.combiner.source
  var btenable = data.jvars.combiner.source
  var req = false;
  
  	var tt1 = '<table width="854" height="100" border="0" align="center" cellspacing="5" id="Table_01"><tr><td></td></tr><tr><td><table width="854" height="100%" cellpadding="5" class="table_combiner" border="1" bordercolor="#CCCCCC" bgcolor="#FFFFFF"><tr><td>'
	var tt3 = '</td></tr></table></td></tr><tr><td></td></tr></table>'
	
  // For Safari, Firefox, and other non-MS browsers
if (btenable > "" && btenable != null) {
	if (window.XMLHttpRequest) {
    try {
      req = new XMLHttpRequest();
    } catch (e) {
      req = false;
    }
  } else if (window.ActiveXObject) {
    // For Internet Explorer on Windows
    try {
      req = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        req = false;
      }
    }
  }
  if (req) {
    // Synchronous request, wait till we have it all
    req.open('GET', url, false);
    req.send(null);
	document.write(tt1 + req.responseText + tt3);
  } else {
    document.write("Sorry, your browser does not support " + "XMLHTTPRequest objects. This page requires " + "Internet Explorer 5 or better for Windows, " +  "or Firefox for any system, or Safari. Other " + "compatible browsers may also exist.");
  }
 }
else if (btenable == null) {}
else {}
}
//-->

function onLoadComplete(){
	writeTable();
	backgroundStyle();
}