$(function () {
    var $context       = $('.interactive-tabs'),
        $tabs          = $('.link', $context),
        $tabs_selected = $tabs.filter('.selected'),
        $contents      = $('.interactive-content');
    	
    	$qrCode	   = $('div.code');
    
    // fix for IE
    if ($.browser.msie) {
        setTimeout(function () {
            $('table', $context).css('left', '-1px').css('left', '0px')
        }, 250);
    }
    
    // if we gave selected tab
    if ( $tabs_selected.length ) {
        var _selected = $tabs_selected.attr('rel'),
            _selected_content = $contents.filter('.' + _selected);
            
            if (_selected_content.length) {
                _selected_content.css('display', 'block');
            }
    }
    
    // binding click event
    $tabs.bind('click', function () {
        var $this = $(this);
            
         if ( !$this.hasClass('selected') ) {
            var _selected = $this.attr('rel'),
                _selected_content = $contents.filter('.' + _selected);
            
            $tabs.removeClass('selected');
            
            $tabs.each(function () {
                if ( $(this).attr('rel') == _selected ) {
                    $(this).addClass('selected')
                }
            });
            
            $contents.css('display', 'none');
            
            if (_selected_content.length) {
                _selected_content.css('display', 'block');
            }
            var h = $(this).attr('rel').replace(/^(.*)-phones/i, '#$1');
            if (h == 'iphone-ipad') {
            	h='ios';
            }
            $qrCode.hide();
            document.location.hash = h;
            
         }
    });
    if (document.location.hash) {
    	var s = document.location.hash.replace(/#(.*)$/i, '$1');
    	if (s=='ios') {
    		s = 'iphone-ipad';
    	} else {
    		s = s+'-phones';
    	}
    	$tabs.filter("div[rel='"+s+"']:eq(0)").click();
    }
});

$(document).ready(function(){
	//$('.text-flash-wtf').remove().appendTo('.java-phones');
});