$(document).ready( function()
{
     //$.ajaxSetup({ cache: false });
     var viewportwidth;
     var viewportheight;
     document.body.style.overflow = 'hidden';
     // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

     if (typeof window.innerWidth != 'undefined')
     {
          viewportwidth = window.innerWidth,
          viewportheight = window.innerHeight
     }

    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

     else if (typeof document.documentElement != 'undefined'
         && typeof document.documentElement.clientWidth !=
         'undefined' && document.documentElement.clientWidth != 0)
     {
           viewportwidth = document.documentElement.clientWidth,
           viewportheight = document.documentElement.clientHeight
     }

     // older versions of IE

     else
     {
           viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
           viewportheight = document.getElementsByTagName('body')[0].clientHeight
     }

    // display time in footer
    var refreshId = setInterval(function()
    {
        var calendarDate = getCalendarDate();
        var clockTime = getClockTime();
        var date = new Date();
        var d=new Date();
        var weekday=new Array(7);
        weekday[0]="Sun";
        weekday[1]="Mon";
        weekday[2]="Tue";
        weekday[3]="Wed";
        weekday[4]="Thu";
        weekday[5]="Fri";
        weekday[6]="Sat";
        $('#newsmap-details-bottom-left-date').html(weekday[d.getDay()]+' '+calendarDate+' '+clockTime);
    }, 1000);

    $.ajaxSetup({cache: false});
   
    // initial loading
    var query_string = '';
    $("input[type='checkbox'][name='checkbox_name']").each(
    function()
    {
        if(this.checked)
        {
            query_string += "&checkbox_name[]=" + this.value;
        }
    });

    $.ajax(
    {
          type:"POST",
          url : "content.php",
          data:"width="+viewportwidth+"&height="+viewportheight+query_string,
          success:function(data){
             $("div#innerwrap").empty().append(data);
             $('.jtextfill').textfill({maxFontPixels: 90});
             initial_loading = 0;
          },
          error: function(data)
                        {
                         // alert(data);
                          return;
                        }
    });
    
    // event on clicking select all button
    $("#categorybutton").click(
        function()
        {
            var query_string = '';
            // world
            $(".world").css('background-color','#9C1F1F');
            $("#world_1").css('background-color','#4E0F0F');
            $("#world_2").css('background-color','#270707');
            // business
            $(".business").css('background-color','#9C891F');
            $("#business_1").css('background-color','#4E440F');
            $("#business_2").css('background-color','#272207');
            // comedy
            $(".comedy").css('background-color','#449C1F');
            $("#comedy_1").css('background-color','#224E0F');
            $("#comedy_2").css('background-color','#112707');
            // technology
            $(".technology").css('background-color','#1F9C66');
            $("#technology_1").css('background-color','#0F4E33');
            $("#technology_2").css('background-color','#072719');
            // sports
            $(".sports").css('background-color','#1F689C');
            $("#sports_1").css('background-color','#0F344E');
            $("#sports_2").css('background-color','#071A27');
            // health
            $(".health").css('background-color','#421F9C');
            $("#health_1").css('background-color','#210F4E');
            $("#health_2").css('background-color','#100727');
            // entertainment
            $(".entertainment").css('background-color','#9C1F8B');
            $("#entertainment_1").css('background-color','#4E0F45');
            $("#entertainment_2").css('background-color','#270723');            

            $("input[type='checkbox'][name='checkbox_name']").each(
            function()
            { 
                $(this).attr('checked','checked');
                query_string += "&checkbox_name[]=" + this.value;                
            });
            $.ajax(
            {
                type:"POST",
                url : "content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {   
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
        });

    // event on cliking check boxes
    $(".cb-element").click(
        function()
        {
            var query_string = '';
            var cat_count = 0;
            var cat_array = ["world", "business","comedy", "technology", "sports", "health", "entertainment"];
            var checked_cat_array = new Array();
            $("input[type='checkbox'][name='checkbox_name']").each(
            function()
            {
                if(this.checked)
                {
                    checked_cat_array[cat_count] = this.value;
                    query_string += "&checkbox_name[]=" + this.value;
                    // setting category colors as per event
                    if(this.value == 'world')
                    {
                        $(".world").css('background-color','#9C1F1F');
                        $("#world_1").css('background-color','#4E0F0F');
                        $("#world_2").css('background-color','#270707');
                    }
                    else if(this.value == 'business')
                     {
                         $(".business").css('background-color','#9C891F');
                         $("#business_1").css('background-color','#4E440F');
                         $("#business_2").css('background-color','#272207');
                     }
                     else if(this.value == 'comedy')
                     {
                         $(".comedy").css('background-color','#449C1F');
                         $("#comedy_1").css('background-color','#224E0F');
                         $("#comedy_2").css('background-color','#112707');
                     }
                     else if(this.value == 'technology')
                     {
                         $(".technology").css('background-color','#1F9C66');
                         $("#technology_1").css('background-color','#0F4E33');
                         $("#technology_2").css('background-color','#072719');
                     }
                     else if(this.value == 'sports')
                     {
                         $(".sports").css('background-color','#1F689C');
                         $("#sports_1").css('background-color','#0F344E');
                         $("#sports_2").css('background-color','#071A27');
                     }
                     else if(this.value == 'health')
                     {
                         $(".health").css('background-color','#421F9C');
                         $("#health_1").css('background-color','#210F4E');
                         $("#health_2").css('background-color','#100727');
                     }
                     else if(this.value == 'entertainment')
                     {
                         $(".entertainment").css('background-color','#9C1F8B');
                         $("#entertainment_1").css('background-color','#4E0F45');
                         $("#entertainment_2").css('background-color','#270723');
                     }
                    cat_count++; // counter for categories
                }
            });

            // changing the color of unchecked categories
            var i=0, j;
            for( i=0; i<cat_array.length; i++)
                {
                    var flag= 0;
                    for(j=0; j<checked_cat_array.length; j++)
                        {
                            if( cat_array[i] == checked_cat_array[j] )
                                {
                                    flag=1;
                                    break;
                                }
                        }
                        if( flag == 0)
                            {
                                if(cat_array[i] == 'world')
                                    {
                                        $(".world").css('background-color','#606060');
                                        $("#world_1").css('background-color','#353535');
                                        $("#world_2").css('background-color','#181818');
                                    }
                                    else
                                        {
                                            $("."+cat_array[i]+"").css('background-color','#606060');
                                            $("#"+cat_array[i]+"_1").css('background-color','#353535');
                                            $("#"+cat_array[i]+"_2").css('background-color','#181818');
                                        }
                            }
                }

            if(cat_count > 0)
              {
                    $.ajax(
                    {
                        type:"POST",
                        url :"content.php",
                        data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                        success:function(data)
                                {
                                     $("div#innerwrap").empty().append(data);
                                     if(cat_count == 8)
                                        $('.jtextfill').textfill({maxFontPixels: 40});
                                     else if(cat_count == 7)
                                         $('.jtextfill').textfill({maxFontPixels: 50});
                                            else if(cat_count == 6)
                                                $('.jtextfill').textfill({maxFontPixels: 90});
                                                else if(cat_count == 5)
                                                    $('.jtextfill').textfill({maxFontPixels: 70});
                                                    else if(cat_count == 4)
                                                        $('.jtextfill').textfill({maxFontPixels: 80});
                                                        else if(cat_count == 3)
                                                            $('.jtextfill').textfill({maxFontPixels: 80});
                                                            else if(cat_count == 2 )
                                                                $('.jtextfill').textfill({maxFontPixels: 90});
                                                                else
                                                                    $('.jtextfill').textfill({maxFontPixels: 90});

                                },
                        error: function(data)
                                {
                                   // alert(data);
                                    return;
                                }
                   });
                }
             }
    );

    // keeping atleast one checkbox selected
    $(".cb-element").click(
        function(){
            var n = $("input:checkbox:checked").length;
            if( n == 0 )
                {
                    var query_string = '';
                    $(".world").css('background-color','#9C1F1F');
                    $("#world_1").css('background-color','#4E0F0F');
                    $("#world_2").css('background-color','#270707');
                    $("#chkbox_selected").attr("checked", "checked");
                    $(".business, .comedy, .technology, .sports, .health, .entertainment").css('background-color','#606060');
                    $("#business_1, #comedy_1, #technology_1, #sports_1, #health_1, #entertainment_1").css('background-color','#353535');
                    $("#business_2, #comedy_2, #technology_2, #sports_2, #health_2, #entertainment_2").css('background-color','#181818');
                    query_string += "&checkbox_name[]=" + $("#chkbox_selected").val();
                    $.ajax(
                    {
                        type:"POST",
                        url :"content.php",
                        data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                        success:function(data)
                                {
                                     $("div#innerwrap").empty().append(data);
                                     $('.jtextfill').textfill({maxFontPixels: 90});
                                },
                        error: function(data)
                                {
                                   // alert(data);
                                    return;
                                }
                   });
               }
         });

    // event on window resize
    $(window).bind('resize',function()
                            {
                                window.location.href = window.location.href;
                            });

    // event on clicking category area -> deselect all checkboxes except current category checkbox : world
    $(".world_bottom, .world_bottom_class, #world_1, #world_2").click(
    function()
    {
        $(".cb-element").attr("checked", false);
        $("#chkbox_selected").attr("checked", "checked");

        $(".world").css('background-color','#9C1F1F');
        $("#world_1").css('background-color','#4E0F0F');
        $("#world_2").css('background-color','#270707');

        $(".business, .comedy, .technology, .sports, .health, .entertainment").css('background-color','#606060');
        $("#business_1, #comedy_1, #technology_1, #sports_1, #health_1, #entertainment_1").css('background-color','#353535');
        $("#business_2, #comedy_2, #technology_2, #sports_2, #health_2, #entertainment_2").css('background-color','#181818');

        var query_string = '';
        query_string += "&checkbox_name[]=" + $("#chkbox_selected").val();
            $.ajax(
            {
                type:"POST",
                url :"content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
    });

    // event on clicking category area -> deselect all checkboxes except current category checkbox : business
    $(".business_bottom, .business_bottom_class, #business_1, #business_2").click(
    function()
    {
        $(".cb-element").attr("checked", false);
        $("#chkbox_business").attr("checked", "checked");

        $(".business").css('background-color','#9C891F');
        $("#business_1").css('background-color','#4E440F');
        $("#business_2").css('background-color','#272207');

        $(".world, .comedy, .technology, .sports, .health, .entertainment").css('background-color','#606060');
        $("#world_1, #comedy_1, #technology_1, #sports_1, #health_1, #entertainment_1").css('background-color','#353535');
        $("#world_2, #comedy_2, #technology_2, #sports_2, #health_2, #entertainment_2").css('background-color','#181818');

        var query_string = '';
        query_string += "&checkbox_name[]=" + $("#chkbox_business").val();
            $.ajax(
            {
                type:"POST",
                url :"content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
    });

    // event on clicking category area -> deselect all checkboxes except current category checkbox : comedy
    $(".comedy_bottom, .comedy_bottom_class, #comedy_1, #comedy_2").click(
    function()
    {
        $(".cb-element").attr("checked", false);
        $("#chkbox_comedy").attr("checked", "checked");

        $(".comedy").css('background-color','#449C1F');
        $("#comedy_1").css('background-color','#224E0F');
        $("#comedy_2").css('background-color','#112707');

        $(".world, .business, .technology, .sports, .health, .entertainment").css('background-color','#606060');
        $("#world_1, #business_1, #technology_1, #sports_1, #health_1, #entertainment_1").css('background-color','#353535');
        $("#world_2, #business_2, #technology_2, #sports_2, #health_2, #entertainment_2").css('background-color','#181818');

        var query_string = '';
        query_string += "&checkbox_name[]=" + $("#chkbox_comedy").val();
            $.ajax(
            {
                type:"POST",
                url :"content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
    });

    // event on clicking category area -> deselect all checkboxes except current category checkbox : technology
    $(".technology_bottom, .technology_bottom_class, #technology_1, #technology_2").click(
    function()
    {
        $(".cb-element").attr("checked", false);
        $("#chkbox_technology").attr("checked", "checked");

        $(".technology").css('background-color','#1F9C66');
        $("#technology_1").css('background-color','#0F4E33');
        $("#technology_2").css('background-color','#072719');

        $(".world, .comedy, .business, .sports, .health, .entertainment").css('background-color','#606060');
        $("#world_1, #comedy_1, #business_1, #sports_1, #health_1, #entertainment_1").css('background-color','#353535');
        $("#world_2, #comedy_2, #business_2, #sports_2, #health_2, #entertainment_2").css('background-color','#181818');

        var query_string = '';
        query_string += "&checkbox_name[]=" + $("#chkbox_technology").val();
            $.ajax(
            {
                type:"POST",
                url :"content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
    });

    // event on clicking category area -> deselect all checkboxes except current category checkbox : sports
    $(".sports_bottom, .sports_bottom_class, #sports_1, #sports_2").click(
    function()
    {
        $(".cb-element").attr("checked", false);
        $("#chkbox_sports").attr("checked", "checked");

        $(".sports").css('background-color','#1F689C');
        $("#sports_1").css('background-color','#0F344E');
        $("#sports_2").css('background-color','#071A27');

        $(".world, .comedy, .technology, .business, .health, .entertainment").css('background-color','#606060');
        $("#world_1, #comedy_1, #technology_1, #business_1, #health_1, #entertainment_1").css('background-color','#353535');
        $("#world_2, #comedy_2, #technology_2, #business_2, #health_2, #entertainment_2").css('background-color','#181818');

        var query_string = '';
        query_string += "&checkbox_name[]=" + $("#chkbox_sports").val();
            $.ajax(
            {
                type:"POST",
                url :"content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
    });

    // event on clicking category area -> deselect all checkboxes except current category checkbox : health
    $(".health_bottom, .health_bottom_class, #health_1, #health_2").click(
    function()
    {
        $(".cb-element").attr("checked", false);
        $("#chkbox_health").attr("checked", "checked");

        $(".health").css('background-color','#421F9C');
        $("#health_1").css('background-color','#210F4E');
        $("#health_2").css('background-color','#100727');

        $(".world, .comedy, .technology, .business, .sports, .entertainment").css('background-color','#606060');
        $("#world_1, #comedy_1, #technology_1, #business_1, #sports_1, #entertainment_1").css('background-color','#353535');
        $("#world_2, #comedy_2, #technology_2, #business_2, #sports_2, #entertainment_2").css('background-color','#181818');

        var query_string = '';
        query_string += "&checkbox_name[]=" + $("#chkbox_health").val();
            $.ajax(
            {
                type:"POST",
                url :"content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
    });

    // event on clicking category area -> deselect all checkboxes except current category checkbox : entertainment
    $(".entertainment_bottom, .entertainment_bottom_class, #entertainment_1, #entertainment_2").click(
    function()
    {
        $(".cb-element").attr("checked", false);
        $("#chkbox_entertainment").attr("checked", "checked");

        $(".entertainment").css('background-color','#9C1F8B');
        $("#entertainment_1").css('background-color','#4E0F45');
        $("#entertainment_2").css('background-color','#270723');

        $(".world, .comedy, .technology, .business, .sports, .health").css('background-color','#606060');
        $("#world_1, #comedy_1, #technology_1, #business_1, #sports_1, #health_1").css('background-color','#353535');
        $("#world_2, #comedy_2, #technology_2, #business_2, #sports_2, #health_2").css('background-color','#181818');

        var query_string = '';
        query_string += "&checkbox_name[]=" + $("#chkbox_entertainment").val();
            $.ajax(
            {
                type:"POST",
                url :"content.php",
                data:"width="+viewportwidth+"&height="+viewportheight+query_string,
                success:function(data)
                        {
                             $("div#innerwrap").empty().append(data);
                             $('.jtextfill').textfill({maxFontPixels: 90});
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
           });
    });

    // pop-up for contact 
    // When you click on a link with class of poplight and the href starts with a #
    $('a.poplight[href^=#]').click(function() {
            var popID = $(this).attr('rel'); //Get Popup Name
            var popURL = $(this).attr('href'); //Get Popup href to define size

            //Pull Query & Variables from href URL
            var query= popURL.split('?');
            var dim= query[1].split('&');
            var popWidth = dim[0].split('=')[1]; //Gets the first query string value

            //Fade in the Popup and add close button
            $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="./images/cancel.png" class="btn_close" title="Close Window" alt="Close" /></a>');

            //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
            var popMargTop = ($('#' + popID).height() + 80) / 2;
            var popMargLeft = ($('#' + popID).width() + 80) / 2;

            //Apply Margin to Popup
            $('#' + popID).css({
                    'margin-top' : -popMargTop,
                    'margin-left' : -popMargLeft
            });

            //Fade in Background
            $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
            $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer

            return false;
    });

    //Close Popups and Fade Layer
    $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
            $('#fade , .popup_block').fadeOut(function() {
                    $('#fade, a.close').remove();
    }); //fade them both out

            return false;
    });

    // contact form validation
    $("#contact_send").click(
    function()
    {
        var name = $('#contact-name').val();
        var email = $('#contact-email').val();
        var comment = $('#comment_text').val();
        var submit = 1;
        var emailReg = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
        var flag = 1 ;
        if(!emailReg.test(email)){ flag = 0; }
        if( name == '' )
        {
            $('#contact-name').next().html('Please Enter your name').css('color','#CC0000').css('padding','0px');
            submit = 0;
        }
        else
            {
                $('#contact-name').next().html('');
            }
        if( email == '' || email == 'your email' || flag=='0')
        {
            $('#contact-email').next().html('Please Enter valid email').css('color','#CC0000').css('padding','0px');
            submit = 0;
        }
        else
            {
                $('#contact-email').next().html('');
            }
        if( comment == '')
        {
            $('#comment_text').next().html('Please Enter your comment.').css('color','#CC0000').css('padding','0px');
            submit = 0;
        }
        else
            {
                $('#comment_text').next().html('');
            }
        if( submit == 1)
        {
            var query_string = '';
            query_string = "email="+email+"&name="+name+"&comment="+comment ;
            $.ajax(
            {
                type:"POST",
                url :"mail.php",
                data: query_string,
                success:function(data)
                        {
                             $('#comment_text').next().html('Your Comment is saved successfully.<br>Thank you for your Comment!').css('color','#009900');
                        },
                error: function(data)
                        {
                           // alert(data);
                            return;
                        }
            });
        }
    });

    // loading bar
    $('#loadingbar img').show()  // hide it initially
    .ajaxStart(function(){
                            $(this).show().css('position', 'absolute').css('height','12px');
                        })
    .ajaxStop(function(){
                            $(this).hide().css('position', 'relative').css('height','6px');
                        })
});

    function getCalendarDate()
    {
       var months = new Array(13);
       months[0]  = "January";
       months[1]  = "February";
       months[2]  = "March";
       months[3]  = "April";
       months[4]  = "May";
       months[5]  = "June";
       months[6]  = "July";
       months[7]  = "August";
       months[8]  = "September";
       months[9]  = "October";
       months[10] = "November";
       months[11] = "December";
       var now         = new Date();
       var monthnumber = now.getMonth();
       var monthname   = months[monthnumber];
       var monthday    = now.getDate();
       var year        = now.getYear();
       if(year < 2000) {year = year + 1900;}
       var dateString = monthname +
                        ' ' +
                        monthday +
                        ', ' +
                        year;
       return dateString;
    } // function getCalendarDate()

    function getClockTime()
    {
       var now    = new Date();
       var hour   = now.getHours();
       var minute = now.getMinutes();
       var second = now.getSeconds();
       var ap = "AM";
       if (hour   > 11) {ap = "PM";}
       if (hour   > 12) {hour = hour - 12;}
       if (hour   == 0) {hour = 12;}
       if (hour   < 10) {hour   = "0" + hour;}
       if (minute < 10) {minute = "0" + minute;}
       if (second < 10) {second = "0" + second;}
       var timeString = hour +
                        ':' +
                        minute +
                        ':' +
                        second +
                        " " +
                        ap;
       return timeString;
    } // function getClockTime()