//-------------------------------------------------------------------------------------------
// dailies-scripts.js
// SCRIPTS FILE FOR DAILIES WEBSITE 
//-------------------------------------------------------------------------------------------

  var disableSWF=false;                   //Will NOT display Flash elements if set to true.
//-------------------------------------------------------------------------------------------
// PEPS Rollover class
//------------------------------------------------------------------------------------------ 
PEPS = {};
  PEPS.rollover = 
  {
   init: function()
   {
      this.preload();
      
      $(".ro").children("img").hover(
         function () { $(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); }, 
         function () { $(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); }
      );
   },

   preload: function()
   {
      $(window).bind('load', function() {
         $('.ro').children("img").each( function( key, elm ) { $('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); });
      });
   },
   
   newimage: function( src )
   { 
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '1' + src.match(/(\.[a-z]+)$/)[0]; 
   },

   oldimage: function( src )
   { 
      return src.replace(/1\./, '.'); 
   }
};

var inputText = "";

$(function(){  

  //-------------------------------------------------------------------------------------------
  // IE6 SUPPORT, fix PNG images
  //------------------------------------------------------------------------------------------ 
  if(scripts_isIE6)
  {
      $(window).load( function() { 

	$(document).pngFix();

      });
  }

  //-------------------------------------------------------------------------------------------
  // Initialize PEPS rollover class
  //------------------------------------------------------------------------------------------ 
  PEPS.rollover.init();

  //-------------------------------------------------------------------------------------------
  // SETUP WEBSITE DROP-DOWN
  //------------------------------------------------------------------------------------------ 
  $('a.dd').click(function(){
	if($('#nav').css("height") != "38px")
	{
	  ddMenuClose();         
	}else{
          $('#nav').animate({ 
	     height: "90px"
     	  }, 500);
          $('#moreSites').css("visibility","visible").animate({
	     opacity: 1.0
  	  }, 500);
	}
  });
  
  //-------------------------------------------------------------------------------------------
  // SETUP LEFT NAV
  //------------------------------------------------------------------------------------------
  $("li.lnav").hover(function(){
     $(this).css("background-color", "#2f6c91");
  }, function(){
     $(this).css("background-color", "#438caa");
  });
  
  $("li.lnav, li.lnavLock").bind("click", function(){
      var url = $(this).find("a").eq(0).attr("href");
      window.location = url;
  });
  
  $("li.lnav, li.lnavLock").bind("mouseover", function(){
     $(this).css("cursor", "pointer");
  });

  //-------------------------------------------------------------------------------------------
  // CLEAR DEFAULT INPUT TEXT
  //------------------------------------------------------------------------------------------
  $("#topSearch").focus(function(){
	if($(this).attr("value")=="Search")
		$(this).attr("value","");
  });

  $("#topSearch").blur(function(){
	if($(this).attr("value")=="")
		$(this).attr("value","Search");
  });

  $("input[id^='ecpFld']").focus(function(){
	if($(this).attr("value")=="Enter Zip Code")
		$(this).attr("value","");
  });

  $("input[id^='ecpFld']").blur(function(){
	if($(this).attr("value")=="")
		$(this).attr("value","Enter Zip Code");
  });
  
  $(".inputFld").focus(function(){
		$this = $(this);
		if($this.attr("title")==$this.val()) {
			$this.val("")
		}
  });
     
  $(".inputFld").blur(function(){
		$this = $(this);
		if($this.val() =="")
			$this.val($this.attr("title"))
  });
    
  //-------------------------------------------------------------------------------------------
  // INITIALIZE STYLIZED SELECT BOXES
  //------------------------------------------------------------------------------------------
      
  //-------------------------------------------------------------------------------------------
  // INITIALIZE SITE POPUPS
  //------------------------------------------------------------------------------------------
  $(".openSTF").click(function(){
     
     openDivCenter("stf", "closeSTF");
     document.getElementById('stfIfr').src = "/share-with-friends/stf-form.html";
     return false;
     
  });

  $(".openECP").click(function(){
     
     openDivCenter("ecp", "closeECP");
     var divID = $(this).attr("rel");
	 lst_trackPage( '/for-ecp/FindECP/');
     loadResponsePage(divID);
     return false;
     
  });
  
   $(".openECP_parent").click(function(){
     var zipVal = $('#ecpFld3').val();
	 window.open('http://www.dailies.com/ecp-form-popup.html?postalCode=' + zipVal,'name','height=500,width=950,left=100,top=100,resizable=no,scrollbars=no,toolbar=no,status=no,menubar=no');    
  });

  $(".openUPD").click(function(){
     
     openDivCenter("upd", "closeUPD");
     document.getElementById('updIfr').src = "/news/news-and-offers.html";
     return false;
     
  });


  //-------------------------------------------------------------------------------------------
  // INITIALIZE FLASH DEMO POPUPs
  //------------------------------------------------------------------------------------------
    $(".openDemo").click(function(){
    
   	var currDemo = $(this).attr("rel").split('|');
   	var currDemoPath = "/swf/"+currDemo[1]+".swf";
   	var currDemoDiv = currDemo[1]+"-flash";
   	
   	var closeBtn = currDemo[1]+"-close";

   	openDivCenter(currDemo[1], closeBtn);
   	
   	loadFlashObject(currDemoDiv, currDemoPath, currDemo, "491", "300", "9", "#66bdc6");
	
	switch(currDemo[1]) {
		case 'how-dailies-work': lst_trackPage( '/why-dailies/' + currDemo[0]); break;
		case 'triple-action': lst_trackPage( '/why-dailies/' + currDemo[0]); break;
	}
   	
   });
  
	$("#site-nav-links2").click( function(e) {
		$("#cntryDD").slideToggle('medium');
		e.stopPropagation();
		var ddView = $("#cntryDD").css('display');

		if(ddView == 'block') {
			$(document).bind('click', function(){
				$("#cntryDD").slideUp();
				$(document).unbind('click')
			});
		} 
	});
	
	$(".prodshot").click( function() {
		$(this).children('div').find('input').attr('checked','checked');
	});

});

function loadEcp(sdivId){
	openDivCenter("ecp", "closeECP");
    var divID = (sdivId==undefined?'ecpFld':sdivId);
	lst_trackPage( '/for-ecp/FindECP/');
    loadResponsePage(divID);
	return false;
}

function loadEcpPop (form) {
	 $(".openECP_parent").click();
}
//-------------------------------------------------------------------------------------------
// CLOSE THE WEBSITES DROP DOWN MENU
//------------------------------------------------------------------------------------------
function ddMenuClose()
{
	$('#nav').animate({ 
             height: "38px"
        }, 500); 

	$('#moreSites').animate({
	   opacity: 0
	}, 500).css("visibility","hidden");
}

//-------------------------------------------------------------------------------------------
// POSITION DIV IN THE CENTER OF WINDOW
//------------------------------------------------------------------------------------------
function centerLyr(divID)
{
    $('#'+divID).css("position","absolute");
 
    var newTop = ( $(window).height() - $('#'+divID).height() ) / 2+$(window).scrollTop();
    if(newTop<0) newTop = 0;

    var newLeft = ( $(window).width() - $('#'+divID).width() ) / 2+$(window).scrollLeft();
    if(newLeft<0) newLeft = 0;

    $('#'+divID).css("top", newTop + "px");
    $('#'+divID).css("left", newLeft + "px");
}

//-------------------------------------------------------------------------------------------
// RE-POSITION DIV IN THE CENTER OF WINDOW ON WINDOW RESIZE
//------------------------------------------------------------------------------------------
function rePositionLyr(status,divID) 
{
    switch(status) {
	case true:
		$(window).bind('resize', function() {
			centerLyr(divID);
		});
		//scroll is not used here
		//$(window).bind('scroll', function() {
		//	centerLyr(divID);
		//});
	    break;
	case false:
		$(window).unbind('resize');
		//scroll is not used here
		//$(window).unbind('scroll');
	    break;
    }
}

//-------------------------------------------------------------------------------------------
// POSITION OVERLAY IN THE CENTER OF WINDOW
//------------------------------------------------------------------------------------------
function showPopupDivCenter(divID) 
{
    if (scripts_isIE6) $('#'+divID).bgiframe();
    var toShow = $("#"+divID); 
    toShow.css({"z-index":"9000","visibility":"visible"});
    centerLyr(divID);
    rePositionLyr(true,divID);
}

//-------------------------------------------------------------------------------------------
// OPEN DIV OVERLAY AND POSITION CENTER
//------------------------------------------------------------------------------------------
function openDivCenter(divID,closeBtnID)
{
    var toShow="";
    // Build the background overlay div
    toShow += "<div class='site_overlay'></div>";
    $('body').append(toShow);

    $('div.site_overlay').css('height',$(document).height()).bind('click',function(){
	closeDiv(divID);
    });

    $('div.site_overlay').css('opacity',0).fadeTo('slow',0.65, function(){
	showPopupDivCenter(divID);
	$('div.site_overlay').css("z-index","9000");
	$('#'+divID).css("z-index","9500");
    });

	
    if(closeBtnID!=""){
        $("#"+closeBtnID).bind('click',function(){
	        closeDiv(divID);
        });
    }
}

//-------------------------------------------------------------------------------------------
// CLOSE OPENED DIV OVERLAY
//------------------------------------------------------------------------------------------
function closeDiv(divID)
{
    $('div.site_overlay').remove();
    rePositionLyr(false,divID);
    var toHide = $("#"+divID); 
    toHide.css({"z-index":"0","visibility":"hidden"});
    if(divID=="all-products"){
	toHide.css("width", "1px");
	toHide.css("height", "1px");
    }
}

//-------------------------------------------------------------------------------------------
// LOAD FLASH OBJECT
//------------------------------------------------------------------------------------------
function loadFlashObject(divID, swfPath, swfID, w, h, version, bgcolor)
{
     var ua  = navigator.userAgent.toLowerCase();
     var mac = ua.indexOf("mac") != -1; ;
     var safari = jQuery.browser.safari;

     var so = new SWFObject(swfPath, swfID, w, h, version, bgcolor);
     
     so.addParam("wmode", "transparent");
     so.write(divID);
}

//-------------------------------------------------------------------------------------------
// DR LOCATOR FRAME
//------------------------------------------------------------------------------------------
function loadResponsePage(divID) {	
	var postalCode = "30097";
	var val = $('#'+divID).attr("value");

	//check if valid zip
	if( isValidZip(val) ) postalCode = val;

	var url1 = document.URL;
	var url2 = url1.replace('http://','');
	var url3 = url2.replace('https://','');

	var url4 = new Array();
	var url4 = url3.split('/');

	var url5 = url4[0];
	var cDom = url5;

	var url ="http://get.cibavision.com/index.shtml?brandSite=Y&brandSiteURL="+cDom+"&country=USA&product=DAILIES&postalCd="+postalCode;

	document.getElementById('drLocatorFrame').src = url;
}

function isValidZip(val)
{
  return (/^\d{5}([- ]?\d{4})?$/.test(val));
}

function alertPrint() {
  var whichPlatform = navigator.userAgent;
  if (whichPlatform.indexOf("mac") != -1){
	alert("Your browser does not support automatic printing. Please press command + P on your keyboard to print.");
	return true;
  } else {
	alert("Your browser does not support automatic printing. Please press control + P on your keyboard to print.");
	return true;
  }
}

function printFrame(frm) {
  if (window.print){
	window.parent.eval(frm).focus();
	window.print();
  } else {
	alertPrint();
  }
}

function printPage(){
  if (window.print){
	window.print();
  } else {
	alertPrint();
	//setTimeout("goToURL();", 3000);
  }
}

/* For State Drop Down  */

//var colorArray[];
var colorArray = new Array(1);

//US
var us	 = 	[["AL","ALABAMA"],
			["AK","ALASKA"],
			["AZ","ARIZONA"],
			["AR","ARKANSAS"],
			["CA","CALIFORNIA "],
			["CO","COLORADO"],
			["CT","CONNECTICUT"],
			["DE","DELAWARE"],
			["DC","DISTRICT OF COLUMBIA"],
			["FL","FLORIDA"],
			["GA","GEORGIA"],
			["HI","HAWAII"],
			["ID","IDAHO"],
			["IL","ILLINOIS"],
			["IN","INDIANA"],
			["IA","IOWA"],
			["KS","KANSAS"],
			["KY","KENTUCKY"],
			["LA","LOUISIANA"],
			["ME","MAINE"],
			["MD","MARYLAND"],
			["MA","MASSACHUSETTS"],
			["MI","MICHIGAN"],
			["MN","MINNESOTA"],
			["MS","MISSISSIPPI"],
			["MO","MISSOURI"],
			["MT","MONTANA"],
			["NE","NEBRASKA"],
			["NV","NEVADA"],
			["NH","NEW HAMPSHIRE"],
			["NJ","NEW JERSEY"],
			["NM","NEW MEXICO"],
			["NY","NEW YORK"],
			["NC","NORTH CAROLINA"],
			["ND","NORTH DAKOTA"],
			["OH","OHIO"],
			["OK","OKLAHOMA"],
			["OR","OREGON"],
			["PA","PENNSYLVANIA"],
			["RI","RHODE ISLAND"],
			["SC","SOUTH CAROLINA"],
			["SD","SOUTH DAKOTA"],
			["TN","TENNESSEE"],
			["TX","TEXAS"],
			["UT","UTAH"],
			["VT","VERMONT"],
			["VA","VIRGINIA "],
			["WA","WASHINGTON"],
			["WV","WEST VIRGINIA"],
			["WI","WISCONSIN"],
			["WY","WYOMING"]
          ];
  
// Canada
//Array #2
var canada	 = 	[
				["AB","ALBERTA"],
				["BC","BRITISH COLUMBIA"],
				["MB","MANITOBA"],
				["NB","NEW BRUNSWICK"],
				["NL","NEWFOUNDLAND"],
				["NT","NORTHWEST TERRITORIES"],
				["NS","NOVA SCOTIA"],
				["NU","NUNAVUT"],
				["ON","ONTARIO"],
				["PE","PRINCE EDWARD ISLAND"],
				["QC","QUEBEC"],
				["SK","SASKATCHEWAN"],
				["YT","YUKON"]
          ];

// Prico
//Array #3
var prico	 = 	[	
           ["PR","PUERTO RICO"]
          ];

// Empty
//Array #4
var empty	 = 	[	
           
          ];
function loadStateVal(country, state) {

	var eachOption;
  	//when ever user changes the selection we have to override the passed values of product and model
   	useJSForProduct = true;
	var form2 = document.forms[0];

    //reset the current color option list
    form2[state].options.length = null;
    //form[state].style.display = "block";
    if (country == "No Selection") {
        colorArray = empty;
        pName = "empty";
    }
    else{
        if (country == "United States") {
            colorArray = us;
            pName = "us";
        }
        else 
            if (country == "Canada") {
                colorArray = canada;
                pName = "canada";
            }
            else 
                if (country == "Puerto Rico") {
                    colorArray = prico;
                    pName = "prico";
                }
    }

    form2[state].options[0] = new Option("Select State", "No Selection");
    for (var i = 0; i < colorArray.length; i++) {
        eachOption = colorArray[i];
        form2[state].options[i + 1] = new Option(eachOption[1], eachOption[0]);
	}
}