$(document).ready(function(){ 

        
    $('#featured-projects > ul').tabs({ fx: {opacity: 'toggle'} });
    $('#team > ul').tabs({ fx: {opacity: 'toggle'} });  
    
        $('#contact-list > ul').tabs({ fx: {opacity: 'toggle'} });  
    
//######SHOWCASE START#######
$('#showcaser-top-list ul.showcase-top-list a').click(function(){
	showtoplistun();
	$(this).parent().addClass('sel-top-list');
});

$('#showcaser-top-list > ul').tabs({ selected: 1 });
    
    $('#showcaser-top-list > ul').bind('tabsselect', function(event, ui) {
        $('#showcase-items').fadeOut('normal');
        $('#showcase-display').slideUp('normal');
        
    });
    $('#showcaser-top-list > ul').bind('tabsload', function(event, ui) {
    	$('#showcase-items').html(ui.panel.innerHTML);
    	setupbuttons();
    	$('#showcase-items').show();
    	ui.panel.innerHTML = '';
        $('#showcase-items').fadeIn('normal');
        $('#showcase-display').slideDown('normal');
    });
    
    
function setupbuttons(){
$('#showcase-items > ul').tabs({ selected: 0 });
    
    $('#showcase-items > ul').bind('tabsselect', function(event, ui) {
        $('#showcase-display').slideUp('normal');
    });
    $('#showcase-items > ul').bind('tabsload', function(event, ui) {
    	$('#showcase-display').html(ui.panel.innerHTML);
    	$('#showcase-display').show();
    	ui.panel.innerHTML = '';
        $('#showcase-display').slideDown('normal');
        
        $('#showcase-images > ul li a').each(function(i, el){
        	var obj = $(el);
            if(obj.attr('class') != 'nav'){
            	if(i == 1){
                    showcaseSetImage(obj);
            		obj.parent().addClass('current');
            	}
            	
                obj.click(function(){
                    showcaseSetImage(this);
                    showcaseUnselectItems();
                    $(this).parent().addClass('current');
                    return false;
                });
            } else {
            	obj.click(function(){
                    var currEl = $($('#showcase-images > ul li.current')[0]);
                    showcaseUnselectItems();
                    
                    var targetEl = (obj.attr('rel') == 'next' ? currEl.next() : currEl.prev())
                    if(targetEl.attr('class') == 'nav'){
                    	var action = obj.attr('rel'); 
                		var items = $('#showcase-images > ul li');
                		var totalItems = items.length;
                		items.each(function(i, el){
                            if(action == 'previous' && i == totalItems - 2){
                            	targetEl = $(el);
                            } else if(action == 'next' && i == 1) {
                            	targetEl = $(el);
                            }
                		});
                    }
                    targetEl.addClass('current');
                    showcaseSetImage($(targetEl.children('a')[0]));
            	});
            }
        });
        
    });
  }
    
    
    //  Initialize contact form
    if($('#contact-form')){
    	initContactForm(1);
    }
        if($('#contact-form2')){
    	initContactForm(2);
    }
    
	// add a "rel" attrib if Opera 7+
	if(window.opera) {
		if ($("a.add").attr("rel") != ""){
			$("a.add").attr("rel","sidebar");
		} 
	}

	$("a.add").click(function(event){
		event.preventDefault();
		var url = "http://www.incisionstudios.com";
		var title = "Incision Studios - Professional Web Design";
		
		if (window.sidebar) { // Mozilla Firefox Bookmark
			window.sidebar.addPanel(title, url,"");
		} else if( window.external ) { // IE Favorite
			window.external.AddFavorite( url, title);
		} else if(window.opera) { // Opera 7+
			return false; // do nothing
		} else { 
			 alert('Unfortunately, this browser does not support the requested action,'
			 + ' please bookmark this page manually.');
		}
	
	});

    
});

function initContactForm($r){
	if ($r==1) {
	var formUrl = $('#contact-form').attr('action');
	$('#contact-form-submit').click(function(){
        $('#contact-form').submit();
	});
	$('#contact-form').submit(function(){
		//    Prepate fields data
		var r		  = $r;
		var name      = $('input#name').val();
		var email     = $('input#email').val();
		var phone     = $('input#phone').val();
		var category  = $('select#category').val();
		var subject   = $('input#subject').val();
		var message   = $('textarea#message').val();
		var dataStr   = 'r='+r+'&name=' + name + '&email=' + email + '&phone=' + phone + '&category=' + category + '&subject=' + subject + '&message=' + message;

		//    Submit form data
		$('#error-message').hide();
		$('#contact-form-spinner').show();
        $.ajax({ type: 'POST', url: formUrl, data: dataStr,
            success: function(response){
            	$('#contact-form-spinner').hide();
                resCheck = response.split(':');
                if(resCheck.length == 2 && resCheck[0] == 'ERROR'){
                	$('#error-message').html(resCheck[1]);
                	$('#error-message').show('normal');
                } else {
                	$('#contact-form').hide('normal');
                	$('#success-message').hide();
                	$('#success-message').html( response );
                	$('#success-message').show('slow');
                }
            }
        });
        return false;
	});
	}
	else if ($r==2) {
		var formUrl = $('#contact-form2').attr('action');
	$('#contact-form-submit2').click(function(){
        $('#contact-form2').submit();
	});
	$('#contact-form2').submit(function(){
		var r		  = $r;
		var name      = $('input#name2').val();
		var email     = $('input#email2').val();
		var phone     = $('input#phone2').val();
		var timeframe  = $('select#timeframe').val();
		var budget   = $('input#budget').val();
		var description   = $('textarea#description').val();
		var dataStr   = 'r='+r+'&name=' + name + '&email=' + email + '&phone=' + phone + '&timeframe='+timeframe+'&budget=' + budget + '&description=' + description;

		//    Submit form data
		$('#error-message2').hide();
		$('#contact-form-spinner2').show();
        $.ajax({ type: 'POST', url: formUrl, data: dataStr,
            success: function(response){
            	$('#contact-form-spinner2').hide();
                resCheck = response.split(':');
                if(resCheck.length == 2 && resCheck[0] == 'ERROR'){
                	$('#error-message2').html(resCheck[1]);
                	$('#error-message2').show('normal');
                } else {
                	$('#contact-form2').hide('normal');
                	$('#success-message2').hide();
                	$('#success-message2').html( response );
                	$('#success-message2').show('slow');
                }
            }
        });
        return false;
	});
	} else {
	alert ("Error");
	}
}


function showcaseUnselectItems(){
    $('#showcase-images > ul li').each(function(i, el){ $(el).removeClass('current'); });
}

function showtoplistun(){
    $('#showcaser-top-list > ul li').each(function(i, el){ $(el).removeClass('sel-top-list'); });
}

function showcaseSetImage(obj){
    $('#showcase-image-preview').html('<img src="' + $(obj).attr('href') + '" alt="" />');	
}