var selectedTab = 0;

$(document).ready(function(){
	$('#slideshow_container').append('<div id="loader"><br><br><br>LOADING...</div>');
	$('#loader').fadeIn('normal');
	tooltip();
	imagePreview();
	setApplications();
});

$(window).load(function() {
    loadTabs();
    $('#slideshow_button_panel_container').show("slide", { direction: "down" }, 'slow');
    setThumbTitles();
    setThumbs();
    setThumbLinks();
    fadeInThumbs();

    if (arrMain[selectedTab][0]) {

        $("#slideshow_container").image(imgFolder[selectedTab][0] + '/' + arrMain[selectedTab][0] + '.jpg', 'selected_image', function() {
            $('#thumbholder1 a.thumb_selected').removeClass('thumb_selected').addClass('thumb');
            $('#loader').fadeOut('normal', function() {
                $('#selected_image').show("slide", { direction: "down" }, 'slow');
                fadeInThumbs();
            });
        });

    } else {

        $("#slideshow_container").image(imgFolder[selectedTab][0] + '/' + arrImgs[selectedTab][0] + '.jpg', 'selected_image', function() {
            $('#loader').fadeOut('normal', function() {
                $('#selected_image').show("slide", { direction: "down" }, 'slow');
                fadeInThumbs(),
                $('#slide_desc').html(arrDesc[0][0]).show(1000);
            });            
        });       
    }



    //$('#slide_desc').html(arrDesc[0][0]).show(1000);

    //$("#slideshow_container").image(imgFolder[selectedTab][0] + '/' + arrImgs[selectedTab][0] + '.jpg','selected_image',function(){
    //$('#loader').fadeOut('normal',function(){
    //$('#selected_image').show("slide",{ direction: "down" }, 'slow');
    //});
    //});



});

function setApplications(){
  if(arrApplications.length > 0){
    	var randomnumber=Math.floor(Math.random()*(arrApplications.length));
    	var apptoload = arrApplications[randomnumber];
    	for(var i=0;i<arrApps.length;i++){
    		if(arrApps[i]==apptoload){
    			$('#random_applications').html(arrAppDesc[i]);
    			$('#tabs_featured_pdf_link_container a').attr('href',arrAppPdf[i]).attr('title',arrAppImg[i]);
    		  break;
        }
    	}
    	var curapp = randomnumber - 1;
    	$('#prev_app').click(function(){
    		curapp = curapp - 1;
    		if(curapp < 0) curapp = (arrApplications.length - 1);
    		var apptoload = arrApplications[curapp];
    		for(var i=0;i<arrApps[i].length;i++){
    			if(arrApps[i]==apptoload){
    				$('#random_applications').html(arrAppDesc[i]);
    				$('#tabs_featured_pdf_link_container a').attr('href',arrAppPdf[i]).attr('title',arrAppImg[i]);
    			} 
    		}
    	});
    	$('#next_app').click(function(){
    		curapp = curapp + 1;
    		if(curapp ==  arrApplications.length) curapp = 0;
    		var apptoload = arrApplications[curapp];
    		for(var i=0;i<arrApps[i].length;i++){
    			if(arrApps[i]==apptoload){
    				$('#random_applications').html(arrAppDesc[i]);
    				$('#tabs_featured_pdf_link_container a').attr('href',arrAppPdf[i]).attr('title',arrAppImg[i]);
    			} 
    		}
  	});
	}else{
    $('#appnav_container').remove();	 
    $('#tabs_featured_pdf_link_container').remove();
    $('#random_applications').html('No Apps Linked.');
  }
}

$.fn.image = function(src, id, f){ 
	return this.each(function(){ 
		var i = new Image(); 
		i.onload = f;
		i.src = src;
		i.id = id;
		this.appendChild(i);
	}); 
}

function setThumbTitles() { for (var i = 0; i < arrTitle[selectedTab].length; i++) {  if (arrTitle[selectedTab][i] != null) $('#thumbholder' + (i + 1)).append('<div class="thumb_title">' + arrTitle[selectedTab][i] + '</div>'); } }
function removeThumbTitles() { for (var i = 0; i <= arrTitle[0].length; i++) { $('#thumbholder' + (i + 1) + ' .thumb_title').remove(); } }
function setThumbLinks(){ for(var i=0;i<arrImgs[selectedTab].length;i++) $('#thumbholder' + ( i + 1 )).bind('click',loadImage);}
function removeThumbLinks(){ for(var i=0;i<arrImgs[selectedTab].length;i++) $('#thumbholder' + ( i + 1 )).unbind('click',loadImage);}
function fadeInThumbs(){ for(var i=0;i<arrImgs[selectedTab].length;i++) $('#thumbholder' + (i+1) ).fadeIn('normal');}

function setThumbs(){
	var thumbClass='a.thumb_selected';
	var folder = thumbFolder[selectedTab][0] + '/';
	for (var i = 0; i < arrThumbs[selectedTab].length; i++) {
	    var thumb = arrThumbs[selectedTab][i] + ".jpg";
		if (i > 0) thumbClass = 'a.thumb';
		if (arrThumbs[selectedTab][i] != '')
		$('#thumbholder' + ( i + 1 ) + ' ' + thumbClass ).append('<img src="' + folder  + thumb + '" alt="thumb" />')
	}
}

function resetThumbs(){
	var thumbClass='a.thumb';
	var folder = thumbFolder[selectedTab][0] + '/';
	for (var i = 0; i < arrThumbs[selectedTab].length; i++) {
	    var thumb = arrThumbs[selectedTab][i] + ".jpg";
	    if (arrThumbs[selectedTab][i] != '')
		$('#thumbholder' + ( i + 1 ) + ' ' + thumbClass ).append('<img src="' + folder  + thumb + '" alt="thumb" />')
	}
	$('#thumbholder1 a.thumb').removeClass('thumb').addClass('thumb_selected');
}

function removeThumbs(){
	$('.thumb_selected').removeClass("thumb_selected").addClass("thumb");
	$('.thumb img').remove();
}

function loadTabs(){
	var tabClass = 'slideshow_tab_hover';
	for ( var i = 0; i < arrTabs.length; i++ ) {
		if( i > 0 ) tabClass = 'slideshow_tab'; 
		$('#slideshow_button_panel_container').append('<a href="javascript:void(0);" class="'+tabClass+'" title="'+i+'">'+arrTabs[i]+'</a>');
	}
	$('.slideshow_tab_hover').bind('click', tabClicked);
	$('.slideshow_tab').bind('click',tabClicked);
}

function tabClicked(){
	var tabClicked = $(this).attr("title");
	$('.slideshow_tab_hover').removeClass("slideshow_tab_hover").addClass("slideshow_tab");
	$(this).removeClass("slideshow_tab").addClass("slideshow_tab_hover");
	selectedTab = tabClicked;
	$('#selected_image').hide("slide",{ direction: "down" }, 'slow', function(){
		$('#loader').fadeIn('normal',function(){
			$('#selected_image').remove();
			$('#slide_desc').hide(1000);
			for (var i = 0; i < arrThumbs[0].length; i++) $('#thumbholder' + (tabClicked + 1)).fadeOut('fast');
			removeThumbTitles();
			removeThumbLinks();
			removeThumbs();
			setThumbTitles();
			resetThumbs();
			setThumbLinks();
			if(arrMain[selectedTab][0]){
				
				$("#slideshow_container").image(imgFolder[selectedTab][0] + '/' + arrMain[selectedTab][0] + '.jpg','selected_image',function(){
					$('#thumbholder1 a.thumb_selected').removeClass('thumb_selected').addClass('thumb');
					$('#loader').fadeOut('normal',function(){
						$('#selected_image').show("slide",{ direction: "down" }, 'slow');
						fadeInThumbs();
					});
				});				
				
			}else{
				
				$("#slideshow_container").image(imgFolder[selectedTab][0] + '/' +  arrImgs[selectedTab][0] + '.jpg','selected_image',function(){
					$('#loader').fadeOut('normal',function(){
						$('#selected_image').show("slide",{ direction: "down" }, 'slow');
						fadeInThumbs(),
						$('#slide_desc').html(arrDesc[tabClicked][0]).show(1000);
					});
				});				

			}

		});	
	});
}

function loadImage(){
	var pid = $(this).attr("id");
	var the_length = pid.length;
	var id_num = pid.charAt(the_length-1);
	var image = arrImgs[selectedTab][id_num-1] + ".jpg";
	var folder = imgFolder[selectedTab][0] + '/';
	$('.thumb_selected').removeClass("thumb_selected").addClass("thumb");
	$(this).children().removeClass("thumb").addClass("thumb_selected");
	$('#selected_image').hide("slide",{ direction: "down" }, 'slow',function(){
		$('#slide_desc').hide(1000, function(){
			$('#loader').fadeIn('normal',function(){
				$('#selected_image').remove();
				//alert(arrImgs[selectedTab][id_num]);
				$("#slideshow_container").image(folder + image,'selected_image',function(){
					$('#loader').fadeOut('normal',function(){
						$('#selected_image').show("slide",{ direction: "down" }, 'slow',function(){
							$('#slide_desc').html(arrDesc[selectedTab][id_num-1]),
							$('#slide_desc').show(1000)							
						});
					});
				});
			});
		 });
	 });
}