var opera = (navigator.appName.indexOf("Opera") != -1) ? true : false;
var firefox = navigator.userAgent.toLowerCase(); 
    firefox = (firefox.indexOf("firefox") != -1) ? true : false;
var safari = navigator.userAgent.toLowerCase();
    safari = (safari.indexOf("safari") != -1) ? true : false;
var chrome = navigator.userAgent.toLowerCase();
    chrome = (chrome.indexOf('chrome') != -1) ? true : false;
var msie_only = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
var msie_old = false; // MSIE older than 7.0
var msie_80  = false; // MSIE 8.0 or newer
var msie_70  = false; // MSIE 7.0
var msie_60  = false; // MSIE 6.0
var msie_55  = false; // MSIE 5.5

if (msie_only) {
  fullVerStr = navigator.appVersion;
  verStr = fullVerStr.substring(fullVerStr.indexOf('MSIE')+4,fullVerStr.length);
  verStr = verStr.substring(0,verStr.indexOf(';'));
  msie_old = (parseFloat(verStr) <  7.0) ? true : false;
  msie_80  = (parseFloat(verStr) >= 8.0) ? true : false;  
  msie_70  = (parseFloat(verStr) == 7.0) ? true : false;
  msie_60  = (parseFloat(verStr) == 6.0) ? true : false;
  msie_55  = (parseFloat(verStr) == 5.5) ? true : false;
}

document.writeln('<style type="text/css">\n/*<![CDATA[*/\n');
  if (msie_old) {
    document.writeln("#FoRJSNoCoolers {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cooler-empty.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSLogo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSCampinaLogo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/campina-logo.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSBackground {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/productcontentbox.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSBackgroundPrivacy {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/privacycontentbox.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSBackgroundContact {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contact-us.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSBackground2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/productcontentbox2.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSBackground3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/aboutuscontentbox2.png', sizingMethod='scale');}\n");
    document.writeln("#FoRJSBack {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/backbutton.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSFormBg {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wide-plain-box.png', sizingMethod='scale');}\n");
    document.writeln(".CompetitionCoolerHolder .FormButtons1 {top:445px;}\n");
    document.writeln(".FormTable .Col1 {padding-top:2px;}\n");
    document.writeln(".FormTable .Col2 {padding-top:2px;}\n");
    document.writeln(".FormTable .Col3 {padding-top:2px; }\n");
  }
  if (msie_only) {
    document.writeln(".FormTable .Col1-2L {padding-top:2px;}\n");
    document.writeln(".FormTable3 .Col1, .FormTable3 .Col1-2, .FormTable3 .Col2, .FormTable3 .Col2L {padding-top:2px; padding-bottom:5px}\n");
  }
  if (opera) {
  }
  if (msie_70) {
  document.writeln(".FormTable .Col1 {padding-top:2px;}\n");
  document.writeln(".FormTable .Col2 {padding-top:2px;}\n");
  document.writeln(".FormTable .Col3 {padding-top:2px; }\n");
  }
  if (firefox) {
  }
  if (safari) {
  }
  if (chrome) {
    //document.writeln('body {background-color:lime;}\n');
  }
document.writeln('/*]]>*/\n</style>\n');

function clearField (field_to_clear, initial_value) {
  if (initial_value == field_to_clear.value) field_to_clear.value="";
} 

function fillField (field_to_clear, initial_value) {
  if (field_to_clear.value == "") field_to_clear.value=initial_value;
}

//information box on validation image rollover
function validationInfo(operation, img_ref){
  if(operation == "show") {
    if (img_ref.alt.length > 0) img_ref.previousSibling.innerHTML = img_ref.alt;
    img_ref.alt = "";
    img_ref.previousSibling.style.display = "block";
  }
  if(operation == "hide") img_ref.previousSibling.style.display = "none";
}

//Limits length of text in textarea "element" (dom reference), writes information in "info" (id), counts characters
function checkLength(element, info, max_length){
  var actual_length = element.value.length;
  var characters_left = max_length - actual_length;
  if (characters_left < 0) characters_left = 0;

  if (actual_length == 0) {
    document.getElementById(info).innerHTML="Maximum text length is "+ max_length +" characters.";
  }
  if ((actual_length > 0)&&(actual_length <= max_length)) {
    document.getElementById(info).innerHTML="You may enter "+ characters_left +" more characters.";
  }
  if (actual_length > max_length) {
    element.value = element.value.substr(0, max_length);
    document.getElementById(info).innerHTML="You may enter "+ characters_left +" more characters.";
  }
}

//init a textarea, textarea_container - id, for charaacters limit
function initLengthInfo(textarea_container, info_id, max_length) {
  if (document.getElementById(textarea_container)) {
    element_ref = document.getElementById(textarea_container).getElementsByTagName("textarea")[0];
    checkLength(element_ref, info_id, max_length);
  }
}


function CorrectPngForIE6(id_or_parent_id) {
  if (msie_old) {
    var img_ref;
    if (document.getElementById(id_or_parent_id).nodeName.toLowerCase() == "img") {
      img_ref = document.getElementById(id_or_parent_id);
    } else {
      img_ref = document.getElementById(id_or_parent_id).getElementsByTagName("img")[0];
    }
    img_ref.src = "/images/spacer.gif";
   }
}



//show single element with given id
function show(id_show, type) {
  switch (type) {
    case 'fade':
      $('#' + id_show).fadeIn(180);
    break;
    case 'slide':
      $('#' + id_show).slideDown(180);
    break;
    case 'blink':
      $('#' + id_show).show();
    break;
  }
}

//hide single element with given id
function hide(id_hide, type) {
  switch (type) {
    case 'fade':
      $('#' + id_hide).fadeOut(80);
    break;
    case 'slide':
      $('#' + id_hide).slideUp(80);
    break;
    case 'blink':
      $('#' + id_hide).hide();
    break;
  }
}


// hide 0 or more elements and show 0 or more oter elements, indicated by id
// css width property is required for every switchable element. Can be in pixels or percents
// use example1: hideShowList(["id1","id2","id3"],["id6"], fade);
// use example2: hideShowList(["-"],["id6","id7","id8"]);
function hideShowList(hide_array, show_array, type) {
  if (hide_array[0] != '-') {
    for(var i=0; i<hide_array.length; i++) {
      hide(hide_array[i], type);
    }
  }
  
  if (show_array[0] != '-') {
    for(var i=0; i<show_array.length; i++) {
      show(show_array[i], type);
    }
  }
}

function openWindow(url, name) {
  var win = window.open(url, name, "toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,width=884,height=608,top=70,left=70");
  win.focus();
}


//Hide all elements that shouldn't be visible on page load
function panel_visibility_init() {
  document.writeln('<style type="text/css">\n/*<![CDATA[*/\n');
  document.writeln('#A2, #A3, #A4, #A5, #A6, #A7, #A8, #A9, #A10, #A11, #A12, #A13, #A14 {display:none;}\n');
  document.writeln('#B2, #B3, #B4, #B5, #B6, #B7, #B8, #B9, #B10, #B11, #B12, #B13, #B14 {display:none;}\n');
  document.writeln('#C2, #C3, #C4, #C5, #C6, #C7, #C8, #C9, #C10, #C11, #C12, #C13, #C14 {display:none;}\n');
  document.writeln('#D2, #D3, #D4, #D5, #D6, #D7, #D8, #D9, #D10, #D11, #D12, #D13, #D14 {display:none;}\n');
  document.writeln('#E2, #E3, #E4, #E5, #E6, #E7, #E8, #E9, #E10, #E11, #E12, #E13, #E14 {display:none;}\n');
  document.writeln('/*]]>*/\n</style>\n');
}


function initCoolerCounter() {
  var value = parseInt(document.getElementById("ForJsCoolersLeft").getElementsByTagName("input")[0].value);
  var value_str;
  var digits = new Array(0,0,0,0,0);
  
  if (value <= 0) value = 0;
  
  value_str = value.toString();

  for (var i = 0; i < value_str.length; i++) {
    digits[4 - i] = value_str.charAt(value_str.length - 1 - i);
  }

  ht_code = "<div>" + digits[0] + "</div><div>" + digits[1] + "</div><div>" + digits[2] + "</div><div>" + digits[3] + "</div><div>" + digits[4] + "</div>";
  document.getElementById("CoolerCounter").innerHTML = ht_code;
}


var timer;
var imageIndex = 0;

function coolerChange() {

  if (imageIndex == 0) {

    $("#ForJSCoolerBottle").attr("src", "/images/cooler-bottle.jpg")
    imageIndex++
  }
  else {
    $("#ForJSCoolerBottle").attr("src", "/images/cooler-bottle-back2.jpg")
    imageIndex--
  }
  
  
  
  
  timer = setTimeout("coolerChange()", 3000);
}