function prinav () {

	$('#nav > li').hover(
		function(){$(this).addClass('hovered'); $('#nav > #' + $(this).attr('id') + ' > ul').css('left','0');}, 
		function(){$(this).removeClass('hovered'); $('#nav > #' + $(this).attr('id') + ' > ul').css('left','-999em');}
	);
	
    $('#nav > li > ul > li.popout').hover(
		function() {$(this).addClass('hover');},
	 	function() {$(this).removeClass('hover');
    });	// This removes the need for HTC fix csshover.htc
	
	$('#nav > li > a').focus(
		function(){$(this).parent().addClass('hovered');}
	);
	$('#nav > li > a').blur(
		function(){$(this).parent().removeClass('hovered');}
	);
		
	$('#nav > li > ul > li > a').focus(
		function(){$(this).parent().parent().parent().addClass('hovered');}
	);
	$('#nav > li > ul > li > a').blur(
		function(){$(this).parent().parent().parent().removeClass('hovered'); $('#nav > #' + $(this).attr('id') + ' > ul').css('left','-999em');}
	);
	$('#nav > li > ul > li.popout > a').blur(
		function (){
			$(this).parent().removeClass('popoutfocus'); // removes the grey line in the li		
			}
			
	);
	$('#nav > li > ul > li.popout > a').focus(
		function(){
			$(this).parent().parent().find('li ul.popoutfocus').removeClass('popoutfocus'); //This is what removes the ul (it bloody works)
			$(this).next().addClass('popoutfocus'); //This adds what is removed above to the current ul
			$(this).parent().css('position','relative'); //This puts the UL next to the parent li
			$(this).parent().addClass('popoutfocus'); // adds the grey line in the li
			}
	);
		
}
 function hideportfolio(){
	$("#closePortfolio").click(function(){
		$("#openPortfolio").css('display','block');
		var state = $("#currentProjectsblock").css('display');
		$("#currentProjectsblock").toggle('slow');
		if (state=='none') {
			$("#closePortfolio").css('display','block');
			$("#openPortfolio").css('display','none');
		}
		if (state=='block') {
			$("#openPortfolio").css('display','block');
		}
	});
}
 function showportfolio(){
	$("#openPortfolio").click(function(){
		var state = $("#currentProjectsblock").css('display');		
		$("#currentProjectsblock").toggle('slow');
		if (state=='none') {
			$("#closePortfolio").css('display','block');
			$("#openPortfolio").css('display','none');
			
		}
		if (state=='block') {
			$("#openPortfolio").css('display','none');
			$("#closePortfolio").css('display','none');
			
		}
	});
}


function hideMyAcc() {
	$('#enqfrm').addClass('enqfrm-json');
	$('#enqfrm > dd').hide();
	$('#enqfrm > dt.expander > a').removeAttr('href');
	
//	$('#enqfrm > dt.close').css('display','none');
	
	$('#enqfrm > dt.expander').css('cursor','pointer').click(function () {
		$(this).next('dd').toggle('slow').siblings('dd:visible').slideUp('normal');
		$(this).addClass('opened').siblings('dt').removeClass('opened');
		$('#enqfrm > dt.opened').bind('click.remove', function () {
			$(this).removeClass('opened');
			$(this).unbind('click.remove');
		});
//		$('#enqfrm > dt.close').slideDown('slow');
	});
	
//	$('#enqfrm > dt.close').css('cursor','pointer').click(function () {
//		$(this).siblings('dd:visible').slideUp('fast');
//		$(this).slideUp('slow');
//		$('#enqfrm > dt').removeClass('opened');
//	});
};

//function gamepromo() {
//	$('.iwggamelist > li').hover(function (){
		//$(this).children('img').slideToggle('normal');
//	});
//};

function expdivopen() {
$('#opendiv01').hide(); 
$('#opendiv02').hide();
$('#opendiv03').hide();
$('#opendivTestimonials').hide();
$('#opendivBlog').hide();
$('#opendivSEO').hide();

$('.opendiv01').click(function() { 
        $("#opendiv01").slideDown('slow');
		$('.opendiv01').css('display','none');
		$('.closediv01').css('display','block');
     return false; 
     }); 
$('.opendiv02').click(function() { 
        $("#opendiv02").slideDown('slow');
		$('.opendiv02').css('display','none');
		$('.closediv02').css('display','block');
     return false; 
     }); 

$('.closediv01').click(function() { 
        $("#opendiv01").slideUp('slow');
		$('.opendiv01').css('display','block');
		$('.closediv01').css('display','none');
     return false; 
     }); 
$('.closediv02').click(function() { 
        $("#opendiv02").slideUp('slow');
		$('.opendiv02').css('display','block');
		$('.closediv02').css('display','none');
     return false; 
     }); 
$('.opendiv03').click(function() { 
        $("#opendiv03").slideDown('slow');
		$('.opendiv03').css('display','none');
		$('.closediv03').css('display','block');
     return false; 
     }); 
$('.closediv03').click(function() { 
        $("#opendiv03").slideUp('slow');
		$('.opendiv03').css('display','block');
		$('.closediv03').css('display','none');
     return false; 
     });
$('.opendivTestimonials').click(function() { 
        $("#opendivTestimonials").toggle('slow');
     return false; 
     }); 
$('.opendivBlog').click(function() { 
        $("#opendivBlog").toggle('slow');
     return false; 
     }); 

$('.opendivWhyWebtrendz').click(function() { 
        $("#opendivWhyWebtrendz").toggle('slow');
     return false; 
     }); 
$('.opendivSEO').click(function() { 
        $("#opendivSEO").toggle('slow');
     return false; 
     }); 


}



function test() {
	$("#largertxt").click(function(){
		$("#wrapper").css('font-size','14px');
		return false;
	});
	
	$("#smaller").click(function(){
		$("#wrapper").css('font-size','12px');
		return false;
	});
	
	$("#defaulttxt").click(function(){
		$("#wrapper").css('font-size','10px');
		return false;
	});
}
function showsubDivs(){
	$("#closePortfolio").css('display','block');
	$(".carosel_forward").css('display','block');
	$(".opendiv01").css('display','block');
	$(".opendiv02").css('display','block');
	$(".opendiv03").css('display','block');
}


function createMailTO(){
	$("a[class='emaillink']").safeMailTo();
}

function sendenq() {


  $("#commentForm").submit(function() {
		// validate and process form
		// first hide any error messages
		
		 var name = $("#name").val();
		if (name == "") {
	  $("#name").addClass('error');
      $("#name_error").css('display','block');
      $("#name").focus();
      return false;
    }
		var email = $("#youremail").val();
		if (email == "") {
      $("#email_error").css('display','block');
      $("#email").focus();
      return false;
    }
		var phone = $("#phone").val();
		if (phone == "") {
      $("#phone_error").css('display','block');
      $("#phone").focus();
      return false;
    }
		
		var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone;
		alert (dataString);return false;

	});
}


























/*
	For functions getElementsByClassName, addClassName, and removeClassName
	Copyright Robert Nyman, http://www.robertnyman.com
	Free to use if this text is included
*/
function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

function addClassName(elm, className){
    var currentClass = elm.className;
    if(!new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i").test(currentClass)){
        elm.className = currentClass + ((currentClass.length > 0)? " " : "") + className;
    }
    return elm.className;
}

function removeClassName(elm, className){
    var classToRemove = new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i");
    elm.className = elm.className.replace(classToRemove, "").replace(/^\s+|\s+$/g, "");
    return elm.className;
}

function hasClass(el, c) {
  if (!el || !el.className.length) return;
  var bits = el.className.split(' '), has = false;
  for (var j = 0; j < bits.length; j++) if (bits[j] === c) has = true;
  return has;
}

function activateThisColumn(column) {
  var table = document.getElementById('pricetable');
  var form = document.getElementById('formcontainer');

  // first, remove the 'on' class from all other th's
  var ths = table.getElementsByTagName('th');
  for (var g=0; g<ths.length; g++) {
    removeClassName(ths[g], 'on');
    if (!hasClass(ths[g],'side')) {
      ths[g].style.display = 'none';
    }
  }
  // then, remove the 'on' class from all other td's
  var tds = table.getElementsByTagName('td');
  for (var m=0; m<tds.length; m++) {
    removeClassName(tds[m], 'on');
    if (!hasClass(tds[m],'side')) {
      tds[m].style.display = 'none';
    }
  }

  // now, add the class 'on' to the selected th
  var newths = getElementsByClassName(column, 'th', table);
  for (var h=0; h<newths.length; h++) {
    addClassName(newths[h], 'on');
    newths[h].style.display = '';
    // not all browsers like display = 'block' for cells
  }
    // and finally, add the class 'on' to the selected td
  var newtds = getElementsByClassName(column, 'td', table);
  for (var i=0; i<newtds.length; i++) {
    addClassName(newtds[i], 'on');
    newtds[i].style.display = '';
    // not all browsers like display = 'block' for cells
  }
  // show the form!
  form.style.display = 'block';
}

function hideTheForm() {
	// get the form
	var form = document.getElementById('formcontainer');
	// hide the form
	form.style.display = 'none';
	
	// now get the hidden table cells and show them again
	var table = document.getElementById('pricetable');
	var tds = table.getElementsByTagName('td');
	for (var i=0; i<tds.length; i++) {
		tds[i].style.display = '';
	}
	var ths = table.getElementsByTagName('th');
	for (var k=0; k<ths.length; k++) {
		ths[k].style.display = '';
	}
}







$(document).ready(function() {
	hideMyAcc();
	expdivopen();
	showsubDivs();
	prinav();
	hideportfolio();
	showportfolio();	
	createMailTO();
//	titlereplace();
});