// Brochure PopUp Window
var strBrochureCoverIncludeUrl = "/en/includes/collection/brochure-overlay.jsp?watch=" + currentWatchId;
var strBrochureSpecIncludeUrl = "/en/includes/collection/details-overlay.jsp?watch=" + currentWatchId;
var strBrochureGalleryIncludeUrl = "/en/includes/collection/gallery-overlay.jsp?watch=" + currentWatchId;
var strBrochureInnovationsIncludeUrl = "/en/includes/collection/innovations-overlay.jsp?watch=" + currentWatchId;
var strBrochureMaterialsIncludeUrl = "/en/includes/collection/materials-overlay.jsp?watch="+currentWatchId;
var strBrochureMaterialsIncludeUrl = "/en/includes/collection/materials-overlay.jsp?watch="+currentWatchId;
var strBrochureStoreLocatorIncludeUrl = "/en/includes/collection/store-locator.jsp?watch="+currentWatchId;

function MakeAjaxCall(myUrl){
	$.ajax(
		{	
  		url: myUrl,
		processData: false,
		data: 'xml',
  		success: HandleResponse
		}
);
}

function BrochureToggle(){
	$("#brochure-toggle").click(function () 
	     {
      MakeAjaxCall(strBrochureCoverIncludeUrl);
      return false;
    });
}

function HandleResponse(html){
	if($('#ajax-response').length <= 0){
		$('#htmlcontent').prepend('<div id="ajax-response"></div>');
	}  		
	$("#ajax-response").html(html); 
	$("#left-nav").css("visibility", "hidden");
	
	resizeOverlay();
	
	//set event for spec
	$("#details-toggle").click(function () {
		MakeAjaxCall(strBrochureSpecIncludeUrl);
		return false;
	});
	
	//set event for gallery
	$("#gallery-toggle").click(function () {
		MakeAjaxCall(strBrochureGalleryIncludeUrl);
		return false;
	});
	
	//set event for innovations
	$("#innovations-toggle").click(function () {
		MakeAjaxCall(strBrochureInnovationsIncludeUrl);
		return false;
	});
	
	//set event for materials
	$("#materials-toggle").click(function () {
		MakeAjaxCall(strBrochureMaterialsIncludeUrl);
		return false;
	});
	
	//set event for store locator
	$("#store-locator-toggle").click(function (){
		MakeAjaxCall(strBrochureStoreLocatorIncludeUrl);
		return false;
	});
	
	//set event for close button
	$("#button-close").click(function (){
		$('#ajax-response').empty('<div id="ajax-response"></div>');
		$("#left-nav").css("visibility", "visible" );
		return false;
	});
	
	//other navs
	if($('#gallery-nav').length > 0){
		$($('#gallery-nav').children("ul").children("li").children("a")).each(function(){
			$(this).click(function(e){	
				id = this.id;			
				MakeAjaxCall(strBrochureGalleryIncludeUrl + "&imgId=" + id);
				return false;
			});
		});
	} else if ($('#innovations-nav').length > 0){
		$($('#innovations-nav').children("ul").children("li").children("a")).each(function(){
			$(this).click(function(e){
				id = this.id;
				MakeAjaxCall(strBrochureInnovationsIncludeUrl + "&brochureid=" + id);
				return false;
			});
		});
	} else if ($('#materials-nav').length > 0){
		$($('#materials-nav').children("ul").children("li").children("a")).each(function(){
			$(this).click(function(e){
				id = this.id;
				MakeAjaxCall(strBrochureMaterialsIncludeUrl + "&brochureid=" + id);
				return false;
			});
		});
	}
}

function setupBrochureDownloads() {
	if($('#downloads-container').length > 0) {
		$("#downloads-container ul li").each(function(index, el) {
			$(el).hover(
				function(event) { //over
					$(this).find(".download-label").css('display', 'none');
					$(this).find(".download-overlay").css('display', 'block');
					$(this).find(".download-links").css('display', 'block');
				},
				function(event) { //out
					$(this).find(".download-overlay").css('display', 'none');
					$(this).find(".download-links").css('display', 'none');
					$(this).find(".download-label").css('display', 'block');
				}
			);
			$(el).find(".download-overlay").css('display', 'none');
			$(el).find(".download-links").css('display', 'none');
		});
		
		$('.download-links li a').click(function() {
			try{document.jsAPI.trackDownload("The Collection", "brochure", this.href);return false;}catch(e){}
		});
	}
}

function resizeOverlay(){
	$('#brochure-content').css({marginLeft:marginLeft, marginBottom:marginTop});
	$('#left-arrow-brochure').css({marginLeft:marginLeft, marginTop:marginTop-22});
	$('#right-arrow-brochure').css({marginTop:marginTop-22});
	$('#brochure-nav').css({marginBottom:marginTop, marginLeft:marginLeft});
	$('#overlay-bg').css({width:(width-marginLeft-150)});
	$('#brochure-landing-model').css({width:(width-marginLeft-270)});
	$('#brochure-landing-model').css({left:52});
	$('#gallery-nav').css({marginLeft:marginLeft});
	$('#innovations-nav').css({marginLeft:marginLeft, marginBottom:marginTop});
	$('#materials-nav').css({marginLeft:marginLeft});
	$('#materials-nav').css({marginBottom:marginTop});
	$('#vertical-line').css({marginLeft:marginLeft});
	$('#button-close').css({marginLeft:marginLeft});
}

function setupBrochureNavClicks(){
	$('#button-close').click(function(e){try{document.jsAPI.trackBrochureClick(e.target.href, "close")}catch(e){}});
	$('#left').click(function(e){try{document.jsAPI.trackBrochureClick(this.href, "left-arrow")}catch(e){}});
	$('#right').click(function(e){try{document.jsAPI.trackBrochureClick(this.href, "right-arrow")}catch(e){}});
	$('#family-title').click(function(e){try{document.jsAPI.trackBrochureClick(e.target.href, "family-title")}catch(e){}});
	$('#brochure-nav ul').click(function(e){try{document.jsAPI.trackBrochureClick(e.target.href, "brochure-nav")}catch(e){}});
	$('#download-pdf-toggle').click(function(e){try{document.jsAPI.trackDownload("The Collection", "brochure", this.href);return false;}catch(e){}});
	$('#store-locator-toggle').click(function(e){try{document.jsAPI.trackBrochureClick(currentWatchId, "brochure-nav", "Find_Rolex_Dealer");}catch(e){}});
	$('#innovations-nav ul').click(function(e){try{document.jsAPI.trackBrochureClick($(e.target).parent().attr("href"), "bottom-nav")}catch(e){}});
	$('#materials-nav ul').click(function(e){try{document.jsAPI.trackBrochureClick($(e.target).parent().attr("href"), "bottom-nav")}catch(e){}});
	$('#gallery-nav ul').click(function(e){try{document.jsAPI.trackBrochureClick($(e.target).parent().attr("href"), "bottom-nav")}catch(e){}});
	
}
function setupVideos() {
	var videoPlayerWrapper = $('#brochure-video-player');
	var videoFile;
	var videoFilePreview;
	var videoHeight;
	var videoWidth;
	var qtControlHeight = 16;
	
	if(videoPlayerWrapper.length > 0) {
		var videoHeight = videoPlayerWrapper.height();
		var videoWidth = videoPlayerWrapper.width();
		
		videoHeight += qtControlHeight;
		videoFilePreview = videoPlayerWrapper.find("#preview-brochure-video").attr('href');
		videoFile = videoPlayerWrapper.find("#macintosh-brochure-video").attr('href');
			
		videoPlayerWrapper.empty().append("<img src=\""+videoFilePreview+"\" id=\"brochure-video-preview\" />");
		
		if(!jQuery.browser.qtime)
			$('#quicktime-download-link').css('display', 'block');
		else {
			videoPlayerWrapper.find('#brochure-video-preview').click(function(event, element) {
				videoPlayerWrapper.height(videoHeight);
	
				videoPlayerWrapper.media({
					width: videoWidth,
					height: videoHeight,
					autoplay: true,
					src:  videoFile,
					caption: false,
					params: {scale: "aspect"}
				});
			});
		}
	}
}

//register
onloadHTMLHandlers[onloadHTMLHandlers.length] = 'setupBrochureDownloads();resizeOverlay();setupBrochureNavClicks();setupVideos();';//BrochureToggle(); to turn on ajax
onresizeHTMLHandlers[onresizeHTMLHandlers.length] = "resizeOverlay();";

onloadFlashHandlers[onloadFlashHandlers.length] = 'resizeOverlay();';//BrochureToggle(); to turn on ajax
onresizeFlashHandlers[onresizeFlashHandlers.length] = "resizeOverlay();";