/***********************************************************************************************************************

jbrowser.js : Website Functionality

Author:          Bruce Arnold (bruce@webredesignmiami.com)
Copyright:       2010 (c) Bruce Arnold & WebReDesignMiami.com  
License:         All Rights Reserved

************************************************************************************************************************/

// PRELOAD IMAGES
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)
jQuery.preLoadImages(
"./images/web_designer_miami_bg1.jpg",
"./images/ul-outer.png",
"./images/ul-inner.png",
"./images/miami_web_designer_bg1.png",
"./images/miami_web_designer_bg2.png",
"./images/miami_fl_bg1.png",
"./images/miami_fl_bg2.png",
"./images/miami_fl_bg3.png",
"./images/web_redesign_bottom.gif",
"./images/website_redesign_top.gif",
"./images/web20_bg1.png",
"./images/twitter_bg.png",
"./images/website_designer_spinner.gif",
"./images/Miami_Web_Design.png",
"./images/W3C_Semantic_Web_3.0.png",
"./images/Web_Design_Miami_iPad_2.jpg", 
"./graphics_buttons_icons/send_us_email.png",
"./graphics_buttons_icons/add_to_favorites.png",
"./graphics_buttons_icons/add_social_bookmark.png",
"./graphics_buttons_icons/add_rss_feed.png",
"./graphics_buttons_icons/web_marketing_tips.png",
"./graphics_buttons_icons/pay_2checkout.png",
"./graphics_buttons_icons/pay_amazon.png",
"./graphics_buttons_icons/pay_paypal.png",
"./graphics_buttons_icons/pay_google.png",
"./graphics_buttons_icons/w3c_compliant_xhtml.png",
"./graphics_buttons_icons/w3c_compliant_css.png",
"./graphics_buttons_icons/wcag_accessibility.png",
"./graphics_buttons_icons/rss_feed_validator.png",
"./graphics_buttons_icons/w3c_validated_links.png",
"./graphics_buttons_icons/screen_resolution.png",
"./graphics_buttons_icons/iphone_simulator.png",
"./graphics_buttons_icons/web_page_pulse.png",
"./graphics_buttons_icons/save_the_internet.png"
);

// TWITTER UPDATE
function loadSearch1() {
	$.ajax({
	type: "GET",
	url: "./php/search.php",
	cache: false,
	beforeSend: function(html) 
	{
  	  document.getElementById("insert_search").innerHTML = ''; 
	  $('#update1').removeClass('hide');
	  $("#update1").html('...Twitter Update...');	               
      },
	success: function(html)
	{
	  $('#update1').attr('class','show');
	  $("#insert_search").append(html);
	  $('#update1').attr('class','hide');
	  $(function() {
		$("#insert_search a").attr("target", "_blank");
	  });
	}
	});
}

// MUSIC TOGGLE
$(function() {
  if ( document.getElementById('audio1') ){
    document.getElementById('audio1').onclick = function(){
      play_audio('html5_audio/Antoine_de_Saint_Exupery.mp3');
      return false;
    }
  }
});

// DOCUMENT READY
$(function() {
  if (!document.getElementsByTagName) return; 
  var anchors = document.getElementsByTagName("a"); 
  for (var i=0; i<anchors.length; i++) { 
    var anchor = anchors[i]; 
    // EXTERNAL
    if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "external" || anchor.getAttribute("rel") == "external nofollow" )){ 
      anchor.target = "_blank"; 
    }
    // ADD2FAVS
    if ( anchor.className == "add2Favs" ){
      anchor.onclick = function(){
        var titlef = document.title;
        var urlf = location.href;
        if (window.sidebar) { 
          window.sidebar.addPanel(titlef, urlf,""); 
        } 
        else if( document.all ) {
          window.external.AddFavorite( urlf, titlef);
        } 
        else if( window.opera && window.print ) {
          return true;
        }
        return false;
      }
    }
    // ADD2SOCIAL
    if ( anchor.className == "add2Social" ){
      anchor.onclick = function(){
        var titlef = document.title;
        var urlf = location.href;
        // window.location = 'http://www.tagenie.com/submit.php?url='+encodeURIComponent(urlf)+'&amp;title='+encodeURIComponent(titlef)+'';
        window.open('http://www.addthis.com/bookmark.php?v=250&amp;username=&url='+encodeURIComponent(urlf)+'&amp;title='+encodeURIComponent(titlef)+'','_blank');
        return false;
      }
    }
  } 
  // LIGHTBOXINIT
  if ( document.getElementById('contact-web-designer') )
  {
     var lightbox1 = document.getElementById('contact-web-designer');   
     lightbox1.onmouseover = function(){ document.getElementById('fade').style.display='block' }
     lightbox1.onmouseout  = function(){ document.getElementById('fade').style.display='none' }
  }
  // BEG writePhpTACookie
	date=new Date;
	date.setMonth(date.getMonth()+1);
	var name = "phpTA_resolution";
	var value = screen.width +"x"+ screen.height;
	var domain = "webredesignmiami.com";
	var path= "/";
	document.cookie=name+"="+escape(value)+"; expires="+date.toGMTString()+"; path="+path+"; domain="+domain;
  // TWITTER UPDATE INIT
  if ( document.getElementById('web30-twitter-4') )
  {
  $(function() {
  $(document).ready(function() {
      loadSearch1();
      setInterval("loadSearch1()",60000);
  });
  });
  }
});

// ON WINDOW LOAD
$(window).load(function() {  
  // *** MAIN DISPLAY ***
  if ( document.getElementById('web-design-miami-florida') ) 
  {
    document.getElementById('web-design-miami-overlay').className='hide';
    document.getElementById('web-design-miami-florida').className='show';
  }
  // BEG formInit 
  if ( document.getElementById('Contact') )
  {
  document.getElementById('Contact').onsubmit = function () {
    return check_it(this)
  }
  document.getElementById('Message_Text').onclick = function () {
    var defaultText = 'Your questions or comments can be entered here...';
    if ( this.value == defaultText ){ this.value = ''; }
  }
  document.forms["Contact"].Contact_Name.focus()
  }
});

// SCREENSHOTS
function websiteredesignmiami1()
{
  document.write('<object type="application/x-shockwave-flash" data="c.swf?path=Website_Redesign_Miami.swf" width="200" height="167">\n');
  document.write('<param name="movie" value="c.swf?path=Website_Redesign_Miami.swf">\n');
  document.write('<param name="quality" value="high">\n');
  document.write('<param name="bgcolor" value="#FFFFFF">\n');
  document.write('<param name="wmode" value="transparent">\n');
  document.write('<img src="./images/Website_Redesign_Miami.jpg" width="200" height="167" alt=""/></object>\n');
}

// HOME FLASH
function miamiwebdesign1()
{
  document.write('<object type="application/x-shockwave-flash" data="c.swf?path=Web_Design_Miami_Web_Designer_8.swf" width="620" height="600">\n');
  document.write('<param name="movie" value="c.swf?path=Web_Design_Miami_Web_Designer_8.swf">\n');
  document.write('<param name="quality" value="high">\n');
  document.write('<param name="bgcolor" value="#FFFFFF">\n');
  document.write('<param name="wmode" value="transparent">\n');
  document.write('<img src="./images/Web_Design_Miami_Web_Designer_FL_2.jpg" width="620" height="600" alt="Web Design Miami"/></object>\n');
}

// Begin MUSIC ON|OFF
function squirtMusic1()
{
  document.write('<object type="application/x-shockwave-flash" data="c.swf?path=Staraja_Ladoga.swf" width="80" height="12">\n');
  document.write('<param name="movie" value="c.swf?path=Staraja_Ladoga.swf">\n');
  document.write('<param name="quality" value="high">\n');
  document.write('<param name="bgcolor" value="#FFFFFF">\n');
  document.write('<param name="wmode" value="transparent">\n');
  document.write('<img src="./images/clear.gif" width="80" height="12" alt=""/></object>\n');
}
// End MUSIC ON|OFF

// DISABLE ENTER
function checkCR(evt) {
    var evt  = (evt) ? evt : ((event) ? event : null);
    var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
    if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
}
document.onkeypress = checkCR; // attach the function to the onkeypress event

// FORM FOCUS
sfFocus = function() { 
  var sfEls1 = document.getElementsByTagName("input"); 
  for (var i=0; i<sfEls1.length; i++) { 
    if(sfEls1[i].getAttribute("type") != "checkbox") {
      sfEls1[i].onfocus=function() { this.className="sfFocus"; } 
      sfEls1[i].onblur=function() { this.className="formbox"; } 
    } 
  } 
  var sfEls2 = document.getElementsByTagName("select"); 
  for (var i=0; i<sfEls2.length; i++) { 
    sfEls2[i].onfocus=function() { this.className="sfFocus"; } 
    sfEls2[i].onblur=function() { this.className="formbox"; } 
  } 
  var sfEls3 = document.getElementsByTagName("textarea"); 
  for (var i=0; i<sfEls3.length; i++) { 
    sfEls3[i].onfocus=function() { this.className="sfFocus"; } 
    sfEls3[i].onblur=function() { this.className="formbox"; } 
  } 
} 
if (window.attachEvent) window.attachEvent("onload", sfFocus); 
function check_it(the_form){
    var illegalChars1= /[\(\)\<\>\,\;\:\\\/\"\@\[\]]/
    if (the_form.Contact_Name.value.match(illegalChars1)) {
        alert('Contact name contains illegal characters');
        the_form.Contact_Name.focus();
        return false;    
    }
    var illegalChars2= /[\(\)\<\>\,\;\:\\\/\"\[\]]/
    if (the_form.email.value.match(illegalChars2)) {
        alert('The email address contains illegal characters');
        the_form.email.focus();
        return false;    
    }
    var emailFilter=/^.+@.+\..{2,3}$/;
    if (!(emailFilter.test(the_form.email.value))) { 
        alert('Please enter a valid email address');
        the_form.email.focus();
        return false;    
    }
    if(the_form.email.value != the_form.email_confirm.value){
        alert('Email address does not match Email Confirm.');
        the_form.email.focus();
        return false;
    }
    var illegalChars3= /[\<\>\\\/\[\]]/
    if (the_form.Message_Text.value.match(illegalChars3)) {
        alert('Message text contains illegal characters');
        the_form.Message_Text.focus();
        return false;    
    }
    var checkdigit4 = parseInt(the_form.checkdigit1.value)+ parseInt(the_form.checkdigit2.value);
    if(parseInt(the_form.checkdigit3.value) != checkdigit4 ){
        alert('Invalid Spam Check Digit.');
        the_form.checkdigit3.focus();
        return false;
   }
   return true;
}

// IMG/SMM ANIMATION
$(document).ready(function(){
$(".animg1").hover(
  function () {
 	$(this).css('padding','1px 0px 0px 1px'); 
  },
  function () {
 	$(this).css('padding','0px 0px'); 
  }
);
$(".animg2").hover(
  function () {
 	$(this).css('height','246px'); 
  	$(this).css('padding','2px'); 
	$(this).css('width','246px'); 
  },
  function () {
 	$(this).css('height','250px'); 
  	$(this).css('padding','0px'); 
	$(this).css('width','250px'); 
  }
);
$(".miami-florida-smm").hover(
  function () {
 	$(this).css('padding','5px 0px 0px 4px'); 
  },
  function () {
 	$(this).css('padding','3px 2px'); 
  }
);
$("#web-design-miami-ipad-2").hover(
  function () {
 	$(this).css('height','381px'); 
  	$(this).css('padding','2px'); 
	$(this).css('width','870px'); 
  },
  function () {
 	$(this).css('height','385px'); 
  	$(this).css('padding','0px'); 
	$(this).css('width','874px'); 
  }
);
$("#web-designer-miami").hover(
  function () {
 	$(this).css('height','105px'); 
  	$(this).css('padding','1px'); 
	$(this).css('width','158px'); 
  },
  function () {
 	$(this).css('height','107px'); 
  	$(this).css('padding','0px'); 
	$(this).css('width','160px'); 
  }
);
$(".miami-web-designer-kudos-img").hover(
  function () {
 	$(this).css('height','105px'); 
  	$(this).css('padding','11px'); 
	$(this).css('width','158px'); 
  },
  function () {
 	$(this).css('height','107px'); 
  	$(this).css('padding','10px'); 
	$(this).css('width','160px'); 
  }
);
$("#submit").hover(
  function () {
 	$(this).css('padding','1px 0px 0px 1px'); 
  },
  function () {
 	$(this).css('padding','0px 0px 1px 0px'); 
  }
);
$(".web-design-kudo-img").hover(
  function () {
 	$(this).css('padding','3px 1px 1px 3px'); 
  },
  function () {
 	$(this).css('padding','2px'); 
  }
);
$("#mobile-web-design-miami").hover(
  function () {
 	$(this).css('padding','3px 1px 1px 3px'); 
  },
  function () {
 	$(this).css('padding','2px'); 
  }
);
$("#mobile-web-minibrowser").hover(
  function () {
 	$(this).css('padding','3px 1px 1px 3px'); 
  },
  function () {
 	$(this).css('padding','2px'); 
  }
);
$("#mcartsb-mcommerce").hover(
  function () {
 	$(this).css('padding','3px 1px 1px 3px'); 
  },
  function () {
 	$(this).css('padding','2px'); 
  }
);
});

// ON WINDOW LOAD
$(window).load(function(){
  // CORNERS
  DD_roundies.addRule('.webDesign2', '6px', true);
  DD_roundies.addRule('.webDesign6', '6px', true);
});