/***********************************************************************************************************************
DOCUMENT: includes/javascript.js
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 3/26/2009
UPDATED: 3/25/2010
DESCRIPTION: This is the JavaScript required to create the accordion style menu.  Requires jQuery library
NOTE: Because of a bug in jQuery with IE8 we had to add an IE stylesheet hack to get the system to work in all browsers. I hate hacks but had no choice :(.
************************************************************************************************************************/
$(document).ready(function() {
	 
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton').removeClass('on');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent').slideUp('normal');
   
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(this).next().is(':hidden') == true) {
			
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('fast');
		 } 
		  
	 });
	  
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	
	$('.accordionContent').hide();

        //TAB MENU
        $('#tabbed li').hover(
            function () {
            //show its submenu
            $('ul', this).show(100);

            },
            function () {
            //hide its submenu
            $('ul', this).hide(300);
            }
        );
            
        $( "#tabs" ).tabs();
        



        // increase the default animation speed to exaggerate the effect
        $.fx.speeds._default = 1000;
        $( "#dialog" ).dialog({
            autoOpen: false,
            show: "fade",
            hide: "fade",
            modal: true, 
            resizable: false
        });

        $( "#dialog2" ).dialog({
            autoOpen: false,
            show: "fade",
            hide: "fade",
            modal: true, 
            resizable: false
        });

        $( "#dialogMap" ).dialog({
            autoOpen: false,
            show: "fade",
            hide: "fade",
            width: 670,
            modal: true, 
            resizable: false
        });

        $( "#opener" ).click(function() {
            $( "#dialog" ).dialog( "open" );
            $( "iframe" ).hide();
        });

        $( "#opener2" ).click(function() {
            $( "#dialog2" ).dialog( "open" );
            $( "iframe" ).hide();
        });

        $( "#openMap" ).click(function() {
            $( "#dialogMap" ).dialog( "open" );
            $( "iframe" ).hide();
        });

        $( "#openMapLink" ).click(function() {
            $( "#dialogMap" ).dialog( "open" );
            $( "iframe" ).hide();
        });

        $( "#canadaMinimap" ).click(function() {
            $( "#dialogMap" ).dialog( "open" );
            $( "iframe" ).hide();
        });

        //clears the kitten
        $( ".ui-icon-closethick" ).click(function() {
            $( "iframe" ).show();
        });

        //input clearer
        $( "input" ).focus(function() {
            $(this).val("");
        });
        $( "textarea" ).focus(function() {
            $(this).val("");
        });

});

function changeOFP() {
    var provinceId = document.getElementsByName("chProvince")[0].value;
    
    $("#chOrn").html("");
    
    //console.log(provinceId);
    $.post("/"+App.lang+"/ajax/changeregionoptions.json", "provinceId="+provinceId, function(data) {
        
        var objJSON = jQuery.parseJSON(data);
        //Check if there are regions for this province.
        if(data==0){
            $("#chOrn").html("");
        
            //This province does not have a region.  Send the message.
            if(App.lang == 'en')
                $("#chOrn").append("<option value=\"0\">Sorry, there are no regions for this province.</option>");
            else
                $("#chOrn").append("<option value=\"0\">Désolé, il n'y a pas de régions de cette province.</option>"); 
        }else{
            //Show the regions
            $.each(objJSON, function(key, value) {
               // console.log("<option value=\""+value.lid+"\">"+value.name+"</option>");
                 $("#chOrn").append("<option value=\""+value.lid+"\">"+value.name+"</option>");
            });
        }
    });
    $("#btnChRg").remove();
    $("#formChRg").append("<input id=\"btnChRg\" style=\"cursor:pointer;\" class=\"mapselect\" type=\"submit\" value=\"Go\" />");
}