// changed .bind to .live as some demos are pulled w/ AJAX july 6 -wm

function isiOS(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1) ||
		(navigator.platform.indexOf("iPad") != -1)
    );
}

$(document).ready( function() {
	
	// searchbox behaviour
	$("#searchbox")
		.bind("focus", function() { $(this).val(""); })
		.bind("blur", function() { if ($(this).val() == "") $(this).val(""); });
		
	// open live chat pop-up
	$("#liveHelp, #liveHelpBlock, #liveHelpLink")
		.bind("click", function() {
			window.open('https://chat.pgmusic.com/SightMaxAgentInterface/PreChatSurvey.aspx?accountID=1&siteID=1&queueID=2&skipSurvey=yes','chatWindow','width=490,height=404,resizable=0,scrollbars=no,menubar=no,status=no');						
		});
	
	// bind any video demos, 
	if (isiOS()) {					
        $(".video")	
            .live("click", function() { 
                var alturl = $("input[name='mp4VideoUrl']", this).val();
                if (alturl.indexOf("mp4") != -1) {
                    window.location = alturl;
                } else {
                    launchVideo(alturl);
                }
            });		
	} else {		
	

	$(".video")		
		.live("click", function() { 
			var url = $("input[name='videoUrl']", this).val();
			if (url.indexOf("wmv") != -1) {
				window.location = url;
			} else {
				launchVideo(url);
			}
		});
	}
		
		
	// bind any video demos: large window
	$(".videoLarge")
		.live("click", function() { 
			var url = $("input[name='videoUrl']", this).val();
			if (url.indexOf("wmv") != -1) {
				window.location = url;
			} else {
				launchVideoLarge(url);
			}
		});
		
	// bind any audio demos
	$(".audio")
		.live("click", function() { 
			var url = $("input[name='audioUrl']", this).val();
			if (url.indexOf("wma") != -1) {
				window.location = url;
			} else {
				var target = $(".audioContainer", this);
				launchAudio(url, target);
			}
		});
		
 		
	// bind any audio demos (using small player)
	$(".audioSmall")
		.live("click", function() { 
			var url = $("input[name='audioUrl']", this).val();
			if (url.indexOf("wma") != -1) {
				window.location = url;
			} else {
				var target = $(".audioSmallContainer", this);
				launchAudioSmall(url, target);
			}
		});
		
	// bind audio demos for realtracks audio demo links (shows no background splash img, and using small player)
	// if iOS, then then just download the m4a
	if (isiOS()) {
        $(".rtauddemos")
            .live("click", function() { 
                var url = $("input[name='audioUrl']", this).val();
                window.location = url;
            });
        $(".styledemos")
            .live("click", function() { 
                var url = $("input[name='audioUrl']", this).val();
                window.location = url;
            });        
	} else {
		$(".rtauddemos")
		.live("click", function() { 
			var url = $("input[name='audioUrl']", this).val();
			if (url.indexOf("wma") != -1) {
				window.location = url;
			} else {
				var target = $(".audioSmallContainer", this);
				launchAudioSmall(url, target);
			}
		});		
		$(".styledemos")
		.live("click", function() { 
			var url = $("input[name='audioUrl']", this).val();
			if (url.indexOf("wma") != -1) {
				window.location = url;
			} else {
				var target = $(".audioSmallContainer", this);
				launchAudioSmall(url, target);
			}
		});				
        
	}
		
	// busines hours pop-up
	$("#businessHours")
		.bind("click", function() { 
			launchPop1("popup/pop.businesshours.htm");					
		});
		
	// moneyback pop-up
	$("#moneyBackGuarantee")
		.bind("click", function() { 
			launchPop1("/popup/pop.guarantee.htm");					
		});
		
	// Buy It pop-up
	$(".buyIt")
		.bind("click", function() { 
			var url = $("input[name='buyItUrl']", this).val();
			launchPopBuyIt(url);					
		});
		
	// Web app
	$(".webApp")
		.bind("click", function() {
			/*not using
			var style = $("input[name='webAppStyle']", this).val();
			var tempo = $("input[name='webAppTempo']", this).val();
			var key = $("input[name='webAppKey']", this).val();*/
			var styleList = $("input[name='styleList']", this).val();
			var baseUrl = "http://64.40.109.32/bbweb/embed/?styleList=";
			var url = baseUrl + styleList /* + "?style=" + style + "&tempo=" + tempo + "&key=" + key*/;
			launchWebApp(url);					
		});
		
	// Master Jazz Guitar Solos patches pop-up
	$(".mjgsPatches")
		.bind("click", function() { 
			launchPop1("popup/pop.patches.mjgs.htm");					
		});

	//hide/un-hide demos
	$("a.stylesdemos").bind('click',function(){
		var id = $(this).attr('id');
		var os = $("input[name='os']", this).val();
		if (demostate[id] == 1) {
			$("#demos"+id).slideUp(500,function(){$(this).html('')});
			$(this).children("span.linktext").html("Show Demos");
			demostate[id] = 0;
		} else {
			$("#demos"+id).hide().load("http://www.pgmusic.com/inc/php/getdemos.php?id="+id+"&r=rd&os="+os,function(){$(this).slideDown()});
			$(this).children("span.linktext").html("Hide Demos");
			demostate[id] = 1;		
		}
	});
});	

//state variable for hide/show demos
var numsets = 500;
var demostate = new Array(); //max set numbers
for (i=0;i<numsets;i++) {
	demostate[i] = 0;
}

/***
 * Open Video Flowplayer pop-up
 * flowplayer link to islandnet: flash/flowplayer/flowplayer.commercial-3.1.0.swf
 ***/
 
function launchVideo(url) {
	
	var overlay = $("<div id='modalOverlay'></div>");
	var container = $("<div id='popFrame'><div id='closePop'></div></div>");
	var video = $("<a href='"+url+"' id='videoPlayer'></a>");
	
	overlay
		.appendTo("body");	
	
	container
		.appendTo("body")
		.hide()
		.fadeIn(300, function() { 
			$("#closePop, #modalOverlay").click(function() { closePop(); });
			video.appendTo(this);	
			flowplayer("videoPlayer", "http://nn.pgmusic.com/pgfiles/flash/flowplayer/flowplayer.commercial-3.1.0.swf", {key: '$7fc533536bff475345f'});
		});

	
}


function launchVideoLarge(url) {
	
	var overlay = $("<div id='modalOverlay'></div>");
	if (screen.height>=960) {
		var container = $("<div id='popFrameLarge'><div id='closePop'></div></div>");
	} else {
		var container = $("<div id='popFrame'><div id='closePop'></div></div>");
	}
	var video = $("<a href='"+url+"' id='videoPlayer'></a>");
	
	overlay
		.appendTo("body");	
	
	container
		.appendTo("body")
		.hide()
		.fadeIn(300, function() { 
			$("#closePop, #modalOverlay").click(function() { closePop(); });
			video.appendTo(this);	
			flowplayer("videoPlayer", "http://nn.pgmusic.com/pgfiles/flash/flowplayer/flowplayer.commercial-3.1.0.swf", {key: '$7fc533536bff475345f'});
		});

	
}


/***
 * Open General pop-up
 ***/
 
function launchPop(url) {
	
	var overlay = $("<div id='modalOverlay'></div>");
	var container = $("<div id='popFrame'></div>");
	var content = $("<div></div>").load(url);
	var closeButton = $("<div id='closePop'></div>");
	
	overlay
		.appendTo("body");	
	
	container
		.html(content)
		.prepend(closeButton)
		.appendTo("body")
		.hide()
		.fadeIn(300, function() { 
			$("#closePop, #modalOverlay").click(function() { closePop(); });
		});
	
}

/*intl popup was also called launchPop, so changed this to launchPop*/
function launchPop1(url) {
	
	var overlay = $("<div id='modalOverlay'></div>");
	var container = $("<div id='popFrame'></div>");
	var content = $("<div></div>").load(url);
	var closeButton = $("<div id='closePop'></div>");
	
	overlay
		.appendTo("body");	
	
	container
		.html(content)
		.prepend(closeButton)
		.appendTo("body")
		.hide()
		.fadeIn(300, function() { 
			$("#closePop, #modalOverlay").click(function() { closePop(); });
		});
	
}


/***
 * Open WebApp pop-up
 ***/

/*function launchWebApptest(url) {
	
	var overlay = $("<div id='modalOverlay'></div>");
	var container = $("<div id='popWebApp'></div>");
	var content = $("<div></div>").load(url);
	var closeButton = $("<div id='closePop'></div>");
	
	overlay
		.appendTo("body");	
	
	container
		.html(content)
		.prepend(closeButton)
		.appendTo("body")
		.hide()
		.fadeIn(300, function() { 
			$("#closePop, #modalOverlay").click(function() { closePop(); });
		});
	
}*/

function launchWebApp(url) {
	
	var overlay = $("<div id='modalOverlay'></div>");
	var container = $("<div id='popWebApp'><div id='closePop'></div></div>");
	var content = $("<iframe src='"+url+"'></iframe>");
	
	overlay
		.appendTo("body");	
	
	container
		.appendTo("body")
		.hide()
		.fadeIn(300, function() { 
			$("#closePop, #modalOverlay").click(function() { closePop(); });
			content.appendTo(this);	
		});
}


/***
 * Open Buy It pop-up (choose OS and add to cart)
 ***/

function launchPopBuyIt(url) {
	
	var overlay = $("<div id='modalOverlay'></div>");
	var container = $("<div id='popFrameBuyIt'></div>");
	var content = $("<div></div>").load(url);
	var closeButton = $("<div id='closePop'></div>");
	
	overlay
		.appendTo("body");	
	
	container
		.html(content)
		.prepend(closeButton)
		.appendTo("body")
		.hide()
		.fadeIn(300, function() { 
			$("#closePop, #modalOverlay").click(function() { closePop(); });
		});
	
}



/***
 * Close Pop-up
 ***/
 
function closePop() {
	$("#popFrame").fadeOut(300, function() { 
		$(this).remove();										 
		$("#modalOverlay").remove();									 
	});
	$("#popFrameBuyIt").fadeOut(300, function() { 
		$(this).remove();										 
		$("#modalOverlay").remove();									 
	});
	$("#popFrameLarge").fadeOut(300, function() { 
		$(this).remove();										 
		$("#modalOverlay").remove();									 
	});
	$("#popWebApp").fadeOut(300, function() { 
		$(this).remove();										 
		$("#modalOverlay").remove();									 
	});
}



/***
 * Play Audio file using flowplayer - original skin
 * flowplayer link to islandnet: flash/flowplayer/flowplayer.commercial-3.1.0.swf
 */
function launchAudio(url, target) {
	
	var audio = $("<a href='"+url+"' id='audioPlayer'></a>");
	$("#audioPlayer").remove();
	audio.appendTo(target);
	flowplayer("audioPlayer", "http://nn.pgmusic.com/pgfiles/flash/flowplayer/flowplayer.commercial-3.1.0.swf", { 
		key: '$7fc533536bff475345f',
		plugins: { 
			controls: { 
				fullscreen: false, 
				height: 25,
				time: false             				            			
			} 
		}
	});
} 


/***
 * Play Audio file using flowplayer
 * Uses a small player (blue skin)
 ***/
 
function launchAudioSmall(url, target) {
	
	var audio = $("<a href='"+url+"' id='audioPlayer'></a>");
	$("#audioPlayer").remove();
	audio.appendTo(target);
	flowplayer("audioPlayer", "http://nn.pgmusic.com/pgfiles/flash/flowplayer/flowplayer.commercial-3.1.0.swf", { 
		key: '$7fc533536bff475345f',
		canvas: {
			backgroundColor: '#FFFFFF'
		},
		
		/*clip: {
        	autoPlay: false
    	},*/
		plugins: {
			controls: { 
				fullscreen: false, 
				height: 17,
				width: 75,
				volume: false,
				mute: false,
				scrubberHeightRatio: 0.6,
				backgroundColor: '#9c9c9c',
				backgroundGradient: [.9, 0.4, 0],
				progressColor: '#005aff',
				bufferColor: '#007af7',
				sliderColor: '#007af7',
				buttonColor: '#008bf6',
				progressGradient: 'high',
				bufferGradient: 'high',
				sliderGradient: 'high',
				buttonOverColor: '#0567eb',
				borderRadius: 15,
				time: false             				            			
			} 
		}
	});
}


/***
 * Expandable areas of text
 ***/
 
function toggle(id, link) {
  var element = document.getElementById(id);
    
  if (element.style.display == 'block') {
    element.style.display = 'none';
	link.innerHTML = 'More';
  } else {
    element.style.display = 'block';
	link.innerHTML = 'Less';
  }
}

function toggleLinks(id, link) {
  var element = document.getElementById(id);
    
  if (element.style.display == 'block') {
    element.style.display = 'none';
	link.innerHTML = 'Show wma &amp; m4a links';
  } else {
    element.style.display = 'block';
	link.innerHTML = 'Hide wma &amp; m4a links';
  }
}