// function to hanlde the background image and the way it scales to browser window width and height
var resizeBg = function(){
var h = $(window).height();
var w = $(window).width();
var elem = $('#backgroundShape img');
var prop = elem.width() / elem.height();

if(w > h){
prop = elem.height() / elem.width();
elem.width(w);
elem.height(w*prop);
}else{
elem.height(h);
elem.width(h*prop);
}
}

$(document).ready(function(){
						   
// jquery fuinction to hack in the 'focus' css on i.e 6 and 7, for inputs and textareas

    if (jQuery.browser.msie === true) {
        jQuery('input')
                .bind('focus', function() {
                        $(this).addClass('ieFocusHack');
                }).bind('blur', function() {
                        $(this).removeClass('ieFocusHack');
                });
				
				 jQuery('textarea')
                .bind('focus', function() {
                        $(this).addClass('ieFocusHack');
                }).bind('blur', function() {
                        $(this).removeClass('ieFocusHack');
                });
    }



//############################################################
// six functions below handle the button rollover states
//############################################################

$('#navHolder li.jNav1').stop().fadeTo(0,0)
$('#navHolder li.jNav2').stop().fadeTo(0,0)
$('#navHolder li.jNav3').stop().fadeTo(0,0)
$('#navHolder li.jNav4').stop().fadeTo(0,0)
$('#navHolder li.jNav5').stop().fadeTo(0,0)
$('#navHolder li.jNav6').stop().fadeTo(0,0)


if ( $("body").attr("id") == "home")
{
	$('#navHolder li.jNav1').stop().fadeTo(0,100)
	
}

if ( $("body").attr("id") == "aNetwork")
{
	$('#navHolder li.jNav2').stop().fadeTo(0,100)
	
}

if ( $("body").attr("id") == "bPartners")
{
	$('#navHolder li.jNav3').stop().fadeTo(0,100)
	
}
if ( $("body").attr("id") == "aboutus")
{
	$('#navHolder li.jNav4').stop().fadeTo(0,100)
	
}
if ( $("body").attr("id") == "contacts")
{
	$('#navHolder li.jNav5').stop().fadeTo(0,100)
	
}
if ( $("body").attr("id") == "products")
{
	$('#navHolder li.jNav6').stop().fadeTo(0,100)
	
}



if ( $("body").attr("id") != "home")
{
	$(function(){
		
		$('#navHolder li.jNav1')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate({opacity: "1.0"}, {duration:400})
				
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(0 0)",opacity: "0"}, {duration:400})
			})
	});
}

if ( $("body").attr("id") != "aNetwork")
{
	
	$(function(){
		
		$('#navHolder li.jNav2')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate({opacity: "1.0"}, {duration:400})
				
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(0 0)",opacity: "0"}, {duration:400})
			})
	});
	
}
	
if ( $("body").attr("id") != "bPartners")
{	
	$(function(){
		
		$('#navHolder li.jNav3')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate({opacity: "1.0"}, {duration:400})
				
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(0 0)",opacity: "0"}, {duration:400})
			})
	});
	
}


if ( $("body").attr("id") != "aboutus")
{
	$(function(){
		
		$('#navHolder li.jNav4')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate({opacity: "1.0"}, {duration:400})
				
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(0 0)",opacity: "0"}, {duration:400})
			})
	});
}


if ( $("body").attr("id") != "contacts")
{
	$(function(){
		
		$('#navHolder li.jNav5')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate({opacity: "1.0"}, {duration:400})
				
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(0 0)",opacity: "0"}, {duration:400})
			})
	});
	
}


if ( $("body").attr("id") != "products")
{
	$(function(){
		
		$('#navHolder li.jNav6')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate({opacity: "1.0"}, {duration:400})
				
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(0 0)",opacity: "0"}, {duration:400})
			})
	});
	
}

resizeBg();
$(window).resize(function(){resizeBg();});

});