var width = 0;
var colors = [];
var currentIndex = 0;


(function($) {
	/*
		jquery.twitter.js v1.5
		Last updated: 08 July 2009

		Created by Damien du Toit
		http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter

		Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License
		http://creativecommons.org/licenses/by-nc/3.0/
	*/

	$.fn.getTwitter = function(options) {

		$.fn.getTwitter.defaults = {
			userName: null,
			numTweets: 5,
			loaderText: "Loading tweets...",
			slideIn: true,
			slideDuration: 750,
			showHeading: true,
			headingText: "Latest Tweets",
			showProfileLink: true,
			showTimestamp: true
		};

		var o = $.extend({}, $.fn.getTwitter.defaults, options);

		return this.each(function() {
			var c = $(this);

			// hide container element, remove alternative content, and add class
			c.hide().empty().addClass("twitted");

			// add heading to container element
			if (o.showHeading) {
				c.append("<h2>"+o.headingText+"</h2>");
			}

			// add twitter list to container element
			var twitterListHTML = "<ul id=\"twitter_update_list\"><li></li></ul>";
			c.append(twitterListHTML);

			var tl = $("#twitter_update_list");

			// hide twitter list
			tl.hide();

			// add preLoader to container element
			var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");
			c.append(preLoaderHTML);

			// add Twitter profile link to container element
			if (o.showProfileLink) {
				var profileLinkHTML = "<p class=\"profileLink\"><a href=\"http://twitter.com/"+o.userName+"\">http://twitter.com/"+o.userName+"</a></p>";
				c.append(profileLinkHTML);
			}

			// show container element
			c.show();

			$.getScript("http://twitter.com/javascripts/blogger.js");
			$.getScript("http://twitter.com/statuses/user_timeline/"+o.userName+".json?callback=twitterCallback2&count="+o.numTweets, function() {
				// remove preLoader from container element
				$(preLoaderHTML).remove();

				// remove timestamp and move to title of list item
				if (!o.showTimestamp) {
					tl.find("li").each(function() {
						var timestampHTML = $(this).children("a");
						var timestamp = timestampHTML.html();
						timestampHTML.remove();
						$(this).attr("title", timestamp);
					});
				}

				// show twitter list
				if (o.slideIn) {
					// a fix for the jQuery slide effect
					// Hat-tip: http://blog.pengoworks.com/index.cfm/2009/4/21/Fixing-jQuerys-slideDown-effect-ie-Jumpy-Animation
					var tlHeight = tl.data("originalHeight");

					// get the original height
					if (!tlHeight) {
						tlHeight = tl.show().height();
						tl.data("originalHeight", tlHeight);
						tl.hide().css({height: 0});
					}

					tl.show().animate({height: tlHeight}, o.slideDuration);
				}
				else {
					tl.show();
				}

				// add unique class to first list item
				tl.find("li:first").addClass("firstTweet");

				// add unique class to last list item
				tl.find("li:last").addClass("lastTweet");
			});
		});
	};
})(jQuery);





$(document).ready(function(){		
		
		/*
		if ($.browser.msie &&  parseFloat($.browser.version) <= 6.0){
			var e = $('body').html("<h1></h1>");
			e.text("This web site doesn't support Internet Explorer 6.0 and earlier.\nPlease upgrade your browser or use other browser like Chrome, Firefox and Opera.");
			$('body').css('backgroundColor', 'white');
		}
		$('body').show(); 
		*/
		
		//Slider
	    $('.slider-thumb').draggable({
	        axis: 'x',
	        containment: '.slider-scrollable',
	        cursor: 'w-resize',
	        drag: ondrag
	    });
	
	    function ondrag(sender, args) {
	
	        var colorIndex = args.position.left;
	        status = colorIndex;
	        setColor(colorIndex, true);
	    }
	
	    //Slider End        
	    if (xCookie.read("color") == null) {
	        setSliderPosition(27);
	    }
	    else {
	        setSliderPosition(parseInt(xCookie.read("color")));
	    }
        
        
        $(window).resize(function(){
			onResize();
		});
		
		onResize();
		
        $('#top-bar, #slogan').animate({
            top: 0
        }, 500, 'easeOutBounce', function(){
            $('#slogan').css('top', '-2');
            $('#title').animate({
                top:0
            }, 'fast', 'easeInQuad');
            $('#bottom-menu').fadeIn();
        });
        
        $('#white-glow').animate({
            top: 55
        }, 500, 'easeOutBounce');
        
		$('#bottom-bar #bottom-menu').hover(function(){
//			alert('wow');
		});
        
        
		
		$("#twitter").getTwitter({
			userName: "maniartech",
			numTweets: 5,
			loaderText: "",
			slideIn: true,
			showHeading: false,
			headingText: "",
			showProfileLink: false
		});
		
        /*
		$('#header-container div').hide();
		$('#header-container').show();
		$('#header-container div').each(function(){
			//$(this).show(2000, 'easeOutBounce', onResize());
            $(this).show();
		});
        */
        
        $('textarea').TextAreaResizer();
        
        
});



function onResize(){
	width = $('#measure-elm').width();
	height = $(window).height();			
	$('#top-bar').width(width);
	$('#white-glow').css('left', (width-900)/2);
	$('#bottom-menu').css('left', (width-960)/2);
	$('#bottom-bar').width(width);	
}


var xCookie = {
    create: function(name, value, days) {
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            var expires = "; expires=" + date.toGMTString();
        }
        else var expires = "";
        document.cookie = name + "=" + value + expires + "; path=/";
    },

    read: function(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    },

    remove: function(name) {
        xCookie.create(name, "", -1);
    }
};


var offer = {
    
    cloud: null,
    rainDrop: null,
    cloudLeft: 0,
    left: false,
    dropCounter: 0,
    offsetCounter: 0,
    flag:true,
    timer: null,
    
    
    intialize: function(){
    
        offer.cloud = $('<img id="cloud" src="./media/images/cloud.png" style="position:absolute; border:0px; width:396px; height:396px; z-index:999; display:none;" alt="Cloud" usemap="#offerMap" />');
        offer.rainDrop = $('<div style="background-image: url(./media/images/rain-drop.png); position:absolute; height:30px; zoom:1; width:12px; z-index:990;" alt="Rain drop" />');
                    
        $('#root').append(offer.cloud);
        
        $('#closeArea').click(function(){
            offer.stop();
        });
        
        
        offer.cloud.attr('usemap', '#offerMap');
        
        if ($.browser.msie == true && parseInt($.browser.version) < 7){
            
            offer.cloud.attr('src', 'media/images/pixel.gif');				
            offer.cloud.css({
                backgroundImage:'None',
                filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./media/images/cloud.png", sizingMethod="scale")'                    
            });
            
            
            offer.rainDrop.css({
                backgroundImage:'None',
                filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./media/images/rain-drop.png", sizingMethod="scale")'
            });
            
        }
        
        
        
        
        offer.cloud.css({left: (width - offer.cloud.width()) / 2});
        
        offer.rainDrop.css({top:200});
        
        if ($.browser.msie){
            offer.cloud.show();
            offer.timer = window.setInterval("offer.moveCloud()", 200);
        }
        else{            
            offer.cloud.fadeIn(2000, function(){
                offer.timer = window.setInterval("offer.moveCloud()", 200);
            });
        }
        
    }, 
    
    moveCloud: function(){
        
        
        if (offer.left == false){
            if (offer.cloudLeft < (width - offer.cloud.width() - 100)) {
                offer.cloudLeft = offer.cloud.position().left + 1;
                offer.cloud.css({left: offer.cloudLeft});                    
            }
            else {
                offer.left = true;
            }
        }
        else {
            if (offer.cloudLeft > 100){
                offer.cloudLeft = offer.cloud.position().left - 1;
                offer.cloud.css({left: offer.cloudLeft});
            }
            else {
                offer.left = false;
            }
        }
        
        offer.dropCounter += 1;
        
        //if ((offer.dropCounter % 3) == 0){
        if (offer.flag){
            offer.dropRainDrop(30);
            offer.dropRainDrop(130);
            offer.dropRainDrop(230);
        }
        else{
            offer.dropRainDrop(80);
            offer.dropRainDrop(180);                
            offer.dropRainDrop(300);
        }
        offer.flag = !offer.flag;
        
    }, 
    
    dropRainDrop: function(offset){
        
        var newDrop = offer.rainDrop.clone(true);            
        newDrop.css({left: offer.cloudLeft + offset});
        
        $('#root').append(newDrop);
        
        
        if ($.browser.msie){
            newDrop.animate({
                top:500,
                left: '-=70'
            }, {
                duration: 2000,
                complete: function(){
                    newDrop.remove();
                }
            });
        }
        else{
            newDrop.animate({
                top:500,
                left: '-=70',
                opacity:0
            }, {
                duration: 2000,
                complete: function(){
                    newDrop.remove();
                }
            });
        }
    }, 
    
    stop: function(){
        if ($.browser.msie){
            offer.cloud.hide();
            offer.cloud.remove();
            window.clearInterval(offer.timer);
        }
        else{
            offer.cloud.fadeOut(2000, function (){	
                offer.cloud.remove();
            });
            window.clearInterval(offer.timer);
        }
    }
};


function rgb2Hex(r, g, b) {
    var color = (r << 16 | g << 8 | b).toString(16);
    while (color.length < 6) {
        color = '0' + color;
    }
    return color;
}

function hsb2rgb(h, s, v) {
    var r, g, b;
    if (h == 360) { h = 0; }
    else if (h > 360 || h < 0) { return 0; }
    s /= 100;
    v /= 100;
    h /= 60;
    var i = Math.floor(h);
    var f = h - i;
    var p = v * (1 - s);
    var q = v * (1 - (s * f));
    var t = v * (1 - (s * (1 - f)));
    if (i == 0) { r = v; g = t; b = p; }
    else if (i == 1) { r = q; g = v; b = p; }
    else if (i == 2) { r = p; g = v; b = t; }
    else if (i == 3) { r = p; g = q; b = v; }
    else if (i == 4) { r = t; g = p; b = v; }
    else if (i == 5) { r = v; g = p; b = q; }
    r = Math.floor(r * 255);
    g = Math.floor(g * 255);
    b = Math.floor(b * 255);
    return (rgb2Hex(r, g, b));
}

for (var i = 0; i < 100; i++) {
    colors[i] = '#' + hsb2rgb(Math.round(i * 3.6 * 2), 100, 50);
}


function setColor(index, setPosition) {
    $('body').css('backgroundColor', colors[index]);
    if (setPosition) {    	
        currentIndex = index;
        xCookie.create("color", index, 356);
    }
}

function setSliderPosition(position) {
    if (position >= 100)
        position = 0;
    $('.slider-thumb').css({
        left: position
    });
    setColor(position, true);
}