/*
*jQuery browser plugin detection 1.0.2
* http://plugins.jquery.com/project/jqplugin
* Checks for plugins / mimetypes supported in the browser extending the jQuery.browser object
* Copyright (c) 2008 Leonardo Rossetti motw.leo@gmail.com
* MIT License: http://www.opensource.org/licenses/mit-license.php
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  THE SOFTWARE.
*/

function oviLink(){
	window.location = 'https://store.ovi.com/register';	
}


(function ($) {
	//checks if browser object exists
	if (typeof $.browser === "undefined" || !$.browser) {
		var browser = {};
		$.extend(browser);
	}
	var pluginList = {
		flash: {
			activex: "ShockwaveFlash.ShockwaveFlash",
			plugin: /flash/gim
		},
		sl: {
			activex: ["AgControl.AgControl"],
			plugin: /silverlight/gim
		},
		pdf: {
			activex: "PDF.PdfCtrl",
			plugin: /adobe\s?acrobat/gim
		},
		qtime: {
			activex: "QuickTime.QuickTime",
			plugin: /quicktime/gim
		},
		wmp: {
			activex: "WMPlayer.OCX",
			plugin: /(windows\smedia)|(Microsoft)/gim
		},
		shk: {
			activex: "SWCtl.SWCtl",
			plugin: /shockwave/gim
		},
		rp: {
			activex: "RealPlayer",
			plugin: /realplayer/gim
		},
		java: {
			activex: navigator.javaEnabled(),
			plugin: /java/gim
		}
	};
	var isSupported = function (p) {
		if (window.ActiveXObject) {
			try {
				new ActiveXObject(pluginList[p].activex);
				$.browser[p] = true;
			} catch (e) {
				$.browser[p] = false;
			}
		} else {
			$.each(navigator.plugins, function () {
				if (this.name.match(pluginList[p].plugin)) {
					$.browser[p] = true;
					return false;
				} else {
					$.browser[p] = false;
				}
			});
		}
	};
	
	$.each(pluginList, function (i, n) {
		isSupported(i);
	});
})(jQuery);

$(document).ready(function(){ 
	if($.browser.msie && $.browser.version < 7){$("#footer").pngFix();} 
	if(!jQuery.browser.flash)
		showPopup(noFlashHTML);
		
	setTimeout('showHeadButtons()',1200);
	//setTimeout('showHeadButtons()',1);
});

var showHeadButtons = function(){
	$('#headButtonControls').fadeIn(1200);	
}

if (document.images) {
	
	//preload imgs  
	img1on = new Image();
	img1on.src= "images/flashBanners_popup.png";  
	img1aeon = new Image();
	img1aeon.src= "images/boughtBanners_popup.png";  
	img2on = new Image();
	img2on.src= "images/staticBanners_popup.png";  
	img3on = new Image();
	img3on.src= "images/widgetsTwitter_popup.png"; 
	img4on = new Image();
	img4on.src= "images/widgetsVideo_popup.png"; 
	img5on = new Image();
	img5on.src= "images/email_popup.png";
	img6on = new Image();
	img6on.src= "assets/banners/image/banner_1/png/1.png";
	img6aon = new Image();
	img6aon.src= "assets/banners/image/banner_2/png/1.png";
	img6bon = new Image();
	img6bon.src= "assets/banners/image/banner_2/png/2.png";
	img6con = new Image();
	img6con.src= "assets/banners/image/banner_2/png/3.png";
	img6don = new Image();
	img6don.src= "assets/banners/image/banner_3/png/1.png";
	img6eon = new Image();
	img6eon.src= "assets/banners/image/banner_3/png/2.png";
	img6fon = new Image();
	img6fon.src= "assets/banners/image/banner_3/png/3.png";
	img6gon = new Image();
	img6gon.src= "assets/banners/image/banner_3/png/4.png";
	img6hon = new Image();
	img6hon.src= "assets/banners/image/banner_4/png/1.png";
	img6jon = new Image();
	img6jon.src= "assets/banners/image/banner_4/png/2.png";
	img6yon = new Image();
	img6yon.src= "assets/banners/image/banner_4/png/3.png";
	img64on = new Image();
	img64on.src= "assets/banners/image/banner_4/png/4.png";
	img63on = new Image();
	img63on.src= "assets/banners/image/banner_5/png/1.png";
	img62on = new Image();
	img62on.src= "assets/banners/image/banner_5/png/2.png";
	img62on = new Image();
	img62on.src= "images/awards_popup.png";
	img62on = new Image();
	img62on.src= "images/awards_popup-small.png";
	
}


var overlayHTML = '<div id="overlay"></div>';
var popUpHTML = '<div id="popUp"></div>';
var emailHTML = '<div id="emailPopUp"><span id="twitterText">The Ovi Store Newsletter is from Nokia to its customers to drive awareness and allow them to register for and download the new Ovi Store. </span><div class="cursor" onclick="closePopup()" id="close"></div></div>';

var videoEntryHTML = '<div id="videoEntryPopUp"><div class="cursor" onclick="closePopup()" id="close"></div><embed class="videoSWFentry" src="video/VideoPlayer.swf" width="720" height="576" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"/></div>';


var twitterHTML = '<div id="twitterPopUp"><span id="twitterText">The Twitter Widget is a groundbreaking combination of tweeting and getting apps from the Ovi Store. Integration into Twitter\'s open API allows the user to log in to Twitter and tweet how easy it is to boost their phone with Ovi.</span><div class="cursor" onclick="closePopup()" id="close"></div><div id="twitterEmbed"><img id="loader" src="images/ajax-loader.gif" /><embed style="z-index:11; position:relative;" src="http://www.wundermannewyork.com/ovilove/assets/widgets/twitter_widget/nokiaOviTwitterWidget3.swf" width="300" height="400" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"/></div></div>';

var videoHTML = '<div id="videoPopUp"><span id="videoText">The Video Widget puts the user into the Ovi story by using their online photos to make a personalized music video with the Ovi store built right in. When people share the widget, they also share the connection to the store.</span><div class="cursor" onclick="closePopup()" id="close"></div><div id="videoEmbed"><img id="loader" src="images/ajax-loader.gif" /><embed style="z-index:11; position:relative;" src="http://www.wundermannewyork.com/Ovilove/assets/widgets/video_widget/flash/Main.swf" width="400" height="300" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"/></div></div>';

var flashBannerHTML = '<div id="flashBannerPopUp"><span id="flashText">These banners live in Nokia-owned spaces and link directly into the Ovi Store.</span><div class="cursor" onclick="closePopup()" id="close"></div><img onclick="flashMove(\'previous\')" id="btnPrevious" class="cursor" src="images/btn_previous.gif" /><img onclick="flashMove(\'next\')" id="btnNext" class="cursor" src="images/btn_next.gif" /><div id="flashbannerMask"><div id="bannerBox"><embed src="assets/banners/swf/nokiaOvi_498x256.swf" width="498" height="256" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"/></div><div id="nextflashBanner"></div></div><img class="reload" onclick="reloadBanner()" src="images/reloadBanner.png" /></div>';

var interactiveBannerHTML = '<div id="boughtBannerPopUp"><span id="flashText">These banners live in bought media spaces and link directly into the Ovi Store.</span><div class="cursor" onclick="closePopup()" id="close"></div><img onclick="flashMove(\'previous\')" id="btnPrevious" class="cursor" src="images/btn_previous.gif" /><img onclick="flashMove(\'next\',true)" id="btnNext" class="cursor" src="images/btn_next.gif" /><div id="interactivebannerMask"><div id="bannerBox"><embed class="interactiveTwit" src="assets/boughtMedia/94002_Ovi_RMBanner_Twitter.swf" width="300" height="250" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"/></div><div id="nextflashBanner"></div></div><img class="reload" onclick="reloadBanner()" src="images/reloadBanner.png" /></div>';

var awardsEntryHTML = '<div id="awardsEntryPopUp"><div class="cursor" onclick="closePopup()" id="close"></div><div class="awardsEntryContent"><img src="images/unlock_title.gif" /><div class="errorMessage">Incorrect Login or Password, please try again.</div><form id="loginForm">Username<br /><input name="username" type="text" /><br /><br />Password<br /><input onkeyup="if(event.keyCode == 13){awardLogin()}" name="password" type="password" /></form><br /><img onclick="awardLogin()" class="cursor" src="images/btn_submit.png" /></div></div>';

var awardsContentHTML = '<div id="awardsPopUp"><div class="cursor" onclick="closePopup()" id="close"></div><div class="awardsContent"><img onclick="printAwardContent()" class="print" src="images/printer-icon.png" /><img src="images/showNokiaLove-title.png" /><br /><br /><span><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></span></div></div>';

var noFlashHTML = '<div id="noFlash"><div class="cursor" onclick="closePopup()"></div><span>The page you requested contains items that require<br /> the <strong>Flash Player 10</strong> plug-in to be viewed correctly.<br /><br />To download the required plug-in please download<br /> the installer at <a target="_blank" href="http://www.adobe.com/products/flashplayer/">Adobe\'s Web site.</a><br /><br /> After the plug-in is downloaded and installed<br /> please <a href="#" onclick="window.location.reload(); return false">click here</a> to continue on to the requested page</span></div>';


var bannerSet1 = '<div id="banner1"></div>'
var bannerSet2 = '<div id="banner2"></div><div id="banner3"></div><div id="banner4"></div>';
var bannerSet3 = '<div id="banner5"></div><div id="banner6"></div><div id="banner7"></div><div id="banner8"></div>';
var bannerSet4 = '<div id="banner9"></div><div id="banner10"></div><div id="banner11"></div><div id="banner12"></div>';
var bannerSet5 = '<div id="banner13"></div><div id="banner14"></div>'



var staticBannerHTML = '<div id="staticBannerPopUp"><span id="flashText">These banners live in Nokia-owned spaces and link directly into the Ovi Store.</span><div class="cursor" onclick="closePopup()" id="close"></div><img id="btnPrevious" class="cursor" src="images/btn_previous.gif" /><img id="btnNext" class="cursor" src="images/btn_next.gif" /><div id="bannerMask"><div id="bannerBox">'+bannerSet1+'</div><div id="nextBanner"></div></div></div>';


var embedHTML = '<div id="embedPopUp"><img onclick="closeEmbed()" src="images/btn_embed-x.png" /><textarea></textarea></div>';


var closePopup = function(){$("#popUp, #overlay").remove();}

var closeEmbed = function(){$("#embedPopUp").remove();}

var bannerSet = 1;
var showPopup = function(popContent){
	//set Omniture Variables and call tracking
	switch(popContent){
		case twitterHTML:
			s.pageName = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:twitterwidget';
			s.evar7 = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:twitterwidget';
			var s_code=s.t();
			if(s_code)document.write(s_code);
		break;
		case videoHTML:
			s.pageName = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:videowidget';
			s.evar7 = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:videowidget';
			var s_code=s.t();
			if(s_code)document.write(s_code);
		break;
		case flashBannerHTML:
			s.pageName = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:flashbanners';
			s.evar7 = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:flashbanners';
			var s_code=s.t();
			if(s_code)document.write(s_code);
		break;
		case staticBannerHTML:
			s.pageName = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:staticbanners';
			s.evar7 = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:staticbanners';
			var s_code=s.t();
			if(s_code)document.write(s_code);
		break;
		case emailHTML:
			s.pageName = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:email';
			s.evar7 = 'nokia:nokiausa.com:fw:external:wunderman:ovilove:landing:email';
			var s_code=s.t();
			if(s_code)document.write(s_code);
		break;
	}
	bannerSet = 1;
	$("#mainContainer").append(overlayHTML).append(popUpHTML);
	$("#popUp").append(popContent);
	
	if(popContent == staticBannerHTML){
		$("#btnNext").bind("click",function(){staticMove('next')});
		$("#btnPrevious").bind("click",function(){staticMove('previous')});	
	}
	$("#popUp").animate({top:'232px'},700);
}

var staticMove = function(direction){
	$("#nextBanner").css({display:'block'});
	$("#bannerMask").css({overflow:'hidden'});
	$("#btnNext").unbind();
	$("#btnPrevious").unbind();
	
	if(direction == 'next'){
		bannerSet++
		var htmlSet;
		switch(bannerSet){
			case 1:
				htmlSet = bannerSet1;
				break;
			case 2:
				htmlSet = bannerSet2;
				break;
			case 3:
				htmlSet = bannerSet3;
				break;
			case 4:
				htmlSet = bannerSet4;
				break;
			case 5:
				htmlSet = bannerSet5;
				break;
		}
		if(typeof $("#nextBanner")[0] !== 'object'){
			$("#bannerMask").append('<div id="nextBanner"></div>');
			$("#nextBanner").css({display:'block'});
		}
			
		$("#nextBanner").html(htmlSet);	
			
		$("#bannerBox").stop(true, true).animate({left:'-573px'},700);
		$("#nextBanner").stop(true, true).animate({left:'38px'},700,function(){
			$("#bannerBox").remove();
			$(this)[0].id = "bannerBox"
			$(this).css({left:0});
			$("#btnNext").bind("click",function(){staticMove('next')});
			$("#btnPrevious").bind("click",function(){staticMove('previous')});
			$("#bannerMask").css({overflow:'visible'});
		});
		
		if(bannerSet == 5)
			$("#btnNext").css({display:'none'});
		else
			$("#btnPrevious").css({display:'block'});
			
	}
	else{
		bannerSet--;
		switch(bannerSet){
			case 1:
				htmlSet = bannerSet1;
				break;
			case 2:
				htmlSet = bannerSet2;
				break;
			case 3:
				htmlSet = bannerSet3;
				break;
			case 4:
				htmlSet = bannerSet4;
				break;
			case 5:
				htmlSet = bannerSet5;
				break;
		}
		if(typeof $("#nextBanner")[0] !== 'object'){
			$("#bannerMask").append('<div id="nextBanner"></div>');
			$("#nextBanner").css({display:'block'});
		}
			
		$("#nextBanner").html(htmlSet).css({left:'-573px'});	
		
		$("#bannerBox").stop(true, true).animate({left:'573px'},700);
		$("#nextBanner").stop(true, true).animate({left:'38px'},700,function(){
			$("#bannerBox").remove();
			$(this)[0].id = "bannerBox"
			$(this).css({left:0});
			$("#btnNext").bind("click",function(){staticMove('next')});
			$("#btnPrevious").bind("click",function(){staticMove('previous')});	
			$("#bannerMask").css({overflow:'visible'});
		});
		if(bannerSet == 1)
			$("#btnPrevious").css({display:'none'});
		else
			$("#btnNext").css({display:'block'});
	}
}

var flashMove = function(direction, interactive){
	if(typeof $("#embedPopUp")[0] === 'object')
		$("#embedPopUp").remove();
	if(direction == 'next'){	
		if(interactive)
			$("#nextflashBanner").html('<embed class="interactiveShazam" src="assets/boughtMedia/94002_Ovi_RMBanner_Shazam.swf" width="500" height="250" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"/>');
		else
			$("#nextflashBanner").html('<embed id="embedSmallBanner" src="assets/banners/swf/nokiaOvi_140x64.swf" width="140" height="64" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"/>');
		$("#btnNext").css({display:'none'});
		$("#btnPrevious").css({display:'block'});
		
		$("#bannerBox").stop(true, true).animate({left:'-573px'},700);
		$("#nextflashBanner").stop(true, true).animate({left:'38px'},700);
	}
	else{	
		$("#btnNext").css({display:'block'});
		$("#btnPrevious").css({display:'none'});
		$("#bannerBox").animate({left:'0px'},700);
		$("#nextflashBanner").animate({left:'573px'},700);
	}
}

var awardLogin = function(){
	$.ajax({
		type: "POST",
		url: "logincredentials.php",
		data: $('#loginForm').serialize(),
		success: function(msg){
			if(msg != 'fail'){
				$('.awardsEntryContent').fadeOut(600,function(){
					$('#popUp').html('<img id="awardsImage" style="display:block; left:-4px; position:relative; margin:0 auto" src="images/awards_popup.png" width="426px" height="381px" />');
					$('#awardsImage').animate({width:'826px',height:'499px'},function(){
																					  	$('#popUp').html(awardsContentHTML)
																						$('.awardsContent').fadeIn();
																						$('.awardsContent span').html(msg)
																					  });
					
				});
			}
			else{
				$('.errorMessage').css('visibility','visible');
				$('#loginForm input').css('border','solid 1px #F00').focus(function(){$(this).css('border','solid 1px #b7b7b7')});
			}
		}
	});
}

var testClick = function(){
	$("#popUp img").animate({width:'830px',height:'482px'},700).attr('src','images/flashBanners_popup.png')	
}

var printAwardContent = function(){
	if(typeof $('#printContent')[0] !== 'object')
		$('body').append('<div id="printContent"></div>');
	$('#printContent').html('<p><img src="images/print_header.jpg" /></p>' + $('.awardsContent span').html());
	window.print();	
}



var reloadBanner = function(){
	if(parseFloat($('#nextflashBanner').css('left')) < 500){
		var embedObj = $('#nextflashBanner embed');
		$('#nextflashBanner').html(embedObj);
	}
	else{
		var embedObj = $('#bannerBox embed');
		$('#bannerBox').html(embedObj);
	}
		
}










