$(function() {


	///**** Drop Down Menu ****/
    $('ul.main-nav').superfish({ 
		delay:       250,
		animation:   {'marginTop':'0px',opacity:'show',height:'show'},
		speed:       250,
		autoArrows:  true,
		onBeforeShow: function(){ this.css({'marginTop':'20px'}); },
		dropShadows: false
	});



	///**** Portfolio Filtering ****/
    $('ul#portfolio-list').filterable({
        useHash: true,
        animationSpeed: 1000,
        useTags: true,
        tagSelector: '#portfolio-filter a',
        selectedTagClass: 'current',
        allTag: 'all'
    });



	///**** Start Slider ****/
	// Set up vars
    var featured_area = $('#header-slides'),
        feature_thumb = $('#slide-thumb-container img'),
        ordernum = 1,
        pause_scroll = false,
        slider_control = $('#slide-thumb-container'),
        slider_control_tab = feature_thumb.parent('a'),
        default_div = $('div#default-description');
    
    // Initiate Slider
	$('#main-header div#header-slides').cycle({
		timeout:        0,
		speed:          500,
		cleartypeNoBg:  true,
		fx:             'fade'
	});
	
    function gonext(this_element){
        slider_control.find("img.active").removeClass('active');
        this_element.find("img").addClass('active');

        ordernum = this_element.prevAll('a').length+1;
        featured_area.cycle(ordernum - 1);
    };
    slider_control_tab.click(function() {
        clearInterval(interval);
        gonext($(this));
        return false;
    });
    
    $('div#prev-slide, div#next-slide').click(function() {
        clearInterval(interval);

        if ($(this).attr("id") === 'next-slide') {
            auto_number = slider_control.find("img.active").parent().prevAll('a').length+1;
            if (auto_number === slider_control_tab.length) auto_number = 0;
        } else {
            auto_number = slider_control.find("img.active").parent().prevAll('a').length-1;
            if (auto_number === -1) auto_number = slider_control_tab.length-1;
        };
        gonext(slider_control_tab.eq(auto_number));
        return false;
    });
    
    feature_thumb.hover(function(){
        next_div = $(this).parent('a').next('div');
        next_div.fadeTo('fast',1);
        $(this).fadeTo('fast',0.75);
    },function(){
        next_div.fadeTo('fast',0);
        $(this).fadeTo('fast',1);
    });
    
    $('#slide-thumb-container').hover(function() {
        default_div.fadeTo('fast',0);
    },function() {
        default_div.fadeTo('fast',1);
    });
    

    var auto_number;
    var interval;
    slider_control_tab.bind('autonext', function autonext(){
        if (!pause_scroll) gonext($(this));
        return false;
    });
    interval = setInterval(function () {
        auto_number = slider_control.find("img.active").parent().prevAll('a').length+1;
        if (auto_number === slider_control_tab.length) auto_number = 0;
	    slider_control_tab.eq(auto_number).trigger('autonext');
	}, 10000);
	/**** End Slider ****///
	
	
	
	///**** Clickables ****/
	$('div.logo').css('cursor','pointer').click(function() {
		window.location = './';
	});
	$('div#topdrop-container div.topdrop-clickable').click(function() {
		$('div#topdrop-container div.dropper').slideToggle();
	});
	$('button.portfolio').click(function() {
	    window.location = 'company_portfolio.aspx';
	});
	$('button.website').click(function() {
	    window.location = 'services_website.aspx';
	});
	$('button.software').click(function() {
	    window.location = 'services_software.aspx';
	});
	$('button.network').click(function() {
	    window.location = 'services_networking.aspx';
	});
	$('button.contact-us').click(function() {
	    window.location = 'contact.aspx';
	});
	$('button.all-news').click(function() {
	    window.location = 'news.aspx';
	});
	$('button.lothawk').click(function() {
	    window.location = 'products_lothawk.aspx';
	});
	
	
	///**** Clear Inputs on Focus ****/
	$('div#topdrop-container input').focus(function(){
	    $(this).attr('title', $(this).val() );
	    $(this).val('');
	}).blur(function() {
	    if( $(this).val() == '' )
	        $(this).val($(this).attr('title'));
	});
});