/*****************************************************************/
/*  This template uses the following for javascript:            
/*  jQuery:  JavaScript class library.  To use, make sure 
/*           jquery-1.2.6.min.js and jquery.curvycorners.min.js
/*           is included in your pages.  Then, make method calls to
/*           execute javascript code from here. jQuery library on 
/*           the internet is best place to start  
/*
/*  File path: jquery.js is most likely to be located in the 
/*             includes folder...
/*****************************************************************/

/******************* VARS ***************/

/************** DOCUMENT READY ****************/
/*  All jquery must start with this function
/*  and all other functions go in side it!  
/***********************************************/


$(document).ready(function()
{
    /**************** make border div a "curvy corner" *****************/
    $("#bodyborder").corner();   
    $(".singlebutton").corner();
    $("#aboutbrianslides").cycle({after:onAfter,speed:5000});
        
    function onAfter() 
    { 
    $("#output").html("<h3>" + this.alt + "</h3>"); 
    }
    /*************** CommissionerDuties.aspx *****************/
    $("#countycommissioners").click(function(){
        if($("#topsection").is(":hidden"))
        {
            $("#commissionerlist").slideUp();
            $("#topsection").slideDown();
            $("#countycommissioners").html("- Board Of County Commissioners");
            $("#commissionerhead").html("+ County Commissioner Responsibilities");
        }
        else
        {
            $("#topsection").slideUp();
            $("#commissionerlist").slideDown();
            $("#countycommissioners").html("+ Board Of County Commissioners");
            $("#commissionerhead").html("- County Commissioner Responsibilities");
        }
    });
    
    $("#commissionerhead").click(function(){
        if($("#commissionerlist").is(":hidden"))
        {
            $("#topsection").slideUp();
            $("#commissionerlist").slideDown();
            $("#countycommissioners").html("+ Board Of County Commissioners");
            $("#commissionerhead").html("- County Commissioner Responsibilities");
        }
        else
        {
            $("#commissionerlist").slideUp();
            $("#topsection").slideDown();
            $("#countycommissioners").html("- Board Of County Commissioners");
            $("#commissionerhead").html("+ County Commissioner Responsibilities");
        }
    });
    
    $(".yellowheader").hover(function(){
        $(this).css("cursor","pointer");
    },function(){
    });
    
    /*********** Navigation2.ascx **********************/
    /*** Home Button ***/
    $("#home").hover(function(){
        $(this).css("cursor","pointer");
    },function(){
    });
    
    $("#home").click(function(){
        window.location = "Default.aspx";
    });
        
    /*** About Brian Button ***/
    $("#aboutbrian").hover(function(){
        $(this).css("cursor","pointer");
        $("#aboutbrianlinks").fadeIn();
    },function(){
        $("#aboutbrianlinks").hide();
    });
    
    $("#aboutbrianlinks").hover(function(){
        $(this).css("display","block");
    },function(){
        $(this).hide();
    });
    
    $("#aboutbrian").click(function(){
        if($("#aboutbrianlinks").is(":visible"))
            $("#aboutbrianlinks").hide();
        else
            $("#aboutbrianlinks").fadeIn();
    });
    
    /*** Contact Us Button ***/
    $("#contactus").hover(function(){
        $(this).css("cursor","pointer");
        $("#contactuslinks").fadeIn();
    },function(){
        $("#contactuslinks").hide();
    });
    
    $("#contactuslinks").hover(function(){
        $(this).css("display","block");
    },function(){
        $(this).hide();
    });
    
    $("#contactus").click(function(){
        if($("#contactuslinks").is(":visible"))
            $("#contactuslinks").hide();
        else
            $("#contactuslinks").fadeIn();
    });
    
    /*** Constituent Services Button ***/
    $("#constituentservices").hover(function(){
        $(this).css("cursor","pointer");
        $("#serviceslinks").fadeIn();
    },function(){
        $("#serviceslinks").hide();
    });
    
    $("#serviceslinks").hover(function(){
        $(this).css("display","block");
    },function(){
        $(this).hide();
    });
    
    $("#constituentservices").click(function(){
        if($("#serviceslinks").is(":visible"))
            $("#serviceslinks").hide();
        else
            $("#serviceslinks").fadeIn();
    });
    
    /*** About District 2 Button ***/
    $("#aboutdistrict2").hover(function(){
        $(this).css("cursor","pointer");
        $("#aboutd2links").fadeIn();
    },function(){
        $("#aboutd2links").hide();
    });
    
    $("#aboutd2links").hover(function(){
        $(this).css("display","block");
    },function(){
        $(this).hide();
    });
    
    $("#aboutdistrict2").click(function(){
        if($("#aboutd2links").is(":visible"))
            $("#aboutd2links").hide();
        else
            $("#aboutd2links").fadeIn();
    });
    
    /*** In The News Button ***/
    $("#inthenews").hover(function(){
        $(this).css("cursor","pointer");
        $("#newslinks").fadeIn();
    },function(){
        $("#newslinks").hide();
    });
    
    $("#newslinks").hover(function(){
        $(this).css("display","block");
    },function(){
        $(this).hide();
    });
    
    $("#inthenews").click(function(){
        if($("#newslinks").is(":visible"))
            $("#newslinks").hide();
        else
            $("#newslinks").fadeIn();
    });
    
    /***************** d2map.ascx ***************/
    //bethany map area----------------------------------//
    $("#bethany").click(function(){
        $("#mapinfo")
            .animate({ height:"220px",width:"630px"},500);
        $("#bethanyinfo").fadeIn(500);       
    });    
    $("#bethany").mouseover(function(){
        document.getElementById("d2").src = "images/bethany.jpg";
    }).mouseout(function(){
        document.getElementById("d2").src = "images/d2map2.jpg";
    });
          
    //oklahoma city map area------------------------------//
    $("#oklahomacity").click(function(){
        $("#mapinfo")
            .animate({ height:"355px",width:"630px"},500);
        $("#oklahomacityinfo").fadeIn(500);       
    });    
    $("#oklahomacity").mouseover(function(){
        document.getElementById("d2").src = "images/oklahomacity.jpg";
    }).mouseout(function(){
        document.getElementById("d2").src = "images/d2map2.jpg";
    });
    
    //midwest city map area----------------------------//
    $("#midwestcity").click(function(){
        $("#mapinfo")
            .animate({ height:"220px",width:"630px"},500);
        $("#midwestcityinfo").fadeIn(500);       
    });    
    $("#midwestcity").mouseover(function(){
        document.getElementById("d2").src = "images/midwestcity.jpg";
    }).mouseout(function(){
        document.getElementById("d2").src = "images/d2map2.jpg";
    });
    
    //choctaw map area----------------------------//
    $("#choctaw").click(function(){
        $("#mapinfo")
            .animate({ height:"220px",width:"630px"},500);
        $("#choctawinfo").fadeIn(500);       
    });    
    $("#choctaw").mouseover(function(){
        document.getElementById("d2").src = "images/choctaw.jpg";
    }).mouseout(function(){
        document.getElementById("d2").src = "images/d2map2.jpg";
    });
    
    //harrah map area----------------------------//
    $("#harrah").click(function(){
        $("#mapinfo")
            .animate({ height:"220px",width:"630px"},500);
        $("#harrahinfo").fadeIn(500);       
    });    
    $("#harrah").mouseover(function(){
        document.getElementById("d2").src = "images/harrah.jpg";
    }).mouseout(function(){
        document.getElementById("d2").src = "images/d2map2.jpg";
    });
    
    //delcity map area----------------------------//
    $("#delcity").click(function(){
        $("#mapinfo")
            .animate({ height:"220px",width:"630px"},500);
        $("#delcityinfo").fadeIn(500);       
    });    
    $("#delcity").mouseover(function(){
        document.getElementById("d2").src = "images/delcity.jpg";
    }).mouseout(function(){
        document.getElementById("d2").src = "images/d2map2.jpg";
    });
    
    //valleybrook map area----------------------------//
    $("#valleybrook").click(function(){
        $("#mapinfo")
            .animate({ height:"220px",width:"630px"},500);
        $("#valleybrookinfo").fadeIn(500);       
    });    
    $("#valleybrook").mouseover(function(){
        document.getElementById("d2").src = "images/valleybrook.jpg";
    }).mouseout(function(){
        document.getElementById("d2").src = "images/d2map2.jpg";
    });
    
    //close div function------------------------------//
    $("#closemap").click(function(){
        $("#mapinfo")
            .animate({ height:"0px",width:"0px"},500);
        $("#mapinfo").fadeOut(500);
		$("#mapinfo table").fadeOut(500);		
    });
});

function emailForm(url)
{
    var subject = "Read This District 2 Article";
    var body = "- Oklahoma County District 2 News Article - Click here to read:  "+ encodeURIComponent(url);
    window.location = "mailto:&Subject="+subject+"&body="+body;    
}