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 versions older than 7
var msie_80  = false; // MSIE version 8.0 or newer
var msie_70  = false; // MSIE vesrion 7.0
var msie_60  = false; // only MSIE 6.0
var msie_55  = false; // only 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_80) {
    document.writeln('.Radio, .CheckBox {margin-left:4px; margin-right:2px;}\n');  
    document.writeln('.SpecificPosition {}\n');
  }
  
  if (msie_70) {
    document.writeln('.SpecificPosition {}\n');
  }

  if (msie_old) {
    document.writeln(".AdminMainDiv {left:15px}\n");
    document.writeln(".AboutFriends {padding-top:15px; }\n");
    document.writeln(".MainDiv .HomeArrow {top:-15px}\n");
    document.writeln(".MainDiv .ShoppingBasketContainer {top:-15px}\n");
    document.writeln(".Gallery .Thumbnails {margin-left:-10px}\n");
    document.writeln("#ForJSWonky {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/wonky-pic.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSWonky2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/wonky-pic.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSHelpUs {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/help-white.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSHelpBlack {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/help-black.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSHelpGreen {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/help-green.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSHelpBlue {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/help-blue.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSHelpSnow {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/help-snow.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSHelpSand {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/help-sand.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSPinkPin {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-pink-left.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSYellowPin {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-left.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSYellowPin2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-right.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSYellowPin3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-right.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSMore {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/more.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSMoreWhite {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/more-white.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSMore2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/more-pics2.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSMorePics {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/more-pics-white.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSMorePics2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/more-pics2-white.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSBuyArrow {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/buy-toys-arrow.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSBuyArrow2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/Default/buy-toys-arrow-2.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSLeftArrow {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/left-arrow-white.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSRightArrow {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/more-pics2-white.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSWLT {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/charity-logo-wlt.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSBF {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/charity-logo-bf.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSMCS {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/charity-logo-mcs.png', sizingMethod='scale');}\n");
    document.writeln("#ForJSNGK {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/charity-logo-ngk.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin1 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-pink-right.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-right.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-left.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin4 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-left.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin5 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-right.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin6 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-yellow-right.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin7 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-pink-left.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin8 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-pink-left.png', sizingMethod='scale');}\n");
    document.writeln(".Thumbnail .Pin9 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Default/pin-pink-right.png', sizingMethod='scale');}\n");

  }
  if (msie_only) {
    document.writeln('.RbVerticalList {left:-6px; top:-2px;}\n');
    document.writeln('.RbVerticalList input {position:relative; top:3px}\n');
    document.writeln('.CbVerticalList {left:-6px; top:-2px;}\n');
    document.writeln('.CbVerticalList input {position:relative; top:3px}\n');
  }
  if (opera) {
    document.writeln('.Radio, .CheckBox {margin-left:3px; margin-right:2px;}\n');  
    document.writeln('.RbVerticalList {left:-1px;}\n');
    document.writeln('.RbVerticalList input {margin-top:2px; margin-bottom:3px;}\n'); 
    document.writeln('.CbVerticalList {left:-1px;}\n');
    document.writeln('.CbVerticalList input {margin-top:2px; margin-bottom:3px;}\n');     
  }
  if (firefox) {
    document.writeln('.Radio, .CheckBox {margin:4px; margin-right:3px; top:2px;}\n');
    document.writeln('.Radio2 {position:relative; top:2px;}\n');
    document.writeln('.RbVerticalList input {margin-top:4px; margin-bottom:3px;}\n');    
    document.writeln('.RbVerticalList label {position:relative; top:-3px; margin-left:6px;}\n');
    document.writeln('.CbVerticalList input {margin-top:4px; margin-bottom:3px;}\n');    
    document.writeln('.CbVerticalList label {position:relative; top:-3px; margin-left:6px;}\n');
    document.writeln('.PublicFormTable2 .TextArea {width:188px;}\n');    
  }
  if (safari) {
    document.writeln('p {font-family:helvetica;}\n');
    document.writeln('.Radio, .CheckBox {margin:4px; top:0px;}\n');
    document.writeln('.RbVerticalList input {margin-top:4px; margin-bottom:3px;}\n');    
    document.writeln('.RbVerticalList label {margin-left:7px;}\n');
    document.writeln('.CbVerticalList input {margin-top:4px; margin-bottom:3px;}\n');    
    document.writeln('.CbVerticalList label {margin-left:7px;}\n');
    document.writeln('.PublicFormTable2 .TextArea {width:190px;}\n');
    document.writeln('.PublicFormTable2 .TextArea2 {height:49px; }\n');
  }
  if (chrome) {
    document.writeln('p {font-family:helvetica;}\n');
    document.writeln('.RbVerticalList input {margin-top:4px; margin-bottom:3px;}\n');    
    document.writeln('.RbVerticalList label {position:relative; top:-2px; margin-left:7px;}\n');
    document.writeln('.CbVerticalList input {margin-top:4px; margin-bottom:3px;}\n');    
    document.writeln('.CbVerticalList label {position:relative; top:-2px; margin-left:7px;}\n');
    document.writeln('.PublicFormTable2 .TextArea {width:186px;}\n');
    document.writeln('.PublicFormTable2 .TextArea2 {height:43px; }\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);
  }
}

//for search panel
function clearSearchField (field_to_clear) {
  var tmp_obj = field_to_clear.previousSibling;
  tmp_obj=tmp_obj.previousSibling;
  var initial_value = tmp_obj.value;
  if (initial_value == field_to_clear.value) field_to_clear.value="";
} 

//for search panel
function fillSearchField (field_to_fill) {
  var tmp_obj = field_to_fill.previousSibling;
  tmp_obj=tmp_obj.previousSibling;
  var initial_value = tmp_obj.value;
  if (field_to_fill.value == "") field_to_fill.value=initial_value;
}

function __printPage(strUrl) {
  var newWindow = window.open(strUrl,"Print", "toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,copyhistory=no,width=650,height=700");
}
	
function __popupPage(strUrl) {
  var newWindow = window.open(strUrl,"PopUp", "toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,copyhistory=no,width=916,height=600,top=200,left=200");
}

//show single element with given id
function show(id_show, type) {
  switch (type) {
    case 'fade':
      $('#' + id_show).fadeIn(500);
    break;
    case 'slide':
      $('#' + id_show).slideDown(500);
    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(700);
    break;
    case 'slide':
      $('#' + id_hide).slideUp(700);
    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 CorrectPngForIE(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";
   }
}

function selectAllAccessItem(button_ref) {
  $(button_ref).parent().parent().find("input").attr("checked","checked");
  return false;
}

function deselectAllAccessItem(button_ref) {
  $(button_ref).parent().parent().find("input").removeAttr("checked");
  return false;
}

function selectAllAccessGlobal() {
  $("#ForJSAllCheckboxesInside").find("input").attr("checked","checked");
  return false;
}

function deselectAllAccessGlobal() {
  $("#ForJSAllCheckboxesInside").find("input").removeAttr("checked");
  return false;
}

function popupOnClick() {
  newwindow = window.open("/conditions.html", "mywindow", "toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=no,copyhistory=no,width=597,height=500");
  newwindow.focus();
}

$(document).ready(function() {

  $('.PhotoChange').toggleClass("DisplayNone");
  $('.PhotoChange2').toggleClass("DisplayNone");
  $('.PhotoChange3').toggleClass("DisplayNone");
  $('.GalleryNav').toggleClass("DisplayNone");
  $('.AboutFriends2').toggleClass("DisplayNone");
  $('.CategoryTextShow').toggleClass("DisplayNone");
  $('.VerticalTextScroller').toggleClass("DisplayNone");
  //$('.HorizontalTextScroller').toggleClass("DisplayNone");


  $('.PhotoChange').cycle({

    fx: 'scrollLeft',
    randomizeEffects: 0,
    speed: 1200,
    next: '.PhotoChange',
    easeIn: 'easeInOutCirc',
    easeOut: 'easeInOutCirc',
    manualTrump: false

  });

  $('.PhotoChange2').cycle({

    fx: 'scrollLeft',
    speed: 900,
    next: '.PhotoChange2, .PhotoChange3',
    manualTrump: false

  });
  $('.PhotoChange3').cycle({

    fx: 'scrollRight',
    speed: 900,
    next: '.PhotoChange2, .PhotoChange3',
    manualTrump: false

  });


  $('.GalleryNav').cycle({

    fx: 'scrollLeft',
    speed: 900,
    timeout: 0,
    pager: '.GalleryNavigationBar',
    next: '.NextButton',
    prev: '.PrevButton',
    cleartype: true,
    cleartypeNoBg: true

  });

  $('.AboutFriends2').cycle({

    fx: 'fade',
    speed: 900,
    timeout: 0,
    next: '.MainPageNext',
    prev: '.MainPagePrev',
    cleartype: true,
    cleartypeNoBg: true

  });

  $('.VerticalTextScroller').cycle({

    fx: 'scrollUp',
    speed: 900,
    timeout: 0,
    next: '.ArrowDown',
    prev: '.ArrowUp',
    cleartype: true,
    cleartypeNoBg: true

  });

  //    $('.HorizontalTextScroller').cycle({

  //        fx: 'scrollLeft',
  //        speed: 900,
  //        timeout: 0,
  //        next: '.ArrowDown',
  //        prev: '.ArrowUp',
  //        cleartype: true,
  //        cleartypeNoBg: true

  //    });

  $('.CategoryTextShow').cycle({

    fx: 'fade',
    speed: 900,
    timeout: 0,
    next: '.MainPageNext',
    prev: '.MainPagePrev',
    cleartype: true,
    cleartypeNoBg: true

  });


  if (msie_old) {
    $('.ImagePin').attr({ src: "/Images/spacer.gif" });
  }

  $(".WhatsThis").hover(
    function() {
      $(this).next("div").fadeIn(200);
    },
    function() {
      $(this).next("div").fadeOut(100);
    });

  $(".PostLink").hover(
    function() {
      $(this).next("div").fadeIn(200);
    },
    function() {
      $(this).next("div").fadeOut(100);
    });


  $(".AboutUsSection a[href='#']").click(function() {
    if ($(this).parent().next("div").is(':visible')) {
      $("div.AboutUsSection").find("div").slideUp(750);

    } else {
      $("div.AboutUsSection").find("div").slideUp(750);
      $(this).parent().next("div").slideDown(750);
    }
  });


  $(".Footer div").hover(
    function() {
        $(this).find("a").css("display", "block");
    },
    function() {
        $(this).find("a").fadeOut(300);
    });

});   //ready 
