$(document).ready(function() {
    //FANCYBOX
    //    $("a.readit").fancybox({
    //        'width': 600,
    //        'height': 640,
    //        'autoScale': false,
    //        'overlayColor': '#333',
    //        'overlayOpacity': 0.6,
    //        'hideOnOverlayClick': false,
    //        'transitionIn': 'elastic',
    //        'transitionOut': 'elastic',
    //        'type': 'iframe'
    //    });
    //    $("a.FancyLogin").fancybox({
    //        'width': 260,
    //        'height': 235,
    //        'autoScale': false,
    //        'overlayColor': '#333',
    //        'overlayOpacity': 0.6,
    //        'hideOnOverlayClick': false,
    //        'transitionIn': 'elastic',
    //        'transitionOut': 'elastic',
    //        'type': 'iframe',
    //        'onClosed': function() { parent.location.reload(true); }
    //    });
    //    $("a.FancyEmail").fancybox({
    //        'width': 260,
    //        'height': 235,
    //        'autoScale': false,
    //        'overlayColor': '#333',
    //        'overlayOpacity': 0.6,
    //        'hideOnOverlayClick': false,
    //        'transitionIn': 'elastic',
    //        'transitionOut': 'elastic',
    //        'type': 'iframe'
    //    });

    //TAB
    $(".tab_content").hide();
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show();

    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();
        return false;
    });

    $(".tab_content2").hide();
    $("ul.tabs2 li:first").addClass("active").show();
    $(".tab_content2:first").show();

    $("ul.tabs2 li").click(function() {
        $("ul.tabs2 li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content2").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();
        return false;
    });

    //MANSET
    $("#MansetImage").mouseover(function() {
        $("#readFast").fadeIn();
    });
    $("#MansetImage").mouseout(function() {
        $("#readFast").fadeOut();
    });

    // COLOR BOX
    //Examples of how to assign the ColorBox event to elements
    $("a[rel='example1']").colorbox();
    $("a[rel='example2']").colorbox({ transition: "fade" });
    $("a[rel='example3']").colorbox({ transition: "none", width: "75%", height: "75%" });
    $("a[rel='example4']").colorbox({ slideshow: true });
    $(".example5").colorbox();
    $(".example6").colorbox({ iframe: true, innerWidth: 425, innerHeight: 344 });
    $(".example7").colorbox({ width: "620", height: "90%", iframe: true });
    $(".colorboxEmail").colorbox({ width: "300", height: "300", iframe: true });
    $(".example8").colorbox({ width: "50%", inline: true, href: "#inline_example1" });
    $(".example9").colorbox({
        onOpen: function() { alert('onOpen: colorbox is about to open'); },
        onLoad: function() { alert('onLoad: colorbox has started to load the targeted content'); },
        onComplete: function() { alert('onComplete: colorbox has displayed the loaded content'); },
        onCleanup: function() { alert('onCleanup: colorbox has begun the close process'); },
        onClosed: function() { alert('onClosed: colorbox has completely closed'); }
    });

    //Example of preserving a JavaScript event for inline calls.
    $("#click").click(function() {
        $('#click').css({ "background-color": "#f00", "color": "#fff", "cursor": "inherit" }).text("Open this window again and this message will still be here.");
        return false;
    });
});