$(function(){

    $("ul.dropdown li .parent, ul.dropdown li .not-parent").hover(function(){
    
        $(this).addClass("hover");
        $('ul:first',this).css('visibility', 'visible');
    
    }, function(){
    
        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');
    
    });
    
    $("ul.dropdown li ul li:has(ul)").find("a:first").addClass("has-sub");

});

$(document).ready(function() {

    // Add pdf icons to pdf links
    $("a[href$='.pdf']").addClass("pdf");
 
    // Add txt icons to document links (doc)
    $("a[href$='.doc'], a[href$='.docx']").addClass("doc");
    
    $("a[href$='.txt'], a[href$='.rft']").addClass("txt");
 
    // Add zip icons to Zip file links (zip, rar)
    $("a[href$='.zip'], a[href$='.rar']").addClass("zip"); 
 
    // Add email icons to email links
    $("a[href$='.xls'], a[href$='.xlsx']").addClass("excel");

    // Code to add in left/right image navigation on news START Cycle plugin must be added.
    $("#news-fading-image").hover(function() {
       $(".next").animate({opacity: "show"}, "fast");
     }, function() {
       $(".next").animate({opacity: "hide"});
     });
    
    $(".next").hide();
    
    $(".prev").hide();
    
    $("#news-fading-image").hover(function() {
          $(".prev").animate({opacity: "show"}, "fast");
      }, function() {
        $(".prev").animate({opacity: "hide"});
     });

          $("a.next-btn").hover(function() {
            $(".next").animate({opacity: "show"}, "fast");
         });

          $("a.prev-btn").hover(function() {
            $(".prev").animate({opacity: "show"}, "fast");
         });
});
    // Code to add in left/right image navigation on news END Cycle plugin must be added.
    // Code for rotating news with main image and should be pretty similar for all sites. May want to look at the fx and timeout to customize. .
$(function(){
    $('#news-fading-image').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 5000,
        prev:   '#prev',
        next:   '#next',
        cleartype: 1,
        pager:  '#news-fading-list',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#news-fading-list li:eq(' + (idx) + ') a';
        },
        pagerEvent: 'mouseover'
    });
});
// Code for rotating news with main emage and should be pretty similar for all sites. May want to look at the fx and timeout to customize. .
$(document).ready(
        function(){
          $('.sponsrotate').cycle({
            fx:    'fade',
            random: true,
            speed:  2000     
          });         
      });

// Code for search box removes the text when click there is also html5 for this but doesn't work in all browsers.
function clickclear(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
thisfield.value = "";
}
}

function clickrecall(thisfield, defaulttext) {
if (thisfield.value == "") {
thisfield.value = defaulttext;
}
}

// Code for news wrap. Creates a loading bar whilst jquery is loading instead of displaying all the content down the page.
$(document).ready(function(){
$("#news-wrap").each(function(){
      $(this).removeClass("loadingcycle");
});
$(".loadingbox").each(function(){
      $(this).removeClass("loadingimage");
});
});

// TABS Code
    $(function(){
          $("ul.tabs").tabs("div.panes > div");
  });

$(document).ready(function(){
     $("#embed").append("<div id ='first-vid'></div>");
     $.getJSON("http://gdata.youtube.com/feeds/api/users/LadderTV1/uploads?max-results=1&orderby=published&v=2&alt=jsonc&callback=?", function(data) {
        var dataContainer = $("#first-vid");
        $.each(data.data.items, function(i, val) {
            if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') {
                dataContainer.append("<iframe width='300' height='250' src='http://www.youtube.com/embed/"+val.id+"?rel=0&autohide=1&amp;wmode=transparent' frameborder='0' name='vid-frame' style='z-index:1' allowfullscreen></iframe>");
      }
        });
    });
});