$(document).ready(function(){

var agent=navigator.userAgent.toLowerCase();
var is_iphone=(agent.indexOf('iphone')!=-1);
var is_ipad=(agent.indexOf('ipad')!=-1);
var is_ipod=(agent.indexOf('ipod')!=-1); 

if (is_iphone) {
    $("ul.subnav").parent().append("<span></span>");    
    $("ul.topnav a").click(function(){
        $(this).parent().find("ul.subnav").slideToggle('fast');
        $(this).parent().hover(function(){}, function(){
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
        }).hover(function() {
            $(this).addClass("subhover");
        }, function(){
            $(this).removeClass("subhover");})
} 

else if (is_ipad) {
    $("ul.subnav").parent().append("<span></span>");    
    $("ul.topnav a").click(function(){
        $(this).parent().find("ul.subnav").slideToggle('fast');
        $(this).parent().hover(function(){}, function(){
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
        }).hover(function() {
            $(this).addClass("subhover");
        }, function(){
            $(this).removeClass("subhover");})
}   


else if (is_ipod) {
  $("ul.subnav").parent().append("<span></span>");    
    $("ul.topnav a").click(function(){
        $(this).parent().find("ul.subnav").slideToggle('fast');
        $(this).parent().hover(function(){}, function(){
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
        }).hover(function() {
            $(this).addClass("subhover");
        }, function(){
            $(this).removeClass("subhover");})
}   

 
else {
 $("ul.subnav").parent().append("<span></span>");  
     $("ul.topnav a").hover(function(){ 
        $(this).parent().find("ul.subnav").slideDown('fast').show();
        $(this).parent().hover(function(){}, function(){
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
        }).hover(function() {
            $(this).addClass("subhover");
        }, function(){
            $(this).removeClass("subhover");})}   
});