$(".chinaDiv,.usaDiv,.canadaDiv,.australiaDiv,.panamaDiv,.southafricaDiv,.uaeDiv").fadeOut();

$(".locationSelect .chinaIcon").bind("mouseover",function(){
	$(this).parent().addClass("china");
	$(".chinaDiv").fadeIn();
})
$(".locationSelect .chinaIcon").bind("mouseout",function(){
	$(this).parent().removeClass("china");
	$(".chinaDiv").fadeOut();
})

$(".locationSelect .usaIcon").bind("mouseover",function(){
	$(this).parent().addClass("usa");
	$(".usaDiv").fadeIn();
})
$(".locationSelect .usaIcon").bind("mouseout",function(){
	$(this).parent().removeClass("usa");
	$(".usaDiv").fadeOut();
})

$(".locationSelect .canadaIcon").bind("mouseover",function(){
	$(this).parent().addClass("canada");
	$(".canadaDiv").fadeIn();
})
$(".locationSelect .canadaIcon").bind("mouseout",function(){
	$(this).parent().removeClass("canada");
	$(".canadaDiv").fadeOut();
})

$(".locationSelect .australiaIcon").bind("mouseover",function(){
	$(this).parent().addClass("australia");
	$(".australiaDiv").fadeIn();
})
$(".locationSelect .australiaIcon").bind("mouseout",function(){
	$(this).parent().removeClass("australia");
	$(".australiaDiv").fadeOut();
})

$(".locationSelect .panamaIcon").bind("mouseover",function(){
	$(this).parent().addClass("panama");
	$(".panamaDiv").fadeIn();
})
$(".locationSelect .panamaIcon").bind("mouseout",function(){
	$(this).parent().removeClass("panama");
	$(".panamaDiv").fadeOut();
})

$(".locationSelect .southafricaIcon").bind("mouseover",function(){
	$(this).parent().addClass("southafrica");
	$(".southafricaDiv").fadeIn();
})
$(".locationSelect .southafricaIcon").bind("mouseout",function(){
	$(this).parent().removeClass("southafrica");
	$(".southafricaDiv").fadeOut();
})

$(".locationSelect .uaeIcon").bind("mouseover",function(){
	$(this).parent().addClass("uae");
	$(".uaeDiv").fadeIn();
})
$(".locationSelect .uaeIcon").bind("mouseout",function(){
	$(this).parent().removeClass("uae");
	$(".uaeDiv").fadeOut();
})




$(".pro").bind("mouseover",function(){
	$(this).addClass("mouseOn");
	$(this).css("height","135px");
	//$(this).animate({height:"135px"},{ queue: false, duration: 200});
})
$(".pro").bind("mouseout",function(){
	//$(this).animate({height:"24px"}, { queue: false, duration: 100});
	$(this).removeClass("mouseOn");
	$(this).css("height","24px");
})
$(".serv").bind("mouseover",function(){
	$(this).addClass("mouseOn2");
	//$(this).animate({height:"160px"},{ queue: false, duration: 200});
	$(this).css("height","135px");
})
$(".serv").bind("mouseout",function(){
	$(this).css("height","24px");
	//$(this).animate({height:"24px"}, { queue: false, duration: 100});
	$(this).removeClass("mouseOn2");
})
$(".about").bind("mouseover",function(){
	$(this).addClass("mouseOn");
	$(this).css("height","135px");
	//$(this).animate({height:"135px"},{ queue: false, duration: 200});
})
$(".about").bind("mouseout",function(){
	$(this).css("height","24px");
	//$(this).animate({height:"24px"}, { queue: false, duration: 100});
	$(this).removeClass("mouseOn");
})



/*  products */
$(function(){
	$(".pro1, .pro2, .pro3, .pro4").fadeOut("fast",function(){ 
		$(".proIcon"+a).addClass("on");
		$(".pro"+a).fadeIn("fast");
	});
})


$(".proIcon1,.proIcon2,.proIcon3,.proIcon4").mouseover(function(){
	$(this).addClass("hover");
})
$(".proIcon1,.proIcon2,.proIcon3,.proIcon4").mouseout(function(){
	$(this).removeClass("hover");
})


function autoChange()
{
	if(flag==0)
	{
		flag = 1;
		if(a==4)
		{
			$(".proIcon"+a).removeClass("on");
			$(".proIcon1").addClass("on");
			
			$(".pro4").fadeOut("slow",function(){
				$(".pro1").fadeIn("slow",function(){
					a = 1;
					flag = 0
				});
			});	
		}
		else
		{
			$(".proIcon"+a).removeClass("on");
			$(".proIcon"+(parseInt(a)+1)).addClass("on");
			
			$(".pro"+a).fadeOut("slow",function(){
				$(".pro"+(parseInt(a)+1)).fadeIn("slow",function(){
					a = parseInt(a)+1;
					flag = 0
				})
			});
		}
	}
}

//var intver = setInterval("autoChange()", 8000);


$(".proIcon1").bind("click",function(){
	if(flag==0)
	{
		flag = 1;
		$(".proIcon"+a).removeClass("on");
		$(this).addClass("on");
		$(".pro"+a).fadeOut("slow",function(){
			$(".pro1").fadeIn("slow",function(){
				a = 1;
				flag = 0;
			});
			//clearTimeout(intver)
			//intver = setInterval("autoChange()", 8000)
		});
	}
})

$(".proIcon2").bind("click",function(){	
	if(flag==0)
	{
		flag = 1;
		$(".proIcon"+a).removeClass("on");
		$(this).addClass("on");
	
		$(".pro"+a).fadeOut("slow",function(){
			$(".pro2").fadeIn("slow",function(){
				a = 2;
				flag = 0;
			});
		});
		//clearTimeout(intver)
		//intver = setInterval("autoChange()", 8000)
	}
})
$(".proIcon3").bind("click",function(){
	if(flag==0)
	{
		flag = 1;
		$(".proIcon"+a).removeClass("on");
		$(this).addClass("on");
		$(".pro"+a).fadeOut("slow",function(){
			$(".pro3").fadeIn("slow",function(){
				a = 3;
				flag = 0;
			});
		});
		//clearTimeout(intver)
		//intver = setInterval("autoChange()", 8000)
	}
})
$(".proIcon4").bind("click",function(){
	if(flag==0)
	{
		flag = 1;
		$(".proIcon"+a).removeClass("on");
		$(this).addClass("on");

		$(".pro"+a).fadeOut("slow",function(){
			$(".pro4").fadeIn("slow",function(){
				a = 4;
				flag = 0;
			});
		});
		//clearTimeout(intver)
		//intver = setInterval("autoChange()", 8000)
	}
})