function UW_Slideshow ( object ) {
this.object = object;
this.list = null;
this.list_el = null;
this.list_name = null;
this.list_nav = null;
this.item_current = null;
this.index_current = 0;
this.list_length = 0;
this.width_window = 0;
this.interval = null;
this.slideshow_interval = 7000;
this.init = function( el_list, el_nav ) {
this.list_name = el_list;
this.list_el = $( this.list_name );
this.list = this.list_el.children('.banner');
this.list_nav = $( el_nav ).children('li');
this.item_current = this.list.eq( this.index_current );
this.list_length = this.list.length;
this.clone_item();
this.set_window();
this.start_slideshow();
}
this.clone_item = function() {
this.item_current.clone().appendTo( this.list_name );
}
this.set_window = function() {
this.width_window = $( window ).width();
$('.banner').css('width',this.width_window);
}
this.go_next = function() {
var new_index = this.index_current + 1;
if ( new_index >= this.list_length ) {
this.go_wrap( new_index );
} else {
this.go_to( new_index );
}
}
this.go_to = function( index, stop_slideshow ) {
if ( stop_slideshow==null ) stop_slideshow=false;
var new_left = index * this.width_window * -1 ;
var text_el = this.item_current.find('.banner_text').eq(0);
var list_el = this.list_el;
var self = this;
var text_el_left = text_el.css('left');
this.index_current = index;
this.item_current = this.list.eq( this.index_current );
// animate text
text_el.animate({
left: -200
}, 600, function() {
// animate text back
text_el.animate({
left: text_el_left
}, 2000);
});
// animate slide
list_el.animate({
left: new_left
}, 2000, function() {
self.update_nav();
self.update_highlight();
} );
if ( stop_slideshow ) this.stop_slideshow();
}
this.go_wrap = function( index ) {
var new_left = index * this.width_window * -1 ;
var list_el = this.list_el;
var text_el = this.item_current.find('.banner_text').eq(0);
var self = this;
var text_el_left = text_el.css('left');
this.index_current = 0;
this.item_current = this.list.eq( this.index_current );
// animate text
text_el.animate({
left: -200
}, 600, function() {
// animate text back
text_el.animate({
left: text_el_left
}, 2000);
});
// animate slide
list_el.animate({
left: new_left
}, 2000, function() {
list_el.css('left',0);
self.update_nav();
self.update_highlight();
});
}
this.update_nav = function() {
this.list_nav.removeClass('active');
this.list_nav.eq( this.index_current ).addClass('active');
}
this.update_highlight = function() {
if ( this.index_current < 3 ) {
$('.sub_banner').removeClass('sub_banner_active') ;
$('#sub_banner_'+this.index_current).addClass( 'sub_banner_active' );
} else {
$('.sub_banner').removeClass('sub_banner_active') ;
this.stop_slideshow();
$(".sub_banner_popout_list").slideDown("slow","linear");
}
}
this.start_slideshow = function( ) {
this.interval = setInterval( this.object+".go_next()", this.slideshow_interval );
}
this.stop_slideshow = function() {
clearInterval( this.interval );
}
}
function UW_Portfolio() {
this.show = function( el ) {
var target_offset = $("#"+el).offset();
var target_top = target_offset.top;
//goto that anchor by setting the body scroll top to anchor top
$('html, body').animate({scrollTop:target_top}, 500);
}
}
function UW_Util() {
this.showTab = function( list_class, section_class, section_index ) {
var list_items = $( list_class );
var section_items = $( section_class );
list_items.removeClass('selected');
list_items.eq(section_index).addClass('selected');
section_items.css('display','none');
section_items.eq(section_index).css('display','block');
}
this.scrollFromHash = function( hash ) {
hash = hash.replace('#','');
var section_index = parseInt( hash );
if ( isNaN( section_index ) ) return;
this.showTab( '.content_tab_list li','.content_tab_section',section_index );
uwp.show('hash_section');
}
this.toggleMore = function( link_el, content_el ) {
var link_obj = $('#'+link_el);
var content_obj = $('#'+content_el);
if ( content_obj.css('display') == 'none' ) {
content_obj.slideDown();
link_obj.html('See less');
} else {
content_obj.slideUp();
link_obj.html('See more');
}
}
}
function UW_Request() {
this.dropItem = function ( el_drag, el_drop ) {
// retrieve draggable text
var new_text = el_drag.text();
var dragged_parent = el_drag.closest('.request_container');
// hide draggable
el_drag.css("display","none");
// clone input row
var clone = $('#droppable_clone')
.clone()
.prependTo('#clone_wrapper')
.attr('id','')
.css("display","block")
.find('.droppable_completed')
.text( new_text )
.draggable({
revert: "invalid"
})
.dblclick(function() {
var el_drop = dragged_parent;
var el_drag = $(this);
uwr.undoItem( el_drag, el_drop );
});
// hide droppable
$( el_drop ).css("display","none");
// slide in droppable
$( el_drop ).slideDown('slow');
}
this.undoItem = function( el_drag, el_drop ) {
// retrieve draggable text
var new_text = el_drag.text();
// hide draggable
el_drag.closest('.droppable_wrapper').css("display","none");
// create dragged element
var dragged = $('<div>', {
'class': 'draggable_box',
text: new_text
}).appendTo( el_drop );
// make draggable
dragged.draggable({
revert: "invalid"
});
// add double click
dragged.dblclick(function() {
var el_drop = '#droppable_box';
var el_drag = $(this);
uwr.dropItem( el_drag, el_drop );
});
}
}
jQuery(document).ready(function() {
/* footer pullup effect */
if ( $('#pullup_toggle_link') ) {
$('#pullup_toggle_link').click(function() {
var wrapper = $('#footer_pullup_wrapper');
var height = parseInt( wrapper.css('height') );
var new_height = 90;
if ( height < 325 ) new_height = 325;
wrapper.animate({
height: new_height
}, 1000 );
});
}
/* home sub-banner popout effect */
if ( $('#popout_toggle_link') ) {
$('#popout_toggle_link').click(function() {
$(".sub_banner_popout_list").slideToggle("slow","linear");
});
}
/* navigation effect */
if ( $('#header_tabs') ) {
$('.header_tab').mouseenter(function() {
$(this).children('.header_tab_overlay').slideDown("fast","linear");
});
$('.header_tab').mouseleave(function() {
$(this).children('.header_tab_overlay').slideUp("fast","linear");
});
}
/* init slideshow */
if ( $('#banner_container') ) {
uws.init('#banner_container','#banner_nav ul');
}
/* anchor text */
$(".scroll").click(function(event){
//prevent the default action for the click event
event.preventDefault();
//get the full url - like mysitecom/index.htm#home
var full_url = this.href;
//split the url by # and get the anchor target name - home in mysitecom/index.htm#home
var parts = full_url.split("#");
var trgt = parts[1];
//get the top offset of the target anchor
var target_offset = $("#"+trgt).offset();
var target_top = target_offset.top;
//goto that anchor by setting the body scroll top to anchor top
$('html, body').animate({scrollTop:target_top}, 500);
});
// check for hashtag
if ( window.location.hash ) {
uwu.scrollFromHash( window.location.hash );
}
// header login forms
$('.header_link_login').click(function( event ){
if ( event.target.nodeName != 'INPUT' )
$(this).children('.header_form_wrapper').slideDown();
});
$('.header_link_cancel').click(function( event ){
$(this).closest('.header_form_wrapper').slideUp();
});
// retrieve tweets
$.jTwitter('USAWebsolutions', 3, function(posts){
$.each( posts, function(i, post){
$('#twitter_list').append(
'<li>'
+' <a href="http://twitter.com/USAWebsolutions" target="_blank">USAWeb</a>: '
+ post.text
+'</li>'
);
});
});
});
/* update slideshow when window is resized */
$(window).resize(function() {
uws.set_window();
});
/* detect ipad, load 960 stylesheet */
var isiPad = navigator.userAgent.match(/iPad/i) != null ;
if ( isiPad ) {
var link = $("<link>");
link.attr({
type: 'text/css',
rel: 'stylesheet',
href: 'include/styles-960.css'
});
$("head").append( link );
}
/* init slideshow */
var uws = new UW_Slideshow( 'uws' );
var uwp = new UW_Portfolio();
var uwu = new UW_Util();
var uwr = new UW_Request();